:root{color:#172033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app-shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:#101828;color:#fff;padding:24px 16px}.brand{font-size:18px;font-weight:700;margin-bottom:28px}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;border:0;border-radius:8px;padding:10px 12px;color:#cbd5e1;background:transparent;text-align:left;cursor:pointer}.nav-item.active,.nav-item:hover{color:#fff;background:#1f2937}.content{padding:28px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-header h1{margin:0;font-size:26px}.page-header p{margin:6px 0 0;color:#64748b}.status{border:1px solid #d0d5dd;border-radius:999px;padding:6px 12px;color:#344054;background:#fff;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card,.panel{border:1px solid #e2e8f0;border-radius:8px;background:#fff}.metric-card{display:grid;gap:12px;padding:18px}.metric-card span{color:#64748b;font-size:14px}.metric-card strong{font-size:24px}.panel{padding:20px}.panel h2{margin:0 0 16px;font-size:18px}.empty-state{display:grid;min-height:180px;place-items:center;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{padding:16px}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-item{text-align:center}.content{padding:18px}.page-header{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.sidebar nav,.metric-grid{grid-template-columns:1fr}}