*{box-sizing:border-box}body,html{margin:0;padding:0;background:#f6f7f9;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.side{background:#111827;color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh}.brand{font-size:24px;font-weight:800;letter-spacing:.08em}.lab{font-size:11px;background:#374151;border-radius:99px;padding:4px 8px;margin-left:8px}.nav{margin-top:28px;display:grid;gap:7px}.nav a{color:#d1d5db;text-decoration:none;padding:11px 12px;border-radius:10px}.nav a.active,.nav a:hover{background:#fff;color:#111827}.main{padding:28px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.title{font-size:26px;font-weight:800;margin:0}.muted{color:#6b7280}.pill{background:#ecfdf5;color:#047857;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.kpi{font-size:24px;font-weight:800;margin-top:8px}.section{margin-top:18px}.two{grid-template-columns:1.4fr 1fr;gap:14px}.list,.two{display:grid}.list{gap:10px;margin-top:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #eef0f2;border-radius:12px}.dot{width:9px;height:9px;border-radius:50%;background:#ef4444;display:inline-block;margin-right:7px}.bottom{display:none}.skeleton{height:12px;border-radius:8px;background:#eef0f2}.error{background:#fff7ed;color:#9a3412;padding:12px;border-radius:12px;margin-bottom:14px}@media(max-width:900px){.shell{display:block}.side{display:none}.main{padding:18px 14px 86px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}.bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:8px 6px max(8px,env(safe-area-inset-bottom));z-index:20}.bottom a{text-decoration:none;color:#6b7280;text-align:center;font-size:11px;padding:7px 2px}.bottom a.active{color:#111827;font-weight:800}}@media(max-width:520px){.grid4{grid-template-columns:1fr 1fr}.kpi{font-size:20px}.title{font-size:22px}.top{align-items:flex-start}}