:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #6366f1;--accent-hover: #818cf8;--accent-light: rgba(99, 102, 241, .15);--success: #22c55e;--success-light: rgba(34, 197, 94, .15);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .15);--danger: #f87171;--danger-soft: #f87171;--danger-light: rgba(248, 113, 113, .12);--info: #06b6d4;--info-light: rgba(6, 182, 212, .15);--border: #334155;--border-light: #475569;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg: 0 10px 25px -3px rgba(0,0,0,.4);--transition: .2s ease}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--danger: #f87171;--danger-soft: #f87171;--danger-light: rgba(248, 113, 113, .1);--border: #e2e8f0;--border-light: #cbd5e1;--shadow: 0 4px 6px -1px rgba(0,0,0,.07);--shadow-lg: 0 10px 25px -3px rgba(0,0,0,.1)}[data-theme=high-contrast]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--bg-card: #0a0a0a;--bg-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0b0;--accent: #7c7fff;--accent-hover: #9b9eff;--accent-light: rgba(124, 127, 255, .25);--success: #00ff6a;--success-light: rgba(0, 255, 106, .2);--warning: #ffd000;--warning-light: rgba(255, 208, 0, .2);--danger: #ff4d4d;--danger-soft: #ff4d4d;--danger-light: rgba(255, 77, 77, .2);--info: #00e5ff;--info-light: rgba(0, 229, 255, .2);--border: #444444;--border-light: #666666;--shadow: 0 4px 6px -1px rgba(0,0,0,.6);--shadow-lg: 0 10px 25px -3px rgba(0,0,0,.7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;font-family:inherit;font-size:.875rem;transition:all var(--transition)}input,textarea,select{font-family:inherit;font-size:.875rem;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);padding:.5rem .75rem;transition:border-color var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px 16px;z-index:100;transition:top .2s}.skip-link:focus{top:0}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeSlide .3s ease forwards}.animate-count{animation:countUp .4s ease forwards}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50;transition:width var(--transition)}.sidebar.collapsed{width:72px}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;border-bottom:1px solid var(--border);transition:background .15s}.sidebar-brand:hover{background:var(--bg-hover)}.brand-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.brand-spectrum-img{width:100%;height:100%;object-fit:contain}.brand-title{font-size:1rem;font-weight:700;background:linear-gradient(135deg,var(--accent),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.brand-subtitle{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.nav-list{list-style:none;padding:.75rem .5rem;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;border-radius:var(--radius);background:none;color:var(--text-secondary);margin-bottom:.25rem;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-light);color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:-.5rem;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:2px}.nav-label{flex:1;text-align:left;white-space:nowrap}.nav-shortcut{font-size:.65rem;padding:.15rem .4rem;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);font-family:monospace}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ai-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--success)}.ai-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius);color:var(--text-secondary)}.collapse-btn:hover{color:var(--text-primary)}.mobile-close-btn{margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius);color:var(--text-secondary)}.mobile-close-btn:hover{color:var(--text-primary)}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px;z-index:200;box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #0000004d}.sidebar.collapsed{width:280px}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:199}.desktop-only,.nav-shortcut{display:none}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:1rem;position:sticky;top:0;z-index:40}.header-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header-title-group{display:flex;flex-direction:column}.page-title{font-size:1.1rem;font-weight:700;line-height:1.2}.header-tagline{font-size:.7rem;color:var(--text-muted);font-style:italic}.header-center{flex:1;max-width:480px}.search-bar{display:flex;align-items:center;gap:.5rem;width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .75rem;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:border-color var(--transition)}.search-bar:hover{border-color:var(--accent)}.search-bar svg{flex-shrink:0}.search-placeholder{flex:1;text-align:left}.search-bar kbd{display:inline-flex;align-items:center;gap:2px;font-size:.65rem;padding:.15rem .4rem;background:var(--bg-primary);border-radius:4px;font-family:monospace;flex-shrink:0}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius);color:var(--text-secondary)}.header-icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.ai-copilot-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:linear-gradient(135deg,var(--accent),#a855f7);color:#fff;border-radius:var(--radius);font-size:.8rem;font-weight:600}.ai-copilot-btn:hover{opacity:.9}.theme-picker-wrapper,.theme-picker-btn{position:relative}.theme-picker-panel{position:absolute;top:100%;right:0;margin-top:.5rem;width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.theme-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--text-secondary)}.theme-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:background .15s}.theme-option:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-option.active{color:var(--accent);font-weight:600}.theme-check{margin-left:auto;color:var(--accent)}.theme-picker-divider{height:1px;background:var(--border);margin:.25rem 0}.notification-btn{position:relative}.notification-dot{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--danger-soft, #f87171);color:#fff;border-radius:50%;font-size:.6rem;display:flex;align-items:center;justify-content:center;font-weight:700}.header-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);border-radius:50%}.shortcuts-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center}.shortcuts-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0;width:340px;box-shadow:var(--shadow-lg)}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.shortcuts-header h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;margin:0}.shortcuts-list{padding:.5rem 0}.shortcut-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 1rem;font-size:.82rem}.shortcut-key{display:inline-flex;align-items:center;gap:2px;padding:.2rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-family:monospace;font-size:.72rem;font-weight:700;min-width:36px;justify-content:center}.notification-wrapper{position:relative}.notification-panel{position:absolute;top:100%;right:0;margin-top:.5rem;width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.notif-header h4{font-size:.85rem;margin:0}.notif-item{display:flex;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.notif-item:last-child{border-bottom:none}.notif-icon{flex-shrink:0;margin-top:.1rem}.notif-warning .notif-icon{color:var(--warning)}.notif-success .notif-icon{color:var(--success)}.notif-info .notif-icon{color:var(--accent)}.notif-body{flex:1}.notif-text{font-size:.78rem;color:var(--text-primary);margin-bottom:.2rem}.notif-action{background:none;border:none;color:var(--accent);font-size:.72rem;font-weight:600;padding:0;cursor:pointer}.notif-action:hover{text-decoration:underline}.notif-time{font-size:.65rem;color:var(--text-muted);margin-left:.5rem}.copilot-panel{position:absolute;top:100%;right:120px;margin-top:.5rem;width:340px;background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100}.copilot-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--accent-light),rgba(168,85,247,.08));border-radius:var(--radius) var(--radius) 0 0}.copilot-header h4{display:flex;align-items:center;gap:.35rem;font-size:.85rem;margin:0;color:var(--accent)}.copilot-suggestion{display:flex;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.copilot-suggestion:last-child{border-bottom:none}.copilot-suggestion svg{flex-shrink:0;color:var(--accent);margin-top:.1rem}.copilot-action{font-size:.78rem;font-weight:600;color:var(--text-primary);margin-bottom:.1rem}.copilot-reason{font-size:.68rem;color:var(--text-muted)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.15rem;border-radius:var(--radius)}.modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.user-menu-wrapper{position:relative}.header-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);border-radius:50%;font-weight:700;font-size:.9rem;cursor:pointer}.user-menu-panel{position:absolute;top:100%;right:0;margin-top:.5rem;width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.user-menu-info{padding:.6rem .75rem;border-bottom:1px solid var(--border)}.user-menu-name{display:block;font-size:.82rem;font-weight:600;color:var(--text-primary)}.user-menu-email{display:block;font-size:.68rem;color:var(--accent);margin-top:.1rem;word-break:break-all}.user-menu-role{font-size:.68rem;color:var(--text-muted)}.user-menu-item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.user-menu-item:hover{background:var(--bg-hover);color:var(--danger)}.mobile-menu-btn{display:none}@media(max-width:768px){.mobile-menu-btn{display:flex}.app-header{padding:.5rem .75rem;gap:.5rem}.header-center,.ai-copilot-btn span{display:none}.ai-copilot-btn{padding:.4rem}.header-tagline{display:none}.page-title{font-size:.95rem}.notification-panel{right:-60px;width:290px}.copilot-panel{right:0;width:290px}.shortcuts-modal{width:290px}}.health-ribbon{display:flex;align-items:center;gap:.5rem;padding:.4rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.ribbon-item{display:flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.15rem 0}.ribbon-item svg{color:var(--text-muted)}.ribbon-label{font-size:.68rem;color:var(--text-muted)}.ribbon-value{font-size:.72rem;font-weight:700;color:var(--text-primary)}.ribbon-value.coverage-val{color:var(--warning)}.ribbon-value.danger-val{color:var(--danger-soft, #f87171)}.ribbon-value.warning-val{color:var(--warning)}.ribbon-value.accent-val{color:var(--accent)}.ribbon-minibar{width:40px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.ribbon-minifill{height:100%;border-radius:2px;transition:width .5s ease}.ribbon-divider{width:1px;height:16px;background:var(--border);flex-shrink:0}.cmd-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.cmd-palette{width:580px;max-height:480px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 25px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .15s ease}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.cmd-input-wrap{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.cmd-input-wrap svg{color:var(--text-muted);flex-shrink:0}.cmd-input-wrap input{flex:1;background:none;border:none;font-size:.95rem;color:var(--text-primary);padding:0}.cmd-input-wrap input:focus{box-shadow:none}.cmd-input-wrap kbd{font-size:.6rem;padding:.15rem .4rem;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);font-family:monospace}.cmd-results{flex:1;overflow-y:auto;padding:.5rem}.cmd-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.cmd-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:var(--radius);cursor:pointer;transition:background .1s}.cmd-item:hover,.cmd-item.selected{background:var(--accent-light)}.cmd-item svg{color:var(--text-muted);flex-shrink:0}.cmd-item.selected svg{color:var(--accent)}.cmd-label{flex:1;font-size:.85rem}.cmd-type{font-size:.65rem}.cmd-arrow{opacity:0;transition:opacity .1s}.cmd-item.selected .cmd-arrow{opacity:1;color:var(--accent)}.cmd-footer{display:flex;gap:1.25rem;padding:.5rem 1rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-muted)}.cmd-footer kbd{font-size:.6rem;padding:.1rem .3rem;background:var(--bg-tertiary);border-radius:3px;margin-right:.25rem;font-family:monospace}.breadcrumb{padding:0 0 .75rem}.breadcrumb-list{display:flex;align-items:center;gap:.15rem;list-style:none;padding:0;margin:0;font-size:.8rem}.breadcrumb-item{display:flex;align-items:center;gap:.15rem}.breadcrumb-sep{color:var(--text-muted);margin:0 .15rem}.breadcrumb-link{display:inline-flex;align-items:center;gap:.3rem;background:none;color:var(--text-secondary);font-size:.8rem;padding:.15rem .35rem;border-radius:4px;transition:all .15s}.breadcrumb-link:hover{color:var(--accent);background:var(--accent-light)}.breadcrumb-current{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-primary);font-weight:600;font-size:.8rem;padding:.15rem .35rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column-reverse;gap:.5rem;max-width:420px;pointer-events:none}.toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.85rem;color:var(--text-primary);pointer-events:auto;min-width:280px}.toast-enter{animation:toastIn .3s ease forwards}.toast-exit{animation:toastOut .3s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.95)}}.toast-icon{display:flex;flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:3px solid var(--accent)}.toast-info .toast-icon{color:var(--accent)}.toast-undo{border-left:3px solid var(--warning)}.toast-undo .toast-icon{color:var(--warning)}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:none;color:var(--text-muted);flex-shrink:0}.toast-close:hover{color:var(--text-primary);background:var(--bg-hover)}.toast-undo-btn{padding:.25rem .6rem;border-radius:var(--radius);background:var(--warning);color:#000;font-weight:600;font-size:.75rem;flex-shrink:0}.toast-undo-btn:hover{opacity:.85}@media(max-width:768px){.toast-container{bottom:1rem;right:.5rem;left:.5rem;max-width:none}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden}.login-bg-pattern{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,var(--accent-light) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.08) 0%,transparent 40%);pointer-events:none}.login-theme-toggle{position:absolute;top:1.5rem;right:1.5rem;z-index:10;display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:9999px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600}.login-theme-toggle:hover{color:var(--text-primary);border-color:var(--accent)}.login-theme-label{white-space:nowrap}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-brand{text-align:center;margin-bottom:2rem}.login-spectrum-logo{height:48px;margin-bottom:1rem}.login-brand h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.login-tagline{font-size:.82rem;color:var(--text-muted);margin-top:.25rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field{display:flex;flex-direction:column;gap:.4rem}.login-field label{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--text-secondary)}.login-field input{padding:.65rem .85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);outline:none}.login-error{font-size:.72rem;color:var(--danger)}.login-hint{font-size:.68rem;color:var(--text-muted);opacity:.7}.login-auth-error{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);color:#ef4444;font-size:.82rem;font-weight:500;animation:shake .4s ease}.login-auth-error svg{flex-shrink:0;margin-top:.1rem}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.role-option{padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.role-option:hover{border-color:var(--accent);color:var(--text-primary)}.role-option.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600}.login-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,var(--accent),#a855f7);color:#fff;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:.5rem}.login-submit:hover{opacity:.9}.onboarding-overlay{position:fixed;inset:0;z-index:2000;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.onboarding-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;width:90%;max-width:460px;text-align:center;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.onboarding-close{position:absolute;top:1rem;right:1rem;background:none;color:var(--text-muted);cursor:pointer}.onboarding-close:hover{color:var(--text-primary)}.onboarding-progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-tertiary);transition:all .2s}.onboarding-dot.active{background:var(--accent);width:24px;border-radius:4px}.onboarding-dot.done{background:var(--success)}.onboarding-icon{width:72px;height:72px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--accent-light),rgba(168,85,247,.12));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent)}.onboarding-card h2{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.onboarding-greeting{font-size:.9rem;color:var(--accent);font-weight:500;margin-bottom:.25rem}.onboarding-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.onboarding-demo{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.onboarding-demo-btn{gap:.4rem}.onboarding-demo-hint{font-size:.68rem;color:var(--text-muted)}.onboarding-actions{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.onboarding-start{gap:.4rem}.onboarding-skip{background:none;color:var(--text-muted);font-size:.75rem;cursor:pointer}.onboarding-skip:hover{color:var(--accent)}.welcome-overlay{position:fixed;inset:0;z-index:1500;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:90%;max-width:400px;box-shadow:var(--shadow-lg);position:relative;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.welcome-close{position:absolute;top:.75rem;right:.75rem;background:none;color:var(--text-muted);cursor:pointer}.welcome-close:hover{color:var(--text-primary)}.welcome-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.welcome-icon{color:var(--accent)}.welcome-header h3{font-size:1rem;font-weight:700;margin:0}.welcome-summary{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.welcome-activity{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.welcome-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:var(--bg-tertiary);border-radius:var(--radius);cursor:pointer;transition:background .15s;border:none;width:100%;text-align:left}.welcome-item:hover{background:var(--accent-light)}.welcome-item-icon{color:var(--accent);flex-shrink:0}.welcome-item-body{flex:1}.welcome-item-text{font-size:.78rem;color:var(--text-primary);display:block}.welcome-item-time{font-size:.65rem;color:var(--text-muted)}.welcome-item-arrow{color:var(--text-muted);flex-shrink:0}.welcome-actions{display:flex;gap:.5rem;justify-content:flex-end}.app-layout{display:flex;min-height:100vh}.main-area{flex:1;margin-left:260px;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left var(--transition);position:relative}.main-area.sidebar-collapsed{margin-left:72px}.page-content{flex:1;padding:1.5rem;overflow-y:auto;position:relative;min-height:0}.page-content:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:45%;background-image:url(/spectrum-watermark.svg);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.04;pointer-events:none;z-index:0}[data-theme=light] .page-content:before{opacity:.06}[data-theme=high-contrast] .page-content:before{opacity:.02}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;transition:all var(--transition)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-lg{padding:.65rem 1.25rem;font-size:.95rem}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card{text-align:center;padding:1.25rem}.stat-value{font-size:2rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary)}td{font-size:.875rem}tr:hover td{background:var(--bg-hover)}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{padding:.75rem 1.25rem;background:none;color:var(--text-secondary);border-bottom:2px solid transparent;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state svg{margin-bottom:1rem;opacity:.5}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-area,.main-area.sidebar-collapsed{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-content{padding:1rem .75rem}}.mobile-companion-banner{padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-light),rgba(168,85,247,.1));border-bottom:1px solid var(--accent);text-align:center;font-size:.75rem;font-weight:600;color:var(--accent)}[data-theme=high-contrast] *:focus-visible{outline:3px solid var(--accent)!important;outline-offset:2px}[data-theme=high-contrast] .badge,[data-theme=high-contrast] .btn{border:1px solid currentColor}[data-theme=high-contrast] .card{border-width:2px}.page-transition{transition:opacity .15s ease,transform .15s ease}.page-enter{opacity:1;transform:translateY(0)}.page-exit{opacity:0;transform:translateY(6px)}.scroll-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%) translateY(10px);display:flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:9999px;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;z-index:50;box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.scroll-hint-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.scroll-hint:hover{color:var(--accent);border-color:var(--accent)}.scroll-hint-arrow{font-size:1rem;animation:arrowBounce 1.5s ease infinite}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;color:var(--text-muted);font-size:.85rem}.page-loader-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-boundary-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}