.topbar-profile-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;transition:transform .2s ease}.topbar-profile-btn:hover{transform:scale(1.05)}.profile-dropdown{position:absolute;top:48px;right:0;width:280px;background:var(--surface);border:1px solid rgba(59,130,246,.2);border-radius:8px;box-shadow:0 10px 30px #0000004d;z-index:1000;overflow:hidden}.profile-dropdown-header{padding:16px;border-bottom:1px solid rgba(59,130,246,.1)}.profile-dropdown-header p{margin:0;line-height:1.4}.profile-dropdown-item{width:100%;padding:12px 16px;display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--text);cursor:pointer;font-size:14px;transition:background-color .2s ease,color .2s ease}.profile-dropdown-item:hover{background-color:var(--surface-high);color:var(--primary)}.profile-dropdown-item.logout:hover{background-color:#ef44441a;color:#ef4444}.profile-dropdown-item span{display:flex;align-items:center;justify-content:center}.profile-dropdown-item .material-symbols-outlined{font-size:18px}.light-mode .profile-dropdown{background:#fff;border-color:#3b82f626;box-shadow:0 10px 30px #0000001a}.light-mode .profile-dropdown-header{border-bottom-color:#3b82f61a}.light-mode .profile-dropdown-item:hover{background-color:#f0f1f3}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg) 0%,#0a0e1a 100%);padding:20px}.auth-card{width:100%;max-width:420px;background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(59,130,246,.2);padding:40px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:28px;font-weight:700;color:#3b82f6;margin:0 0 8px;letter-spacing:-.5px}.auth-header p{color:var(--text-secondary);font-size:14px;margin:0}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-form h2{font-size:20px;font-weight:600;color:var(--text);margin:0}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text)}.form-group input{padding:12px 14px;border:1px solid rgba(59,130,246,.3);border-radius:8px;background:#3b82f60d;color:var(--text);font-size:14px;transition:all .3s ease}.form-group textarea{padding:12px 14px;border:1px solid rgba(59,130,246,.3);border-radius:8px;background:#3b82f60d;color:var(--text);font-size:14px;transition:all .3s ease;resize:vertical}.form-group input:focus{outline:none;border-color:#3b82f6;background:#3b82f61a;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}.form-group small{font-size:12px;color:var(--text-secondary);margin-top:-4px}.btn-primary{padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.auth-error{padding:12px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:8px;text-align:center}.auth-success{padding:12px 14px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:14px;margin-bottom:8px;text-align:center}.auth-links{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:14px}.auth-links a{color:#3b82f6;text-decoration:none;transition:color .3s ease}.auth-links a:hover{color:#2563eb;text-decoration:underline}.auth-links span{color:var(--text-secondary)}.auth-links p{margin:0;color:var(--text-secondary)}.light-mode .auth-card{background:#fff;border-color:#3b82f626;box-shadow:0 20px 60px #0000001a}.light-mode .form-group input{background:#3b82f614;border-color:#3b82f633;color:#1a1a1a}.light-mode .form-group input:focus{background:#3b82f61f;border-color:#3b82f6}:root{--bg: #0b1326;--surface: #131b2e;--surface-high: #222a3d;--surface-highest: #2d3449;--text: #dae2fd;--text-secondary: #c3c6d7;--text-muted: #8d90a0;--primary: #3b82f6;--primary-dark: #2563eb;--critical: #dc2626;--high: #ef4444;--medium: #fbbf24;--low: #34d399;--success: #45dfa4;--ghost: rgba(67, 70, 85, .15);--font-ui: "Space Grotesk", sans-serif;--font-display: "Sora", sans-serif;--font-mono: "JetBrains Mono", monospace}.light-mode{--bg: #f8f9fa;--surface: #ffffff;--surface-high: #f0f1f3;--surface-highest: #e8eaed;--text: #1a1a1a;--text-secondary: #424242;--text-muted: #757575;--primary: #2563eb;--primary-dark: #1d4ed8;--critical: #dc2626;--high: #ef4444;--medium: #fbbf24;--low: #34d399;--success: #22c55e;--ghost: rgba(67, 70, 85, .08)}.light-mode body{background:radial-gradient(1200px 520px at 8% -8%,rgba(59,130,246,.1),transparent 62%),radial-gradient(900px 420px at 100% 0%,rgba(34,197,94,.05),transparent 66%),var(--bg)}.light-mode .sidebar{background:#fff;border-right-color:#4346551a}.light-mode .topbar{background:#ffffffe6;border-bottom-color:#4346551a}.light-mode .card{background:#fff;border-color:#4346551a;box-shadow:0 10px 30px #00000014}.light-mode .card:hover{border-color:#3b82f64d;box-shadow:0 16px 36px #0000001f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:radial-gradient(1200px 520px at 8% -8%,rgba(59,130,246,.2),transparent 62%),radial-gradient(900px 420px at 100% 0%,rgba(69,223,164,.08),transparent 66%),var(--bg);color:var(--text);font-family:var(--font-ui);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:#3b82f640;color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#131b2e;padding:20px 16px;border-right:1px solid rgba(67,70,85,.15);position:sticky;top:0;height:100vh;overflow-y:auto;display:block}.mobile-menu-btn{display:none}.sidebar-overlay{display:none!important}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0b1326b3;border-bottom:1px solid rgba(67,70,85,.15);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 48px -12px #0006}.topbar>div:first-child{display:flex;align-items:center;gap:18px;min-width:0}.main-content{padding:24px;min-width:0}.main-content>*{animation:page-enter .32s ease-out}.card{background:#131b2e;border:1px solid rgba(67,70,85,.15);border-radius:6px;padding:16px;box-shadow:0 10px 30px #00000029;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-2px);border-color:#3b82f642;box-shadow:0 16px 36px #00000047}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{border:none;border-radius:4px;padding:10px 16px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,filter .2s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-secondary{background:var(--surface-high);color:var(--text);border:1px solid rgba(67,70,85,.15)}.kpi-value{font-size:32px;font-weight:700;letter-spacing:-.02em}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;text-align:left;border-bottom:1px solid rgba(67,70,85,.15);font-size:13px}.table th{font-size:11px;letter-spacing:.09em;color:var(--text-muted)}.badge{border-radius:9999px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.05em}.shell-title{font-size:18px;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.shell-subtitle{color:var(--text-muted);font-size:12px;margin-top:4px}.sidebar-brand{font-size:16px;font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;color:var(--text)}.material-symbols-outlined{-webkit-user-select:none;user-select:none}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-section-label{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.22em}.sidebar-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:2px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.sidebar-link.active{color:var(--text);background:linear-gradient(90deg,#3b82f61a,#3b82f600);border-right:2px solid var(--primary)}.sidebar-link:hover{color:var(--text);background:var(--surface-high)}.topbar-search{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:6px;background:#222a3d80;border-left:2px solid var(--primary)}.topbar-search input{background:transparent;color:var(--text);border:none;outline:none;width:min(320px,36vw)}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-icon{color:var(--text-muted);padding:8px;border-radius:6px;background:transparent}.topbar-icon:hover{color:var(--text);background:#222a3d80}.page-frame{max-width:1600px}.page-section{margin-bottom:16px}@media (hover: none){button,a,.sidebar-link,.topbar-icon{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}input,textarea,select{min-height:44px;padding:12px;font-size:16px}.card{transition:none}.card:hover{transform:none}}@media (orientation: landscape) and (max-height: 600px){.topbar{height:50px}.sidebar{height:calc(100vh - 50px)}.main-content{padding:12px}}@media (max-width: 1024px){input,textarea,select{font-size:16px!important}}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--text);font-size:24px;cursor:pointer;margin-right:8px}.shell-title,.topbar-search{display:none}.sidebar{position:fixed;left:0;top:60px;width:260px;height:calc(100vh - 60px);z-index:40;transform:translate(-100%);transition:transform .3s ease;border-right:1px solid rgba(67,70,85,.15)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:30;display:none}.sidebar-overlay.mobile-open{display:block}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.main-content{padding:16px}}@media (max-width: 374px){.sidebar{width:85vw}.sidebar-brand{font-size:14px}.topbar{padding:0 12px;height:56px}.mobile-menu-btn{width:36px;height:36px;font-size:20px}.topbar-actions{gap:4px}.topbar-icon{width:32px;height:32px;font-size:18px}.main-content{padding:12px}.grid-2{grid-template-columns:1fr}.card{padding:12px}}@media (min-width: 375px) and (max-width: 479px){.sidebar{width:260px}.topbar{padding:0 16px}.main-content{padding:14px}.grid-2{grid-template-columns:1fr}.card{padding:14px}}@media (min-width: 480px) and (max-width: 767px){.sidebar{width:280px}.topbar{padding:0 18px;height:60px}.shell-title{font-size:16px}.main-content{padding:18px}.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.card{padding:15px}}@media (min-width: 768px) and (max-width: 1023px){.app-shell{grid-template-columns:1fr}.sidebar{width:260px}.topbar{padding:0 20px}.main-content{padding:20px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.card{padding:15px}}@media (min-width: 1024px) and (max-width: 1439px){.mobile-menu-btn{display:none!important}.sidebar{width:260px;position:sticky!important;transform:none!important;height:100vh;display:block!important}.shell-title{display:block}.topbar-search{display:flex}.main-content{padding:24px}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1440px) and (max-width: 1919px){.mobile-menu-btn{display:none!important}.sidebar{width:280px;position:sticky!important;transform:none!important;height:100vh;display:block!important}.shell-title{display:block}.topbar-search{display:flex}.topbar-search input{width:min(350px,40vw)}.main-content{padding:28px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1920px){.mobile-menu-btn{display:none!important}.sidebar{width:300px;position:sticky!important;transform:none!important;height:100vh;display:block!important;padding:24px 20px}.shell-title{display:block;font-size:20px}.topbar-search{display:flex}.topbar-search input{width:400px}.app-shell{grid-template-columns:300px minmax(0,1fr)}.main-content{padding:32px;max-width:100%}.page-frame{max-width:100%}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{padding:20px}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg) 0%,#0a0e1a 100%);font-size:18px;color:var(--text);font-weight:500}