*{box-sizing:border-box}body{color:#111827;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f172a;padding:24px 18px}.brand{margin-bottom:28px;font-size:24px;font-weight:800}.nav button{text-align:left;color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;margin:3px 0;padding:12px}.nav button.active,.nav button:hover{color:#fff;background:#1e293b}.main{padding:28px}.top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}.value{font-size:30px;font-weight:800}.muted{color:#64748b}.grid2{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eef2f7;padding:11px 8px;font-size:14px}.actions{gap:8px;display:flex}.primary{color:#fff;background:#111827;border:0;border-radius:9px;padding:9px 12px}.danger{color:#991b1b;background:#fee2e2;border:0;border-radius:9px;padding:9px 12px}.login{background:#fff;border:1px solid #e5e7eb;border-radius:18px;max-width:420px;margin:12vh auto;padding:28px}.login input{border:1px solid #d1d5db;border-radius:10px;width:100%;margin:7px 0 14px;padding:12px}.login button{width:100%;padding:12px}.status{background:#eef2ff;border-radius:999px;padding:4px 8px;font-size:12px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}