:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f7fb;--foreground:#172033;--muted:#667085;--card:#fff;--line:#d9e2ef;--brand:#1f5eff;--brand-dark:#133ca3;--danger:#b42318;--success:#027a48}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh;padding:28px}.nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.nav-links{color:var(--muted);gap:12px;font-weight:600;display:flex}.brand{letter-spacing:-.04em;font-size:24px;font-weight:800}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px #1720330f}.grid{gap:16px;display:grid}.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-label{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700}.metric-value{margin-top:8px;font-size:28px;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:14px 10px}th{color:var(--muted);text-transform:uppercase;font-size:12px}.badge{color:var(--brand-dark);background:#e8efff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.actions{flex-wrap:wrap;gap:10px;display:flex}.button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.button.secondary{color:var(--foreground);background:#eef2f7}.form{gap:12px;max-width:520px;display:grid}.form label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.form input,.form select{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.notice{color:var(--muted);line-height:1.5}.error{color:var(--danger)}.success{color:var(--success)}
