:root{color:#0f172a;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh}.sidebar{color:#cbd5e1;background:#0d1526;width:268px;padding:14px;transition:all .2s;position:fixed;inset:0 auto 0 0}.sidebar.collapsed{width:76px}.brand{color:#fff;align-items:center;gap:10px;height:42px;display:flex}.brand b{color:#4338ca;background:#eef2ff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.brand button{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:8px;margin-left:auto}.collapsed .brand span,.collapsed nav a{font-size:0}.collapsed .brand button{display:none}nav{gap:3px;margin-top:18px;display:grid}nav a{border-radius:9px;padding:9px}.main{margin-left:268px;transition:all .2s}.sidebar.collapsed+.main{margin-left:76px}header{background:#fff;border-bottom:1px solid #e5e9f0;align-items:center;gap:10px;height:64px;padding:0 18px;display:flex;position:sticky;top:0}.open{color:#fff;background:#111827;border:0;border-radius:9px;width:38px;height:38px;font-size:18px}header input{background:#f8fafc;border:1px solid #e5e9f0;border-radius:9px;flex:1;max-width:520px;padding:10px}header button{background:#fff;border:1px solid #e5e9f0;border-radius:9px;padding:9px}section{padding:22px}.title{justify-content:space-between;align-items:end;display:flex}.title h1{margin:0}.title p{color:#667085}.metrics{background:#fff;border:1px solid #e5e9f0;border-radius:12px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.metrics div{border-right:1px solid #eef2f6;padding:14px}.metrics small{color:#667085;text-transform:uppercase;font-size:9px;display:block}.metrics strong{margin-top:4px;font-size:16px;display:block}.grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}article{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:15px}article h3{margin-top:0}article p{border-top:1px solid #eef2f6;justify-content:space-between;padding-top:10px;display:flex}@media (max-width:1100px){.metrics{grid-template-columns:repeat(4,1fr)}}@media (max-width:760px){.sidebar{transform:translate(-100%)}.main,.sidebar.collapsed+.main{margin-left:0}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}