:root{--brand: #00B4AE;--brand-strong: #28C8C0;--brand-bright: #38D8D0;--brand-deep: #00A098;--brand-dim: rgba(0, 180, 174, .12);--bg: #0A0E13;--bg-raised: #10151C;--bg-overlay: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .07);--border-grid: rgba(255, 255, 255, .045);--text: #E8EAED;--text-muted: #9AA3AD;--text-faint: #5F6873;--positive: #34C98E;--negative: #E06C6C;--warning: #D9A94E;--chart-1: #00B4AE;--chart-2: #5B8DEF;--chart-3: #8B77C9;--chart-4: #9AA3AD;--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 320px at 50% -80px,rgba(0,180,174,.07),transparent 70%)}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em}.logo{height:26px;display:block}.logo.large{height:34px;margin-inline:auto}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1.25rem;position:relative}.login-card{width:100%;max-width:400px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:.5rem}.login-card h1{font-size:1.25rem;margin-top:1rem}.sub{color:var(--text-muted);font-size:.925rem;line-height:1.5}.notice{background:var(--bg-overlay);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:8px;padding:.65rem .85rem;font-size:.875rem;margin-top:.5rem}form{display:flex;flex-direction:column;gap:.45rem;margin-top:.75rem}label{font-size:.825rem;color:var(--text-muted);margin-top:.4rem}input,.client-select{background:var(--bg-overlay);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.7rem .85rem;font:inherit;font-size:.95rem}input:focus,.client-select:focus{outline:2px solid var(--brand);outline-offset:-1px}button{font:inherit;cursor:pointer;border-radius:8px}button:disabled{opacity:.6;cursor:wait}.btn-primary{margin-top:.9rem;background:var(--brand);color:var(--bg);border:none;padding:.75rem;font-weight:600}.btn-primary:hover{background:var(--brand-strong)}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.65rem}.btn-ghost:hover{color:var(--text);border-color:var(--text-faint)}.btn-ghost.small{padding:.4rem .8rem;font-size:.85rem}.login-footer{color:var(--text-faint);font-size:.8rem}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:var(--bg-raised);border-bottom:1px solid var(--border)}.topbar-right{display:flex;align-items:center;gap:.75rem}.client-name{color:var(--text-muted);font-size:.925rem}.content{padding:1.5rem 1.25rem;max-width:1360px;width:100%;margin:0 auto;border-inline:1px solid var(--border-grid);flex:1}.content h2{font-size:1.35rem;margin-bottom:.5rem}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;margin-top:1.5rem}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem;color:var(--text-muted);font-size:.9rem;min-height:96px}.metric,.card strong,table td{font-variant-numeric:tabular-nums}@media (max-width: 480px){.login-card{padding:1.5rem 1.25rem}.content{padding:1.25rem 1rem}}