*{box-sizing:border-box}body{color:#18202a;background:#f5f7fb;margin:0;font-family:Inter,system-ui,sans-serif}main{max-width:1280px;margin:auto;padding:32px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{margin:0;font-size:28px}header p{color:#6b7280;margin:5px 0 0}.badge{color:#fff;background:#111827;border-radius:999px;padding:8px 14px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.metrics article,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0000000a}.metrics strong{margin:10px 0;font-size:28px;display:block}.metrics small{color:#6b7280}.panel{margin:18px 0}.table{overflow:auto}.row{border-top:1px solid #eef0f3;grid-template-columns:1.3fr .7fr .7fr .5fr 2.7fr;align-items:center;gap:12px;min-width:850px;padding:11px 0;display:grid}.row.head{border:0;font-weight:700}.actions{gap:5px;display:flex}button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:9px;padding:8px 11px}button:disabled{opacity:.35}.ghost{color:#111827;background:#e5e7eb;margin-left:8px}.triples{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.triples .panel{margin:0}.triples p{border-top:1px solid #eee;justify-content:space-between;padding-top:9px;display:flex}.login{place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border-radius:18px;width:min(420px,100%);padding:32px;box-shadow:0 20px 50px #0002}label{margin:14px 0;display:block}input{border:1px solid #d1d5db;border-radius:10px;width:100%;margin-top:6px;padding:11px;display:block}.error{color:#991b1b;background:#fee2e2;border-radius:10px;margin:12px 0;padding:12px}@media (width<=900px){.metrics{grid-template-columns:repeat(2,1fr)}.triples{grid-template-columns:1fr}}@media (width<=560px){main{padding:18px}.metrics{grid-template-columns:1fr}}