:root{--color-primary:#1e3c72;--color-primary-light:#2a5298;--color-primary-lighter:#3b82f6;--color-primary-dark:#162d5a;--color-secondary:#4caf50;--color-secondary-dark:#45a049;--color-secondary-darker:#2e7d32;--color-accent-blue:#2196f3;--color-accent-blue-dark:#1976d2;--color-accent-gold:#fbbf24;--color-accent-gold-light:#fbbf24cc;--color-accent-gold-lighter:#fbbf2480;--color-white:#fff;--color-black:#000;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-dark-bg:#1e1e1e;--color-dark-bg-light:#2a2a2a;--color-dark-border:#444;--color-dark-text:#ccc;--color-dark-text-muted:#999;--color-success:#4caf50;--color-error:#ef4444;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-warning:#f59e0b;--color-info:#3b82f6;--color-bg-overlay:#0009;--color-bg-overlay-light:#00000080;--color-bg-overlay-lighter:#0000004d;--color-white-alpha-10:#ffffff1a;--color-white-alpha-15:#ffffff26;--color-white-alpha-20:#fff3;--color-white-alpha-25:#ffffff40;--color-white-alpha-30:#ffffff4d;--color-white-alpha-40:#fff6;--color-white-alpha-50:#ffffff80;--color-white-alpha-80:#fffc;--color-white-alpha-95:#fffffff2;--color-black-alpha-10:#0000001a;--color-black-alpha-15:#00000026;--color-black-alpha-20:#0003;--color-black-alpha-30:#0000004d;--color-gold-alpha-15:#fbbf2426;--color-gold-alpha-20:#fbbf2433;--color-gold-alpha-40:#fbbf2466;--color-gold-alpha-50:#fbbf2480;--color-gold-alpha-60:#fbbf2499;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--spacing-4xl:2.5rem;--spacing-5xl:3rem;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 4px 12px #00000026;--shadow-xl:0 8px 20px #0003;--shadow-2xl:0 10px 40px #0003;--shadow-inner:inset 0 2px 4px 0 #0000000f;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-slower:0.5s ease;--z-index-dropdown:100;--z-index-sticky:200;--z-index-overlay:998;--z-index-modal:999;--z-index-popover:1000;--z-index-tooltip:1001;--z-index-toast:9999;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--text-primary:#fff;--text-secondary:#ffffffd9;--text-tertiary:#ffffffb3;--bg-primary:#ffffff26;--bg-secondary:#ffffff1a;--bg-tertiary:#0003;--bg-hover:#fff3;--border-color:#fff3;--primary-color:#3b82f6;--primary-hover:#2563eb;--success-color:#4caf50;--success-light:#4caf5033;--danger-color:#ef4444;--danger-hover:#dc2626;--danger-light:#ef444433;--warning-color:#f59e0b;--warning-light:#f59e0b33;--info-color:#3b82f6;--info-light:#3b82f633}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border:4px solid var(--color-white-alpha-30);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--color-white);height:48px;width:48px}.spinner-small{animation:spin .8s linear infinite;border:2px solid var(--color-white-alpha-30);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--color-white)}.spinner-primary{border-color:#e2e8f0;border-color:var(--color-gray-200);border-top-color:#3b82f6;border-top-color:var(--color-primary-lighter)}.btn{border:none;border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm);padding:.75rem 1.25rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease;transition:all var(--transition-base)}.btn:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#1e3c72;background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:#2a5298;background-color:var(--color-primary-light)}.btn-secondary{background-color:#4caf50;background-color:var(--color-secondary);color:#fff;color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:#45a049;background-color:var(--color-secondary-dark)}.btn-accent{background-color:#2196f3;background-color:var(--color-accent-blue);color:#fff;color:var(--color-white)}.btn-accent:hover:not(:disabled){background-color:#1976d2;background-color:var(--color-accent-blue-dark)}.btn-gray{background-color:#64748b;background-color:var(--color-gray-500);color:#fff;color:var(--color-white)}.btn-gray:hover:not(:disabled){background-color:#475569;background-color:var(--color-gray-600)}.btn-ghost{background-color:#ffffff1a;background-color:var(--color-white-alpha-10);border:1px solid #ffffff4d;border:1px solid var(--color-white-alpha-30);color:var(--color-white)}.btn-ghost:hover:not(:disabled){background-color:#fff3;background-color:var(--color-white-alpha-20);border-color:#fff6;border-color:var(--color-white-alpha-40)}.btn-light{background-color:#fffc;background-color:var(--color-white-alpha-80);border:1px solid #0000001a;border:1px solid var(--color-black-alpha-10);color:#1e293b;color:var(--color-gray-800)}.btn-light:hover:not(:disabled){background-color:#fffffff2;background-color:var(--color-white-alpha-95);border-color:#00000026;border-color:var(--color-black-alpha-15)}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-2xl)}.btn-lg,.tab-button{font-size:1rem;font-size:var(--font-size-base)}.tab-button{background:#ffffff1a;background:var(--color-white-alpha-10);border:2px solid #ffffff4d;border:2px solid var(--color-white-alpha-30);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--color-white);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium);padding:.75rem 2rem;padding:var(--spacing-md) var(--spacing-3xl);transition:all .3s ease;transition:all var(--transition-slow)}.tab-button:hover{background:#ffffff26;background:var(--color-white-alpha-15);border-color:#fff6;border-color:var(--color-white-alpha-40)}.tab-button.active{background:#ffffff40;background:var(--color-white-alpha-25);border-color:#ffffff80;border-color:var(--color-white-alpha-50);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.card{background:#fffffff2;background:var(--color-white-alpha-95);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 8px 20px #0003;box-shadow:var(--shadow-xl);padding:1.5rem;padding:var(--spacing-2xl)}.card-light{background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-gray-200)}.input{background-color:#fff;background-color:var(--color-white);border:1px solid #cbd5e1;border:1px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--color-gray-800);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:border-color .2s ease;transition:border-color var(--transition-base);width:100%}.input:focus{border-color:#3b82f6;border-color:var(--color-primary-lighter);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input:disabled{background-color:#f1f5f9;background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.input::placeholder{color:#94a3b8;color:var(--color-gray-400)}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;width:100%}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;text-align:center}.error-boundary-content h1{color:#e53e3e;font-size:32px;margin:0 0 20px}.error-message{color:#4a5568;font-size:16px;line-height:1.6;margin:0 0 30px}.error-details{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.error-details summary{color:#2d3748;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:#4a5568}.error-stack{background:#2d3748;border-radius:6px;color:#f7fafc;font-size:12px;line-height:1.5;margin:15px 0 0;overflow-x:auto;padding:15px;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;gap:15px;justify-content:center}.error-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.error-button.primary{background-color:#667eea;color:#fff}.error-button.primary:hover{background-color:#5a67d8;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.error-button.secondary{background-color:#e2e8f0;color:#2d3748}.error-button.secondary:hover{background-color:#cbd5e0;transform:translateY(-2px)}.error-button:active{transform:translateY(0)}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;min-width:300px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;opacity:.6;padding:0;transition:opacity .2s;width:24px}.toast-close:hover{opacity:1}.toast-success{background:#4caf50;background:var(--color-success,#4caf50);color:#fff}.toast-error{background:#ef4444;background:var(--color-error,#ef4444);color:#fff}.toast-warning{background:#f59e0b;background:var(--color-warning,#f59e0b);color:#fff}.toast-info{background:#3b82f6;background:var(--color-info,#3b82f6);color:#fff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin .8s linear infinite;border-radius:50%;border-radius:var(--radius-full,50%);display:inline-block}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border:2px solid var(--color-white-alpha-30,#ffffff4d);border-top-color:var(--color-white,#fff);height:24px;width:24px}.spinner-medium{border:4px solid #ffffff4d;border-top-color:#fff;border:4px solid var(--color-white-alpha-30,#ffffff4d);border-top-color:var(--color-white,#fff);height:48px;width:48px}.spinner-large{border:5px solid #ffffff4d;border-top-color:#fff;border:5px solid var(--color-white-alpha-30,#ffffff4d);border-top-color:var(--color-white,#fff);height:64px;width:64px}.loading-spinner-centered{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg,16px);justify-content:center;min-height:200px;padding:48px 24px;padding:var(--spacing-3xl,48px) var(--spacing-xl,24px)}.loading-spinner-inline{align-items:center;display:inline-flex;gap:12px;gap:var(--spacing-md,12px)}.loading-text{color:inherit;font-size:1rem;font-size:var(--font-size-base,1rem);margin:0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.loading-spinner-centered.on-dark .spinner-large,.loading-spinner-centered.on-dark .spinner-medium,.loading-spinner-centered.on-dark .spinner-small{border-color:#ffffff4d;border-color:var(--color-white-alpha-30,#ffffff4d);border-top-color:#fff;border-top-color:var(--color-white,#fff)}.loading-spinner-centered.on-light .spinner-large,.loading-spinner-centered.on-light .spinner-medium,.loading-spinner-centered.on-light .spinner-small{border-color:#e5e7eb;border-color:var(--color-gray-200,#e5e7eb);border-top-color:#3b82f6;border-top-color:var(--color-primary-lighter,#3b82f6)}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:500;gap:8px;gap:var(--spacing-sm,8px);justify-content:center;line-height:1.5;padding:12px 16px;padding:var(--spacing-md,12px) var(--spacing-lg,16px);text-align:center;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--color-primary-lighter,#3b82f6);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn-small{font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:4px;gap:var(--spacing-xs,4px);padding:8px 12px;padding:var(--spacing-sm,8px) var(--spacing-md,12px)}.btn-large{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);gap:12px;gap:var(--spacing-md,12px);padding:16px 24px;padding:var(--spacing-lg,16px) var(--spacing-xl,24px)}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--color-primary,#2563eb) 0,var(--color-primary-lighter,#3b82f6) 100%);border-color:#2563eb;border-color:var(--color-primary,#2563eb);box-shadow:0 2px 4px #2563eb33;color:#fff;color:var(--color-white,#fff)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,#1e40af 0,var(--color-primary,#2563eb) 100%);box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:#1e40af;box-shadow:0 2px 4px #2563eb33}.btn-secondary{background:#fff;background:var(--color-white,#fff);border-color:#d1d5db;border-color:var(--color-gray-300,#d1d5db);box-shadow:0 1px 2px #0000000d;color:#374151;color:var(--color-gray-700,#374151)}.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--color-gray-50,#f9fafb);border-color:#9ca3af;border-color:var(--color-gray-400,#9ca3af);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:#f3f4f6;background:var(--color-gray-100,#f3f4f6);box-shadow:0 1px 2px #0000000d}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626;box-shadow:0 2px 4px #dc262633;color:#fff;color:var(--color-white,#fff)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}.btn-danger:active:not(:disabled){background:#b91c1c;box-shadow:0 2px 4px #dc262633}.btn-ghost{background:#ffffff1a;border:2px solid #ffffff4d;box-shadow:none;color:#fff;color:var(--color-white,#fff)}.btn-ghost:hover:not(:disabled){background:#fff3;border-color:#ffffff80;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.btn-ghost:active:not(:disabled){background:#ffffff26;transform:translateY(0)}.btn-link{background:#0000;border-color:#0000;box-shadow:none;color:#3b82f6;color:var(--color-primary-lighter,#3b82f6);padding-left:0;padding-right:0;text-decoration:underline}.btn-link:hover:not(:disabled){background:#0000;color:#2563eb;color:var(--color-primary,#2563eb);transform:none}.btn-link:active:not(:disabled){color:#1e40af}.btn-loading{pointer-events:none;position:relative}.btn-loading .btn-text{opacity:.7}.btn-disabled,.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-full-width{width:100%}.btn-icon{font-size:1.2em;justify-content:center}.btn-icon,.btn-text{align-items:center;display:inline-flex}.btn .loading-spinner-inline{gap:4px;gap:var(--spacing-xs,4px)}@media (max-width:640px){.btn-large{font-size:1rem;font-size:var(--font-size-base,1rem);padding:12px 16px;padding:var(--spacing-md,12px) var(--spacing-lg,16px)}}.btn.back-button{gap:4px;gap:var(--spacing-xs,4px)}.btn-group{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md,12px)}.btn-group .btn{flex:1 1;min-width:-webkit-max-content;min-width:max-content}.modal-actions .btn{min-width:120px}.multi-warzone-selector{position:relative;width:100%}.multi-warzone-selector.disabled{opacity:.6;pointer-events:none}.selected-warzones{background:#1f293780;border:1px solid #3b82f64d;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:10px;transition:all .2s ease}.selected-warzones:hover{background:#1f2937b3;border-color:#3b82f680}.selected-warzones:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.warzone-chip{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.warzone-chip:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.chip-name,.chip-remove{line-height:1}.chip-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.chip-remove:hover{background:#ffffff4d;transform:scale(1.1)}.chip-remove:active{transform:scale(.95)}.warzone-input-container{flex:1 1;min-width:150px}.warzone-input{background:#0000;border:none;color:#ffffffe6;font-size:14px;outline:none;padding:6px 8px;width:100%}.warzone-input::placeholder{color:#fff6}.selection-info{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-top:6px;padding:0 4px}.selection-count{color:#fff9}.max-reached-notice{color:#f59e0b;font-weight:500}.warzone-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937fa;border:1px solid #3b82f64d;border-radius:8px;box-shadow:0 10px 25px #00000080;left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-item{align-items:center;border-bottom:1px solid #3b82f61a;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .15s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item.focused,.dropdown-item:hover{background:#3b82f626}.dropdown-item:active{background:#3b82f640}.dropdown-item.empty{color:#ffffff80;cursor:default;justify-content:center}.dropdown-item.empty:hover{background:#0000}.item-name{color:#ffffffe6;font-size:14px;font-weight:500}.item-id{background:#3b82f626;border:1px solid #3b82f64d;border-radius:4px;color:#60a5fa;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 8px}.validation-message{color:#ef4444;font-size:12px;margin-top:6px;padding:0 4px}.warzone-dropdown::-webkit-scrollbar{width:8px}.warzone-dropdown::-webkit-scrollbar-track{background:#1f293780;border-radius:4px}.warzone-dropdown::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px}.warzone-dropdown::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}@media (max-width:768px){.selected-warzones{padding:8px}.warzone-chip{font-size:12px;padding:5px 8px}.chip-remove{font-size:14px;height:16px;width:16px}.warzone-input{font-size:13px}.dropdown-item{padding:10px 12px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-base)}html{-webkit-text-size-adjust:100%}.app{background:linear-gradient(135deg,#1e3c72cc,#2a5298cc),url(/static/media/landing-page-bg.b3fc481c6e4cf6189772.png);background-attachment:fixed;background-position:50%;background-size:cover;flex-direction:column;height:100vh;height:-webkit-fill-available;overflow:hidden;width:100vw}.app,.app-header{display:flex;position:relative}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 8px #0003;color:var(--color-white);flex-shrink:0;height:60px;padding:0 var(--spacing-xl);z-index:var(--z-index-modal)}.header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.app-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0;text-shadow:2px 2px 4px #0000004d}.header-controls{align-items:center;display:flex;gap:var(--spacing-xl)}.back-to-search-button{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-slow);white-space:nowrap}.back-to-search-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.back-to-search-button:active{transform:translateY(0)}.app-body{display:flex;flex:1 1;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-right:1px solid #fff3;flex-shrink:0;overflow-y:auto;width:320px}.map-container{flex:1 1;position:relative}.map-container,.map-container .leaflet-container{background:#0000}.error-banner{align-items:center;background-color:var(--color-error-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-error-text);display:flex;gap:var(--spacing-md);left:50%;max-width:90%;padding:var(--spacing-md) var(--spacing-xl);position:absolute;top:var(--spacing-xl);transform:translateX(-50%);z-index:var(--z-index-modal)}.error-banner button{background:none;border:none;color:var(--color-error-text);cursor:pointer;font-size:var(--font-size-xl);line-height:1;padding:0}.loading-overlay{align-items:center;background-color:var(--color-white-alpha-95);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:var(--z-index-overlay)}.loading-overlay p{color:var(--color-gray-500);font-size:var(--font-size-base);margin-top:var(--spacing-lg)}.loading-indicator{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-md);position:absolute;right:var(--spacing-xl);top:var(--spacing-xl);z-index:var(--z-index-modal)}.empty-state{color:var(--color-gray-500);left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.empty-state p{font-size:var(--font-size-lg)}.mobile-filter-toggle{-webkit-tap-highlight-color:transparent;background-color:var(--color-gray-800);border:none;border-radius:var(--radius-full);bottom:var(--spacing-2xl);box-shadow:var(--shadow-lg);cursor:pointer;display:none;height:56px;left:var(--spacing-xl);position:fixed;touch-action:manipulation;transition:all var(--transition-slow);width:56px;z-index:var(--z-index-overlay)}.mobile-filter-toggle:hover{background-color:var(--color-gray-700);transform:scale(1.05)}.mobile-filter-toggle:active{transform:scale(.95)}.hamburger-icon{align-items:center;display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center;width:100%}.hamburger-icon span{background-color:var(--color-white);border-radius:2px;display:block;height:2px;transition:all var(--transition-slow);width:24px}.sidebar-backdrop{-webkit-tap-highlight-color:transparent;animation:fadeIn var(--transition-slow);background-color:var(--color-bg-overlay-light);bottom:0;display:none;left:0;position:fixed;right:0;top:60px;touch-action:auto;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.sidebar{width:280px}}@media (max-width:768px){.app-header h1{font-size:18px}.sidebar{-webkit-overflow-scrolling:touch;bottom:0;box-shadow:2px 0 8px #0000004d;height:auto;left:-320px;overflow-x:hidden;overflow-y:scroll;overscroll-behavior-x:none;overscroll-behavior-y:contain;position:fixed;top:60px;touch-action:pan-y;transition:left .3s ease;z-index:1000}.sidebar.open{left:0}.mobile-filter-toggle{align-items:center;display:flex;justify-content:center}.sidebar-backdrop{display:block}.error-banner{font-size:14px;padding:8px 16px;top:10px}.app-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.mobile-filter-toggle{bottom:max(24px,env(safe-area-inset-bottom,24px));left:max(20px,env(safe-area-inset-left,20px))}}.user-menu{align-items:center;display:flex;gap:var(--spacing-md)}.user-welcome{text-shadow:1px 1px 2px #0000004d}.login-button,.logout-button,.user-welcome{color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.login-button,.logout-button{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base);white-space:nowrap}.login-button:hover,.logout-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.login-button:active,.logout-button:active{transform:translateY(0)}@media (max-width:768px){.user-welcome{display:none}.user-menu{gap:var(--spacing-sm)}.login-button,.logout-button{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}}:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid #4a90e2;outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #4a90e233;outline:3px solid #4a90e2;outline-offset:2px}.button-primary:focus-visible,button[type=submit]:focus-visible{box-shadow:0 0 0 4px #ffd7004d;outline-color:gold}[role=button]:focus-visible,[role=checkbox]:focus-visible,[role=radio]:focus-visible,[role=switch]:focus-visible,[role=tab]:focus-visible{outline:3px solid #4a90e2;outline-offset:2px}@media (prefers-contrast:high){:focus,:focus-visible{outline:3px solid currentColor;outline-offset:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sr-only,.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:focus,.visually-hidden-focusable:focus{clip:auto;height:auto;margin:inherit;overflow:visible;padding:inherit;position:static;white-space:normal;width:auto}[aria-disabled=true],button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}[aria-required=true]:after,[required]:after{color:#dc3545;content:" *";font-weight:700}a{text-decoration:underline}a:hover{text-decoration:none}a:visited{color:#551a8b}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#dc3545;border-width:2px}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{box-shadow:0 0 0 4px #dc354533;outline-color:#dc3545}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{border-color:#28a745}[aria-live],[role=alert],[role=status]{position:relative}[role=alert]{background-color:#dc35451a;border-left:4px solid #dc3545;color:#721c24;padding:12px 16px}[role=status].success{background-color:#28a7451a;border-left:4px solid #28a745;color:#155724;padding:12px 16px}.form-help-text,[role=tooltip]{color:#6c757d;font-size:.875rem;margin-top:4px}[aria-busy=true]{pointer-events:none;position:relative}[role=alertdialog],[role=dialog]{position:fixed;z-index:1000}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080}body.using-keyboard :focus{box-shadow:0 0 0 5px #ffd7004d!important;outline:3px solid gold!important;outline-offset:2px}table,table[role=table]{border-collapse:collapse}th[scope=col],th[scope=row]{font-weight:700}ol[role=list],ul[role=list]{list-style:revert}input[type=checkbox]:focus,input[type=radio]:focus{outline:3px solid #4a90e2;outline-offset:2px}.text-muted{color:#6c757d}.text-dark{color:#212529}html{font-size:16px}@media (min-width:768px){html{font-size:16px}}body{font-size:1rem;line-height:1.5}@media (pointer:coarse){[role=button],a,button,input[type=button],input[type=reset],input[type=submit]{min-height:44px;min-width:44px}}.focus-trapped{box-shadow:inset 0 0 0 3px #4a90e2}.sr-announcements{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}
/*# sourceMappingURL=main.5b872065.css.map*/