:root{--bg:#f5f7fb;--card:#fff;--ink:#172033;--muted:#667085;--brand:#4f46e5;--line:#e4e7ec;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,sans-serif}nav{background:#111827;color:#fff;display:flex;align-items:center;padding:0 5%;min-height:60px}.brand{font-size:22px;font-weight:800;color:#fff;text-decoration:none}.links{display:flex;align-items:center;gap:18px;margin-left:auto}.links a,.link-button{color:#d1d5db;text-decoration:none;background:none;border:0;padding:0;font:inherit}.links form{margin:0}.nav-toggle{display:none;margin-left:auto}main{max-width:1280px;margin:28px auto;padding:0 20px}h1{font-size:28px}h2{font-size:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 2px 7px #1018280a;margin-bottom:20px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.metrics .card span{color:var(--muted);display:block}.metrics strong{display:block;font-size:26px;margin-top:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.heading,.pagination,.actions,.copy{display:flex;align-items:center;gap:10px}.heading{justify-content:space-between}.button,button{border:0;border-radius:8px;background:var(--brand);color:#fff;padding:9px 14px;text-decoration:none;cursor:pointer;font-weight:600}button.danger{background:var(--danger)}label{display:block;margin-bottom:15px;font-weight:600}input,select{width:100%;padding:10px;border:1px solid #cfd4dc;border-radius:8px;background:#fff;font:inherit}.checkbox{display:flex;gap:8px;align-items:center}.checkbox input{width:auto}.form-card{max-width:650px}.login{max-width:400px;margin:10vh auto}.muted{color:var(--muted)}.error,.notice{padding:12px;border-radius:8px;margin-bottom:15px}.error{background:#fee4e2;color:#912018}.notice{background:#ecfdf3;color:#027a48}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted)}code{font-size:12px}.badge{background:#eef2ff;color:#3730a3;border-radius:999px;padding:3px 8px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.filters button{align-self:stretch}.actions form{margin:0}.actions{flex-wrap:wrap}.actions a{color:var(--brand)}.copy input{min-width:260px}.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{justify-content:center}.empty{text-align:center;padding:70px}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.nav-toggle{display:block}.links{display:none;position:absolute;top:60px;left:0;right:0;background:#111827;padding:18px;flex-direction:column;align-items:flex-start}.links.open{display:flex}main{margin-top:18px}.heading{align-items:flex-start}.copy{flex-direction:column;align-items:stretch}.copy input{min-width:220px}}