:root{--navy:#123d66;--aqua:#a9dfe2;--gold:#f1c75f;--white:#ffffff;--soft:#f7fbfb;--line:#cfe9eb;--text:#123d66;--muted:#60758b;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--soft);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,select{font:inherit}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr)}.login-brand{align-items:center;background:var(--white);display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.login-brand img{height:auto;max-width:360px;width:min(80vw,360px)}.login-brand h1{font-size:clamp(2rem,5vw,4.5rem);line-height:.95;margin:32px 0 12px}.login-panel{align-items:center;background:var(--gold);display:flex;justify-content:center;padding:32px}.login-card,.metric-card,.panel{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(18,61,102,.08)}.login-card{max-width:430px;padding:28px;width:100%}.form-stack{display:grid;grid-gap:14px;gap:14px}.form-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-row:has(.field:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.inline-field{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:.85rem;font-weight:700}.field input,.field select{border:1px solid var(--line);border-radius:6px;color:var(--navy);padding:12px}.btn{align-items:center;background:var(--navy);border:1px solid var(--navy);border-radius:6px;color:var(--white);cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:10px 16px}.btn.secondary{background:var(--white);color:var(--navy)}.btn.gold{background:var(--gold);border-color:var(--navy);color:var(--navy)}.btn:disabled{cursor:not-allowed;opacity:.65}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);color:var(--navy);padding:22px}.sidebar,.sidebar img{background:var(--white)}.sidebar img{border-radius:8px;display:block;margin-bottom:26px;padding:10px;width:170px}.nav{display:grid;grid-gap:8px;gap:8px}.nav a{border-radius:6px;color:var(--navy);font-weight:700;padding:11px 12px}.nav a.active,.nav a:hover{background:var(--aqua)}.main{padding:28px}.actions,.panel-head,.section-title,.topbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.toolbar{align-items:end;background:var(--white);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;padding:14px}.toolbar.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar .actions{justify-content:flex-start}.section-title{margin:24px 0 18px}.section-title h1,.section-title h2{margin:0}.subtle{color:var(--muted)}.metrics{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:18px}.metric-card span{color:var(--muted);display:block;font-size:.86rem;margin-bottom:8px}.metric-card strong{font-size:1.7rem}.panel{margin-bottom:18px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);padding:16px 18px}.panel-body{padding:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:820px;width:100%}td,th{border-bottom:1px solid var(--line);padding:13px 14px;text-align:left;vertical-align:top}th{background:#f8fcfc;font-size:.82rem;text-transform:uppercase}.status{border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:800;padding:4px 9px}.status.good{background:var(--aqua)}.status.warn{background:var(--gold)}.status.bad{background:#fee4e2;color:var(--danger)}.demo-banner{background:var(--gold);border:1px solid var(--navy);border-radius:8px;font-weight:800;margin-bottom:18px;padding:12px 14px}.notice-inline{background:var(--aqua);border:1px solid var(--line);border-radius:6px;color:var(--navy);font-weight:700;margin:0;padding:10px 12px}.modal-backdrop{align-items:center;background:rgba(18,61,102,.35);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.modal-card{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 60px rgba(18,61,102,.22);max-height:calc(100vh - 40px);max-width:720px;overflow:auto;padding:18px;width:min(720px,100%)}.modal-card .panel-head{margin:-18px -18px 0}.demo-switch-shell{min-height:100vh;padding-bottom:104px}.demo-switcher{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:8px;bottom:18px;box-shadow:0 18px 48px rgba(18,61,102,.18);display:flex;gap:18px;justify-content:space-between;left:50%;max-width:720px;padding:14px;position:fixed;transform:translateX(-50%);width:calc(100% - 36px);z-index:60}.demo-switcher p{margin:2px 0 0}.demo-switch-buttons{display:flex;gap:10px}@media (max-width:900px){.app-shell,.login-shell{grid-template-columns:1fr}.sidebar{position:static}.metrics,.nav,.toolbar,.toolbar.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.login-brand,.login-panel,.main{padding:20px}.metrics,.nav,.toolbar,.toolbar.compact{grid-template-columns:1fr}.actions,.demo-switch-buttons,.demo-switcher,.form-row,.panel-head,.section-title,.topbar{align-items:stretch;flex-direction:column;grid-template-columns:1fr}}