:root{--navy: #1E3A5F;--navy-dark: #152C4A;--navy-light: #253F68;--teal: #00A896;--teal-light: #00C4B0;--teal-muted: rgba(0, 168, 150, .12);--bg: #0F1923;--bg-surface: #162230;--bg-elevated: #1C2B3A;--bg-hover: rgba(255,255,255,.04);--border: rgba(255,255,255,.07);--border-focus: var(--teal);--text: #E8EDF2;--text-muted: #7A99B0;--text-faint: #4A6478;--sidebar-w: 240px;--topbar-h: 56px;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow: 0 4px 24px rgba(0,0,0,.35);--shadow-sm: 0 2px 8px rgba(0,0,0,.25);--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition: .18s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-light)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--navy-dark);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--transition);overflow:hidden;position:relative;z-index:100}.shell.sidebar-collapsed .sidebar{width:60px}.sidebar-header{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid var(--border);min-height:var(--topbar-h)}.logo-mark{flex-shrink:0;display:flex;align-items:center}.logo-text{display:flex;align-items:baseline;gap:2px;overflow:hidden;white-space:nowrap}.logo-brand{font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.logo-product{font-size:1.1rem;font-weight:300;color:var(--teal);letter-spacing:-.01em}.sidebar-toggle{margin-left:auto;background:none;border:none;color:var(--text-muted);padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--transition),background var(--transition);flex-shrink:0}.sidebar-toggle:hover{color:var(--text);background:var(--bg-hover)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.nav-section{margin-bottom:8px}.nav-section-label{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);padding:10px 8px 4px;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;font-weight:450;transition:color var(--transition),background var(--transition);white-space:nowrap;text-decoration:none;margin-bottom:1px}.nav-item:hover{color:var(--text);background:var(--bg-hover)}.nav-item.active{color:var(--teal-light);background:var(--teal-muted);font-weight:500}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 10px;border-top:1px solid var(--border);background:var(--navy-dark)}.sidebar-user-info{flex:1;overflow:hidden;display:flex;flex-direction:column}.sidebar-user-name{font-size:.8rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.7rem;color:var(--teal);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:10px}.dash-switcher{display:flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.dash-tab{background:none;border:none;color:var(--text-muted);font-size:.8rem;font-weight:500;padding:4px 12px;border-radius:4px;transition:color var(--transition),background var(--transition)}.dash-tab:hover{color:var(--text);background:var(--bg-hover)}.dash-tab.active{color:var(--text);background:var(--navy-light)}.icon-btn{background:none;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm);position:relative;transition:color var(--transition),background var(--transition)}.icon-btn:hover{color:var(--text);background:var(--bg-hover)}.topbar-icon{width:34px;height:34px}.notif-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--teal);border:2px solid var(--bg-surface)}.topbar-user{position:relative;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;background:var(--avatar-color, var(--navy-light));display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.02em;border:2px solid rgba(255,255,255,.1);flex-shrink:0}.user-menu{position:absolute;top:44px;right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:200px;z-index:200;overflow:hidden}.user-menu-header{padding:12px 14px;display:flex;flex-direction:column;gap:2px}.user-menu-header strong{font-size:.875rem;color:var(--text)}.user-menu-header span{font-size:.78rem;color:var(--text-muted)}.user-menu hr{border:none;border-top:1px solid var(--border)}.user-menu button{width:100%;background:none;border:none;text-align:left;padding:9px 14px;font-size:.875rem;color:var(--text-muted);transition:color var(--transition),background var(--transition);display:block}.user-menu button:hover{color:var(--text);background:var(--bg-hover)}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:28px 32px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.page{max-width:1200px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.page-title{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.025em}.page-desc{font-size:.875rem;color:var(--text-muted);margin-top:3px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:32px}.stat-tile{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden}.stat-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tile-accent, var(--teal));border-radius:var(--radius) var(--radius) 0 0}.stat-label{display:block;font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:var(--text);letter-spacing:-.03em;line-height:1}.stat-sub{display:block;font-size:.75rem;color:var(--text-faint);margin-top:6px}.empty-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted);gap:10px}.empty-dashboard h3{font-size:1.05rem;font-weight:600;color:var(--text)}.empty-dashboard p{font-size:.875rem;color:var(--text-muted);max-width:320px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-bg-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25}.c1{width:600px;height:600px;background:radial-gradient(circle,var(--navy) 0%,transparent 70%);top:-200px;right:-200px}.c2{width:500px;height:500px;background:radial-gradient(circle,var(--teal) 0%,transparent 70%);bottom:-200px;left:-150px;opacity:.1}.login-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:.5}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 44px;width:100%;max-width:420px;position:relative;z-index:1;box-shadow:var(--shadow)}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}.login-logo-text{display:flex;align-items:baseline;gap:2px}.login-brand{font-size:1.3rem;font-weight:700;color:var(--text);letter-spacing:-.025em}.login-product{font-size:1.3rem;font-weight:300;color:var(--teal)}.login-title{font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:-.025em;margin-bottom:4px}.login-subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.8rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.form-field input,.form-field select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 13px;color:var(--text);font-size:.9rem;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00a89626}.form-field input::placeholder{color:var(--text-faint)}.login-error{display:flex;align-items:center;gap:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:9px 12px;font-size:.85rem;color:#fca5a5}.login-btn{background:var(--teal);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px;font-size:.9rem;font-weight:600;letter-spacing:.01em;transition:background var(--transition),transform var(--transition);margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){background:var(--teal-light);transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:20px;font-size:.8rem;color:var(--text-faint);text-align:center}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.hamburger-btn{display:none;background:none;border:none;color:var(--text);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.sidebar-overlay{display:none}@media (max-width: 768px){:root{--sidebar-w: 0px}.hamburger-btn{display:block}.sidebar{position:fixed;left:-260px;top:0;height:100vh;width:240px;transition:left .3s ease;z-index:1000}.sidebar.mobile-open{left:0}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}.page-content{padding:16px}.login-card{padding:28px 24px}.stat-grid{grid-template-columns:1fr 1fr}}