.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#10182a;flex-direction:column;min-height:100vh;padding:28px 18px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{color:#10182a;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{opacity:.65;font-size:13px}nav{gap:7px;display:grid}nav a{color:#aeb8cb;border-radius:9px;padding:12px 14px;text-decoration:none}nav a:hover,nav a.active{color:#fff;background:#ffffff17}.logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:9px;margin-top:auto;padding:11px}.content{padding:42px;overflow:auto}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:.15em;color:#65718a;margin:0 0 8px;font-size:12px;font-weight:700}h1{margin:0;font-size:32px}.subtitle{color:#69758b;margin:8px 0 0}.status{border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.status.good{color:#16733d;background:#e6f7ed}.status.bad{color:brown;background:#ffeded}.metrics{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;display:grid}.metric-card,.finance-panel{background:#fff;border:1px solid #e4e8f0;border-radius:14px;box-shadow:0 3px 14px #161f320a}.metric-card{padding:22px}.metric-card span{color:#758097;margin-bottom:12px;font-size:13px;display:block}.metric-card strong{font-size:23px}.finance-panel{grid-template-columns:repeat(4,1fr);margin-top:20px;padding:24px;display:grid}.finance-panel div{border-right:1px solid #e8ebf1;padding:5px 20px}.finance-panel div:last-child{border-right:0}.finance-panel span{color:#758097;margin-bottom:8px;font-size:13px;display:block}.finance-panel strong{font-size:18px}.loading,.error-card,.coming-soon{background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:30px}.error-card{color:brown}@media (width<=1000px){.metrics,.finance-panel{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.content{padding:22px}.metrics,.finance-panel{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#root{color:#172033;background:#f5f7fb;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}