:root{--bg: #0f1c28;--panel: #162636;--ink: #e8eef4;--muted: #8aa0b5;--accent: #2f8fbf;--line: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(47,143,191,.25),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(26,95,138,.35),transparent 50%),linear-gradient(180deg,#0c1620,#122233 45%,#0f1c28);color:var(--ink)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#162636eb;border:1px solid var(--line);border-radius:16px;padding:36px 32px 28px;box-shadow:0 24px 60px #00000059}.brand{font-size:22px;font-weight:700;letter-spacing:.02em;margin-bottom:6px}.brand-sub{color:var(--muted);font-size:13px;margin-bottom:28px;line-height:1.5}.app-layout{min-height:100vh}.app-sider{background:#0c1620f2!important;border-right:1px solid var(--line)}.app-header{background:#122233e6!important;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:var(--ink)}.app-content{padding:20px 24px 40px}.panel{background:#162636e0;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:16px}.metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:linear-gradient(160deg,#2f8fbf2e,#162636e6);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.metric-card .label{color:var(--muted);font-size:12px}.metric-card .value{font-size:28px;font-weight:700;margin-top:4px}.figure{width:100%;border-radius:8px;border:1px solid var(--line);background:#111}.conclusion{margin-top:10px;padding:10px 12px;background:#2a6ebd33;border-left:3px solid #2a6ebd;border-radius:4px;color:#d7e6f5;line-height:1.6}@media(max-width:900px){.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}