:root{--bg:#f4f6f8;--surface:#ffffff;--surface-dark:#111827;--surface-dark-soft:#1f2937;--text:#16202a;--muted:#697586;--border:#e5e9ef;--accent:#2563eb;--accent-soft:#eff6ff;--success-soft:#ecfdf3;--radius:18px}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.brand{gap:12px}.brand,.brandMark{align-items:center;display:flex}.brandMark{background:var(--accent);border-radius:12px;color:white;font-size:19px;font-weight:800;height:42px;justify-content:center;width:42px}.brand span,.brand strong{display:block}.brand strong{font-size:16px;letter-spacing:.08em}.brand span{color:#94a3b8;font-size:12px;margin-top:2px}.loginPage{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1fr) minmax(480px,.8fr)}.loginHero{background:radial-gradient(circle at 80% 20%,rgba(37,99,235,.38),transparent 30%),var(--surface-dark);color:white;display:flex;flex-direction:column;padding:48px 64px}.loginHeroContent{margin:auto 0;max-width:720px}.loginHeroContent h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.045em;line-height:1;margin:22px 0}.loginHeroContent p{color:#cbd5e1;font-size:18px;line-height:1.65;max-width:600px}.loginHeroFooter{color:#64748b;font-size:13px}.loginPanel{align-items:center;background:white;display:flex;justify-content:center;padding:48px}.loginCard{max-width:440px;width:100%}.loginCard h2{font-size:34px;letter-spacing:-.03em;margin:12px 0 8px}.loginCard>p{color:var(--muted);line-height:1.6}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.13em}.loginForm{display:grid;grid-gap:18px;gap:18px;margin-top:32px}.loginForm label{color:#334155;display:grid;font-size:13px;font-weight:700;grid-gap:8px;gap:8px}.loginForm input{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:14px 15px}.loginForm button{background:var(--surface-dark);border:0;border-radius:12px;color:white;font-weight:800;padding:15px}.loginNotice{background:var(--accent-soft);border-radius:12px;color:#1e40af;font-size:12px;line-height:1.5;margin-top:24px;padding:14px}.controlPlane{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface-dark);color:white;display:flex;flex-direction:column;padding:28px 22px}.sidebarNav{display:grid;grid-gap:8px;gap:8px;margin-top:50px}.sidebarSection{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.sidebarLink{border-radius:10px;color:#cbd5e1;font-size:14px;font-weight:600;padding:12px}.sidebarLink:hover{background:var(--surface-dark-soft);color:white}.sidebarFooter{color:#94a3b8;display:grid;font-size:11px;grid-gap:3px;gap:3px;margin-top:auto}.sidebarFooter small{color:#475569}.controlPlaneMain{padding:44px 52px}.pageHeader{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:34px}.pageHeader h1{font-size:36px;letter-spacing:-.04em;margin:7px 0}.pageHeader p{color:var(--muted);margin:0}.environmentBadge{background:var(--success-soft);border-radius:999px;color:#047857;font-size:11px;font-weight:800;padding:9px 13px}.metricGrid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.emptyState,.metricCard,.panelCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 30px rgba(15,23,42,.04)}.metricCard{display:grid;grid-gap:8px;gap:8px;padding:22px}.metricCard>span{color:var(--muted);font-size:12px;font-weight:700}.metricCard strong{font-size:30px}.metricCard small{color:#94a3b8;line-height:1.45}.contentGrid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);margin-top:18px}.panelCard{padding:26px}.emptyState h2,.panelCard h2{letter-spacing:-.025em;margin:10px 0}.emptyState p,.panelCard p{color:var(--muted);line-height:1.65}.architectureFlow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.architectureFlow span{background:var(--bg);border-radius:10px;font-size:12px;font-weight:800;padding:12px 15px}.architectureFlow b{color:#94a3b8}.emptyState{max-width:780px;padding:34px}@media (max-width:1050px){.metricGrid{grid-template-columns:repeat(2,1fr)}.loginPage{grid-template-columns:1fr}.loginHero{min-height:420px}}@media (max-width:760px){.controlPlane{display:block}.sidebar{min-height:auto}.sidebarFooter{display:none}.controlPlaneMain{padding:28px 20px}.contentGrid,.metricGrid{grid-template-columns:1fr}.pageHeader{display:block}.environmentBadge{display:inline-block;margin-top:18px}.loginHero,.loginPanel{padding:32px 24px}}.loginForm input:disabled{cursor:not-allowed;opacity:.7}.loginForm button:disabled{cursor:wait;opacity:.72}.loginError{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-size:12px;line-height:1.5;padding:13px 14px}.loginForgotPassword{margin-top:-4px;text-align:right}.loginForgotPassword a,.loginSecondaryAction a{color:#155eef;font-size:.9rem;font-weight:700;text-decoration:none}.loginForgotPassword a:hover,.loginSecondaryAction a:hover{text-decoration:underline}.loginSecondaryAction{margin-top:18px;text-align:center}.loginSuccess{border:1px solid #b7dfc5;border-radius:12px;background:#eefbf2;padding:14px 16px;color:#1c6335;font-size:.92rem;line-height:1.5}.loginPasswordHint{margin-top:-8px;color:#667085;font-size:.84rem}.loginPrimaryLink{margin-top:18px}.loginPrimaryLink a{display:block;border-radius:12px;background:#111827;padding:14px 18px;color:#ffffff;font-weight:800;text-align:center;text-decoration:none}.loginPrimaryLink a:hover{opacity:.92}