:root { --max: 960px; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; margin: 0; background: #0b0f14; color: #e8eef5; }
header, main { max-width: var(--max); margin: 0 auto; padding: 1.25rem; }
header { display:flex; align-items:center; gap:1rem; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:.6rem; }
.logo { width: 36px; height: 36px; background: #6ee7ff22; border:1px solid #6ee7ff55; border-radius:10px; display:grid; place-items:center; font-weight:700; letter-spacing:.5px; }
.muted { color:#a9b5c3; }
.card { background: #0f1621; border:1px solid #1b2736; border-radius:14px; padding:1rem; }
.grid { display:grid; gap:1rem; }
@media (min-width: 840px){ .grid-2{ grid-template-columns: 1fr 1fr; } }
input, button { font: inherit; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"] { width:100%; padding:.75rem .9rem; border-radius:10px; border:1px solid #263648; background:#0b121b; color:#e8eef5; }
label { font-size:.9rem; color:#b8c6d6; }
button { padding:.7rem 1rem; border-radius:10px; border:1px solid #2a4058; background:#13324d; color:#e8eef5; cursor:pointer; }
button.primary { background:#0e7dd6; border-color:#1495ff; }
button.ghost { background:transparent; border-color:#2a4058; }
a { color:#7dd3fc; text-decoration: none; }
.row { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; }
.right { text-align:right; }
.error { color:#ff7b7b; font-size:.9rem; }
.success { color:#93e19d; font-size:.9rem; }
table { width:100%; border-collapse: collapse; }
th, td { padding:.6rem .4rem; border-bottom:1px solid #1b2736; font-size:.95rem; }
th { text-align:left; color:#b8c6d6; font-weight:600; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.pill { display:inline-block; padding:.25rem .5rem; border-radius:999px; background:#1a2839; border:1px solid #284158; font-size:.8rem; }
.hide { display:none !important; }