.toast-container{position:fixed;bottom:6rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px;padding:0 1rem;pointer-events:none}@media (min-width: 768px){.toast-container{bottom:2rem;right:2rem;left:auto;transform:none}}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;background:var(--surface);box-shadow:0 4px 20px #00000040;animation:toastSlideIn .3s ease-out;pointer-events:auto;border-left:4px solid}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--primary)}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:#10b98133;color:var(--success)}.toast-error .toast-icon{background:#ef444433;color:var(--danger)}.toast-warning .toast-icon{background:#f59e0b33;color:var(--warning)}.toast-info .toast-icon{background:#3b82f633;color:var(--primary)}.toast-message{flex:1;font-size:.9rem;color:var(--text, #fff);line-height:1.4}.toast-close{background:transparent;border:none;color:var(--text-secondary, #888);font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.toast-close:hover{background:#ffffff1a;color:var(--text, #fff)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--btn-warning-gradient)}.error-boundary-content{max-width:500px;text-align:center;background:var(--card-bg);padding:3rem 2rem;border-radius:24px;box-shadow:0 20px 60px #0000001a}.error-icon{font-size:4rem;margin-bottom:1.5rem;line-height:1}.error-boundary h1{color:var(--text);margin:0 0 1rem;font-size:1.75rem;font-weight:700}.error-boundary p{color:var(--text-secondary);margin:0 0 2rem;font-size:1rem;line-height:1.6}.error-details{text-align:left;background:var(--bg-secondary);border-radius:12px;padding:1rem;margin-bottom:2rem}.error-details summary{cursor:pointer;font-weight:600;color:var(--text);margin-bottom:.5rem}.error-details pre{font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;color:var(--danger);margin:.5rem 0 0}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-actions button{padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.error-actions .btn-primary{background:var(--btn-warning-gradient);color:#fff;box-shadow:0 4px 15px #fbbf244d}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.error-actions .btn-secondary{background:var(--card-bg);color:var(--text);border:2px solid var(--border)}.error-actions .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-dark)}@media (max-width: 480px){.error-boundary{padding:1rem}.error-boundary-content{padding:2rem 1.5rem}.error-icon{font-size:3rem}.error-boundary h1{font-size:1.5rem}.error-actions{flex-direction:column}.error-actions button{width:100%}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;border-radius:4px}.skeleton-circle{border-radius:50%}.skeleton-rect{border-radius:12px}.skeleton-card{background:var(--surface);border-radius:16px;padding:1.25rem;box-shadow:0 2px 8px #0000001a}.skeleton-card-header{display:flex;align-items:center;gap:.75rem}.dashboard-skeleton{padding:1rem}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;background:var(--warning-bg);border-radius:20px}.skeleton-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}@media (prefers-color-scheme: light){.skeleton{--skeleton-base: rgba(0, 0, 0, .06);--skeleton-shine: rgba(0, 0, 0, .1)}}.hive-selector{position:relative;z-index:100}.hive-selector-btn{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;width:100%;max-width:280px}.hive-selector-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hive-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.hive-info{flex:1;text-align:left}.hive-name{font-weight:600;color:var(--text);font-size:.9375rem}.hive-location{font-size:.8125rem;color:var(--text-secondary)}.dropdown-arrow{font-size:.75rem;color:var(--text-secondary)}.hive-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90}.hive-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card-bg);border:2px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000040;overflow:hidden;animation:dropdownSlide .2s ease-out;z-index:100;opacity:1}@media (prefers-color-scheme: dark){.hive-dropdown{background:var(--card-bg)}}@keyframes dropdownSlide{0%{opacity:1;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hive-dropdown-item{width:100%;background:transparent;border:none;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border)}.hive-dropdown-item:last-child{border-bottom:none}.hive-dropdown-item:hover,.hive-dropdown-item.active{background:var(--warning-bg)}.check-icon{margin-left:auto;color:var(--success);font-weight:700;font-size:1.125rem}@media (max-width: 768px){.hive-selector-btn{max-width:100%}.hive-dropdown{left:0;right:0}}.hive-selector-empty{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--card-bg);border:2px dashed var(--border);border-radius:12px;color:var(--text-secondary)}.empty-icon{font-size:2rem;opacity:.5}.empty-text{flex:1}.empty-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.empty-subtitle{font-size:.85rem;color:var(--text-secondary)}@media (max-width: 768px){.hive-selector-empty{padding:.75rem 1rem}.empty-icon{font-size:1.5rem}.empty-title{font-size:.9rem}.empty-subtitle{font-size:.8rem}}.dashboard{padding:0;padding-bottom:calc(var(--nav-height) + 4rem);min-height:100vh;margin:0}@media (min-width: 768px){.dashboard{padding-top:4.5rem;padding-bottom:2rem}}.dashboard-header{background:var(--btn-warning-gradient);padding:2rem 1.5rem 1.5rem;margin:0 1rem 1.5rem;border-radius:24px;box-shadow:var(--card-shadow-lg);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:50}@media (max-width: 768px){.dashboard-header{margin:1rem 1rem 1.5rem;padding-top:1.5rem;border-radius:20px}}.header-content h1{font-size:1.75rem;margin:0;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle{font-size:.875rem;color:#ffffffe6;margin:.25rem 0 0}.hive-selector-container{padding:1rem;margin:0 0 1rem}.refresh-btn{background:var(--card-bg);border:none;color:var(--warning);padding:.75rem;border-radius:10px;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:var(--card-shadow);white-space:nowrap;position:relative;z-index:20}.refresh-btn:hover:not(:disabled){background:var(--warning-bg);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.refresh-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn.refreshing .refresh-icon{animation:spin .8s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-banner-modern{background:var(--surface);padding:1.25rem;border-radius:16px;display:flex;align-items:center;gap:1rem;margin:0 1rem 1.5rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.status-content{flex:1}.status-title{font-size:1rem;font-weight:700;margin-bottom:.25rem;letter-spacing:.5px}.status-time{font-size:.875rem;color:var(--text-secondary)}.metrics-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:0 1rem;margin-bottom:2rem}.metric-card-modern{background:var(--surface);border-radius:20px;padding:1.5rem;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--btn-warning-gradient);opacity:0;transition:opacity .3s}.metric-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.metric-card-modern:hover:before{opacity:1}.metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.metric-icon-modern{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.metric-label-modern{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.metric-main{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.metric-value-large{font-size:3rem;font-weight:700;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.metric-unit{font-size:1.25rem;font-weight:500;color:var(--text-secondary)}.metric-trend{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;margin-bottom:.5rem;padding:.375rem .75rem;background:#00000005;border-radius:8px;width:fit-content}.delta-badges{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.delta-badge{display:flex;align-items:center;gap:.375rem;font-size:.8rem;padding:.25rem .5rem;background:var(--bg-muted);border-radius:6px}.delta-label{font-weight:600;opacity:.7;font-size:.7rem;text-transform:uppercase}.delta-value{font-weight:600}.delta-pct{opacity:.7;font-size:.75rem}.metric-status-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.mini-chart{margin:1rem -.5rem .75rem;opacity:.8;transition:opacity .3s;min-height:60px}.metric-card-modern:hover .mini-chart{opacity:1}.metric-range-modern{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.battery-bar{width:100%;height:12px;background:var(--border-light);border-radius:6px;overflow:hidden;margin-bottom:.75rem;position:relative}.battery-fill{height:100%;border-radius:6px;transition:all .6s cubic-bezier(.4,0,.2,1);background:currentColor;position:relative;overflow:hidden}.battery-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.signal-indicators{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.signal-item{display:flex;flex-direction:column;gap:.5rem}.signal-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.signal-value{display:flex;align-items:baseline;gap:.25rem}.signal-number{font-size:1.5rem;font-weight:700;color:var(--text)}.signal-unit{font-size:.875rem;color:var(--text-secondary)}.signal-quality{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-align:center}.signal-quality.good{background:var(--success-bg);color:var(--success)}.signal-quality.warning{background:var(--warning-bg);color:var(--warning)}.signal-quality.poor{background:var(--danger-bg);color:var(--danger)}.gateway-info{padding:.75rem;background:#00000008;border-radius:8px;margin-bottom:.75rem}.gateway-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;margin-bottom:.25rem}.gateway-id{font-size:.875rem;color:var(--text);font-family:monospace;word-break:break-all}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:1.5rem}.loading-spinner{width:64px;height:64px;border:4px solid rgba(251,191,36,.2);border-top-color:var(--warning-light);border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{font-size:1.125rem;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.dashboard-header{padding:1.5rem 1rem 1rem;margin:-1rem -1rem 1rem}.header-content h1{font-size:1.5rem}.refresh-btn{width:40px;height:40px;padding:0;justify-content:center;font-size:1.25rem}.refresh-btn span:not(.refresh-icon){display:none}.status-banner-modern{padding:1rem;margin:0 .75rem 1rem}.status-icon{width:40px;height:40px;font-size:1.25rem}.status-title{font-size:.875rem}.status-time{font-size:.75rem}.metrics-grid-modern{grid-template-columns:1fr;gap:.875rem;padding:0 .75rem}.metric-card-modern{padding:1.25rem}.metric-value-large{font-size:2.5rem}.metric-unit{font-size:1rem}}@media (min-width: 1024px){.dashboard{max-width:1400px;margin:0 auto}.metrics-grid-modern{grid-template-columns:repeat(2,1fr)}}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:50vh}.empty-state-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.dashboard-empty-state h2{font-size:1.75rem;margin:0 0 1rem;color:var(--text)}.dashboard-empty-state p{font-size:1rem;color:var(--text-secondary);max-width:500px;line-height:1.6;margin:0}@media (max-width: 768px){.dashboard-empty-state{padding:3rem 1.5rem}.empty-state-icon{font-size:4rem}.dashboard-empty-state h2{font-size:1.5rem}.dashboard-empty-state p{font-size:.95rem}}.queued-count-banner{margin:0 1rem 1rem;padding:.75rem 1rem;background:var(--surface);border-radius:12px;box-shadow:var(--card-shadow);display:flex;align-items:center;justify-content:flex-start;gap:12px;border-left:4px solid var(--warning);color:var(--text)}.queued-count-banner .btn{margin-left:auto}.queued-count-banner em{color:var(--text-secondary);font-style:normal}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--btn-secondary-gradient);padding:20px}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:var(--card-shadow-lg);max-width:480px;width:100%;overflow:hidden;animation:slideUp .5s ease-out;border:1px solid var(--border)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{background:var(--btn-secondary-gradient);color:#fff;padding:40px 30px;text-align:center}.login-icon{font-size:64px;margin-bottom:15px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-header h1{margin:0;font-size:36px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.login-header p{margin:10px 0 0;font-size:16px;opacity:.95}.login-content{padding:40px 30px}.login-content h2{margin:0 0 10px;font-size:28px;color:var(--text);font-weight:600}.login-subtitle{margin:0 0 30px;color:var(--text-muted);font-size:15px;line-height:1.5}.login-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:2px solid var(--border);border-radius:12px;background:var(--card-bg);color:var(--text);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.oauth-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.oauth-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.google-button{color:var(--text)}.google-button:hover{border-color:#4285f4;background:var(--bg-hover)}.github-button{color:var(--text)}.github-button:hover{border-color:#24292e;background:var(--bg-hover)}.oauth-button svg{flex-shrink:0}.login-info{background:var(--bg-elevated);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid var(--border)}.login-info p{margin:0 0 12px;font-weight:600;color:var(--text);font-size:15px}.login-info ul{margin:0;padding:0 0 0 20px;list-style:none}.login-info li{margin:8px 0;color:var(--text-muted);font-size:14px;line-height:1.6}.oauth-button:focus{outline:3px solid var(--primary);outline-offset:2px}.oauth-button:focus:not(:focus-visible){outline:none}.oauth-button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.login-container{padding:10px}.login-card{max-width:100%}.login-header{padding:30px 20px}.login-header h1{font-size:28px}.login-icon{font-size:48px}.login-content{padding:30px 20px}.login-content h2{font-size:24px}.oauth-button{padding:12px 20px;font-size:15px}}@media (prefers-reduced-motion: reduce){.login-card,.login-icon{animation:none}.oauth-button{transition:none}.spinner{animation:none;border-top-color:var(--primary);border-color:var(--primary)}}.navigation{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;box-shadow:0 -2px 10px #0000001a;z-index:1000;gap:.5rem;overflow:visible}@media (prefers-color-scheme: dark){.navigation{background:#1f2937cc}}.nav-desktop{display:none;gap:.5rem}.nav-mobile{display:flex;gap:.5rem;flex:1;justify-content:space-around}.nav-mobile .nav-link{background:transparent;border:none;padding-top:.35rem;padding-bottom:.35rem}.nav-mobile .nav-link,.nav-mobile .nav-link .icon,.nav-mobile .nav-link span:not(.icon){background:transparent!important;border:none!important}.nav-mobile .nav-link.active{color:var(--nav-link-active);background:transparent!important}.nav-link{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .2s;font-size:.75rem;min-width:60px;flex-shrink:0;white-space:nowrap;position:relative}.nav-link .icon{font-size:1.15rem}.nav-link span:not(.icon){font-size:.625rem;text-align:center}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.active{color:var(--primary);font-weight:600}.nav-link.active .icon{transform:scale(1.1)}@media (min-width: 768px){.navigation{top:0;bottom:auto;padding:.75rem 1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;border-top:none;border-bottom:1px solid var(--border);justify-content:flex-start;gap:.75rem;overflow:hidden}@media (prefers-color-scheme: dark){.navigation{background:#1f2937cc}}.nav-desktop{display:flex;flex:1;gap:.5rem;align-items:center;flex-wrap:nowrap;min-width:0;overflow:visible}.nav-mobile{display:none}.nav-link{flex-direction:row;padding:.5rem .75rem;min-width:auto;white-space:nowrap}.nav-user-section{margin-left:auto;padding:0;border:none;display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-user-info{margin:0;padding:.4rem .75rem;flex-shrink:0}.nav-logout-btn{width:auto;padding:.4rem .75rem;flex-shrink:0}}.nav-user-section{display:none}@media (min-width: 768px){.nav-user-section{display:flex}}.nav-user-info{display:flex;align-items:center;gap:.5rem;padding:.35rem .65rem;background:#3b82f61a;border-radius:10px;border:1px solid rgba(59,130,246,.2)}@media (prefers-color-scheme: dark){.nav-user-info{background:#3b82f626;border-color:#3b82f64d}}.nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);box-shadow:0 2px 4px #0000001a;flex-shrink:0}.nav-username{color:var(--text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.nav-logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.35rem .5rem;background:var(--danger-bg);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:var(--danger);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:36px}.nav-logout-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.nav-logout-btn .icon{font-size:18px}.nav-user-mobile{position:relative;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.nav-user-mobile{display:none}}.nav-more{position:relative}.nav-more .nav-link{cursor:pointer}.mobile-dropdown{position:absolute;bottom:calc(100% + .75rem);right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;min-width:200px;box-shadow:0 -4px 20px #00000026;z-index:1001;animation:dropdownSlideUp .2s ease-out;overflow:hidden}.nav-more-desktop{position:relative}.nav-more-desktop .nav-link{cursor:pointer}.desktop-dropdown{position:absolute;bottom:calc(100% + .5rem);left:0;background:#fffffffa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:8px;min-width:220px;box-shadow:0 -6px 18px #0000001f;z-index:1002;animation:dropdownSlideUp .12s ease-out;overflow:hidden}@media (prefers-color-scheme: dark){.desktop-dropdown{background:#111827fa;border-color:#4b556366}}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.desktop-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;color:var(--text);text-decoration:none;transition:background .12s;border-bottom:1px solid var(--border)}.desktop-dropdown-item:last-child{border-bottom:none}.desktop-dropdown-item:hover,.desktop-dropdown-item:focus{background:var(--bg);color:var(--primary)}.desktop-dropdown-portal{position:fixed;bottom:calc(var(--nav-height) + .5rem);right:1rem;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;min-width:200px;box-shadow:0 -4px 20px #00000026;z-index:10000;animation:dropdownSlideUp .15s ease-out;overflow:hidden}@media (prefers-color-scheme: dark){.desktop-dropdown-portal{background:#1f2937fa;border-color:#4b556380}}@media (prefers-color-scheme: dark){.mobile-dropdown{background:#1f2937f2;border-color:#4b556380}}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:var(--text);text-decoration:none;transition:all .2s;border-bottom:1px solid var(--border);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;font-size:.9rem}.mobile-dropdown-item:last-child{border-bottom:none}.mobile-dropdown-item:hover,.mobile-dropdown-item:focus{background:var(--bg);color:var(--primary)}.mobile-dropdown-item.active{background:#3b82f61a;color:var(--primary);font-weight:600}.mobile-dropdown-item .icon{font-size:1.25rem}.logout-item{color:var(--danger)}.logout-item:hover,.logout-item:focus{background:var(--danger-bg);color:var(--danger-light)}.nav-link:focus,.nav-logout-btn:focus,.mobile-dropdown-item:focus{outline:2px solid var(--primary);outline-offset:2px}.nav-link:focus:not(:focus-visible),.nav-logout-btn:focus:not(:focus-visible),.mobile-dropdown-item:focus:not(:focus-visible){outline:none}.nav-link:focus-visible,.nav-logout-btn:focus-visible,.mobile-dropdown-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.nav-link,.nav-logout-btn,.mobile-dropdown-item{transition:none}.nav-link.active .icon{transform:none}}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--primary-bg: rgba(59, 130, 246, .1);--primary-hover: rgba(59, 130, 246, .15);--secondary: #8b5cf6;--secondary-dark: #7c3aed;--secondary-light: #a78bfa;--success: #10b981;--success-dark: #059669;--success-light: #34d399;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-dark: #d97706;--warning-light: #fbbf24;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-dark: #dc2626;--danger-light: #f87171;--danger-bg: rgba(239, 68, 68, .1);--info: #06b6d4;--info-dark: #0891b2;--info-light: #22d3ee;--text: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--text-disabled: #d1d5db;--bg: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-overlay: rgba(0, 0, 0, .5);--border: #e5e7eb;--border-light: #f3f4f6;--border-dark: #d1d5db;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--card-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--card-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--nav-bg: rgba(255, 255, 255, .95);--nav-border: #e5e7eb;--nav-link: #6b7280;--nav-link-active: #3b82f6;--nav-link-hover-bg: rgba(59, 130, 246, .1);--input-bg: #ffffff;--input-border: #e5e7eb;--input-border-focus: #3b82f6;--input-placeholder: #9ca3af;--input-disabled-bg: #f3f4f6;--input-disabled-text: #9ca3af;--btn-primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--btn-success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--btn-danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--btn-secondary-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--btn-warning-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--btn-info-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--nav-height: 56px;--surface: var(--card-bg);--shadow: var(--card-shadow);--background: var(--bg);--bg-primary: var(--card-bg);--bg-elevated: var(--card-bg);--bg-muted: var(--bg-tertiary);--bg-hover: var(--bg-tertiary);--text-primary: var(--text);--text-muted: var(--text-secondary);--skeleton-base: rgba(255, 255, 255, .05);--skeleton-shine: rgba(255, 255, 255, .1)}@media (prefers-color-scheme: dark){:root{--text: #f9fafb;--text-secondary: #d1d5db;--text-light: #9ca3af;--text-disabled: #6b7280;--bg: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-overlay: rgba(0, 0, 0, .7);--border: #374151;--border-light: #4b5563;--border-dark: #1f2937;--card-bg: #1f2937;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--card-shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .5);--nav-bg: rgba(31, 41, 55, .95);--nav-border: #374151;--nav-link: #9ca3af;--nav-link-active: #60a5fa;--nav-link-hover-bg: rgba(59, 130, 246, .15);--input-bg: #374151;--input-border: #4b5563;--input-border-focus: #60a5fa;--input-placeholder: #6b7280;--input-disabled-bg: #1f2937;--input-disabled-text: #6b7280;--surface: var(--card-bg);--shadow: var(--card-shadow);--background: var(--bg);--bg-primary: var(--card-bg);--bg-elevated: var(--card-bg);--bg-muted: var(--bg-tertiary);--bg-hover: var(--bg-tertiary);--text-primary: var(--text);--text-muted: var(--text-secondary);--skeleton-base: rgba(255, 255, 255, .03);--skeleton-shine: rgba(255, 255, 255, .06)}}select{background-color:var(--input-bg);color:var(--text);border:1px solid var(--input-border)}select option{background-color:var(--card-bg);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .16s ease;border:none;text-align:center}.btn-full{width:100%}.btn-sm{padding:.5rem .75rem;font-size:.875rem}.btn-lg{padding:1rem 1.25rem;font-size:1.125rem}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.page-loader{padding:1rem;min-height:60vh;display:flex;align-items:flex-start;justify-content:center}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--warning);color:#1f2937;text-align:center;padding:.625rem 1rem;font-size:.875rem;font-weight:600;z-index:9999;box-shadow:0 2px 8px #0003}@media (min-width: 768px){.offline-banner{top:0}.offline-banner+.navigation{top:40px}}*{box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100vw}#root{width:100%;max-width:100vw;overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-dark)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-bg);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--text);background-color:var(--card-bg)}a:hover{color:var(--primary-dark)}button:hover{border-color:var(--primary)}}