:root{--bg:#0f1217;--panel:#171c24;--panel-2:#202734;--text:#f8fafc;--muted:#94a3b8;--line:#2b3442;--brand:#f97316;--brand-2:#fbbf24;--danger:#ef4444;--ok:#10b981}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{padding:24px}.page,.shell{min-height:100vh}.shell{display:grid;grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--line);background:#11161d;padding:20px}.nav-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;color:var(--muted);margin-bottom:6px}.nav-link.active,.nav-link:hover{background:var(--panel-2);color:var(--text)}.content{padding:24px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:13px;font-weight:700}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px}.field label{color:var(--muted);font-size:13px;font-weight:700}.input{width:100%;border:1px solid var(--line);background:#10141b;color:var(--text);border-radius:8px;padding:10px 11px;outline:none}.input:focus{border-color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);padding:10px 12px;min-height:40px}.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#111827;border:0;font-weight:800}.btn.danger{background:rgba(239,68,68,.12);color:#fecaca;border-color:rgba(239,68,68,.35)}.pill{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;background:#263141;color:var(--muted)}.pill.ok{color:#6ee7b7;background:rgba(16,185,129,.12)}.pill.warn{color:#fde68a;background:rgba(245,158,11,.12)}.pill.danger{color:#fecaca;background:rgba(239,68,68,.12)}.muted{color:var(--muted)}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.grid.cols-2,.grid.cols-4{grid-template-columns:1fr}}