:root{ --bg:#0b0f14; --panel:#121821; --text:#e6edf3; --muted:#9aa7b2; --accent:#5fb3ff; --warn:#ffb454; --danger:#ff6b6b; --ok:#34d399; }
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; background:var(--bg); color:var(--text); }
.container{ max-width:960px; margin:48px auto; padding:0 16px; }
.panel{ background:var(--panel); border:1px solid #1f2933; border-radius:10px; padding:20px; }
h1{ font-size:1.5rem; margin:0 0 12px; }
label{ display:block; margin:12px 0 6px; color:var(--muted); }
input[type="password"],input[type="text"]{ width:100%; padding:10px 12px; background:#0e131a; color:var(--text); border:1px solid #243040; border-radius:8px; }
button{ margin-top:14px; background:var(--accent); color:#061018; border:none; padding:10px 14px; border-radius:8px; font-weight:600; cursor:pointer; }
table{ width:100%; border-collapse:collapse; margin-top:8px; }
th, td{ text-align:left; padding:10px 8px; border-bottom:1px solid #1f2933; }
.tag{ display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; font-weight:600; }
.soft{ background:#203049; color:#9acbff; }
.hard{ background:#412626; color:#ffb4b4; }
.ok{ color:var(--ok); }
.warn{ color:var(--warn); }
.danger{ color:var(--danger); }
.muted{ color:var(--muted); }