:root{--brand: #4b1214;--accent: #9EBBCC;--bg: #0f1012;--bg-elevated: #16181c;--surface: #1c1f24;--border: #2a2e35;--text: #e6e8eb;--text-muted: #9aa0a8;--danger: #d8615a;--success: #6dbf6a;--warning: #e0b14f;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--sidebar-width: 220px;--topbar-height: 56px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;min-height:100vh}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:var(--space-6)}.login-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-7);width:min(380px,100%);display:grid;gap:var(--space-4)}.login-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.login-title{font-family:var(--font-display);font-size:20px;font-weight:600;margin:0;color:var(--text)}.login-error{color:var(--danger);font-size:13px;padding:var(--space-1) 0}.field{display:grid;gap:var(--space-2)}.field-label{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.field-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--text);font:inherit;outline:none;transition:border-color var(--dur-fast)}.field-input:focus{border-color:var(--accent)}.btn-primary{appearance:none;border:1px solid var(--accent);background:var(--accent);color:var(--bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font:inherit;font-weight:600;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.btn-primary:hover{background:transparent;color:var(--accent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);display:grid;grid-template-rows:auto 1fr auto;padding:var(--space-4) 0}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-6)}.brand-mark{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--brand)}.brand-name{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.5px}.sidebar-nav{display:flex;flex-direction:column}.sidebar-item{display:block;padding:var(--space-3) var(--space-5);color:var(--text-muted);text-decoration:none;font-size:14px;border-left:2px solid transparent;transition:color var(--dur-fast) ease,background var(--dur-fast) ease,border-color var(--dur-fast) ease}.sidebar-item:hover{color:var(--accent);background:var(--surface);text-decoration:none}.sidebar-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--surface)}.sidebar-footer{padding:var(--space-4) var(--space-5) var(--space-2);border-top:1px solid var(--border);color:var(--text-muted);font-size:12px;display:grid;gap:var(--space-2)}.sidebar-logout{appearance:none;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);padding:var(--space-2) var(--space-3);font:inherit;font-size:12px;cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast)}.sidebar-logout:hover{color:var(--accent);border-color:var(--accent)}.main{display:grid;grid-template-rows:var(--topbar-height) 1fr;min-width:0}.topbar{display:flex;align-items:center;padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-elevated)}.view-title{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600}.content{padding:var(--space-6);overflow:auto}.empty-state{display:grid;place-items:center;text-align:center;padding:var(--space-9) var(--space-6);color:var(--text-muted)}.empty-state .empty-icon{width:48px;height:48px;margin-bottom:var(--space-4);color:var(--text-muted)}.empty-state .empty-icon svg{width:100%;height:100%}.empty-state .empty-headline{font-family:var(--font-display);font-size:18px;color:var(--text);margin:0 0 var(--space-2)}.empty-state .empty-sub{margin:0 0 var(--space-5);max-width:360px}.empty-state .empty-cta{appearance:none;border:1px solid var(--accent);background:transparent;color:var(--accent);padding:var(--space-2) var(--space-5);border-radius:var(--radius);cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.empty-state .empty-cta:hover{background:var(--accent);color:var(--bg)}.toast-stack{position:fixed;bottom:var(--space-5);right:var(--space-5);display:grid;gap:var(--space-2);z-index:1000;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--text);max-width:360px;pointer-events:auto;box-shadow:0 8px 24px #0006;animation:toastIn var(--dur-base) ease}.toast.success{border-left:3px solid var(--success)}.toast.warning{border-left:3px solid var(--warning)}.toast.error{border-left:3px solid var(--danger)}.toast.neutral{border-left:3px solid var(--accent)}@keyframes toastIn{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.confirm-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:1100}.confirm-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);width:min(420px,calc(100vw - var(--space-6) * 2))}.confirm-title{font-family:var(--font-display);font-size:16px;margin:0 0 var(--space-3)}.confirm-message{margin:0 0 var(--space-6);color:var(--text-muted)}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.btn{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text);padding:var(--space-2) var(--space-4);border-radius:var(--radius);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.btn-danger{color:var(--danger);border-color:var(--danger)}.btn.btn-danger:hover{background:var(--danger);color:var(--text);border-color:var(--danger)}@media (max-width: 720px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{grid-template-rows:auto auto auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.sidebar-item{border-left:none;border-bottom:2px solid transparent;padding:var(--space-2) var(--space-4)}.sidebar-item.active{border-bottom-color:var(--accent);border-left-color:transparent}}