:root { --bg:#0b0f13; --fg:#e8f0fe; --muted:#9fb3c8; --card:#121820; --accent:#6ee7ff; --warn:#ffb84d; --ok:#6bff95; --err:#ff6b6b; }
*{box-sizing:border-box} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--fg)}
a{color:var(--accent);text-decoration:none}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0d151c;border-bottom:1px solid #1f2a37;position:sticky;top:0;z-index:5}
.brand{font-weight:800;letter-spacing:.3px}
.links a{color:var(--muted);margin-left:14px}.links a:hover{color:var(--fg)}
.container{max-width:1100px;margin:28px auto;padding:0 16px}
.card{background:var(--card);border:1px solid #1f2a37;border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 10px 24px rgba(0,0,0,.24)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.kv{list-style:none;padding:0;margin:0}.kv li{display:flex;justify-content:space-between;border-bottom:1px dashed #1f2a37;padding:6px 0}
.btn{background:#1b2733;border:1px solid #2a3a4a;color:var(--fg);padding:9px 14px;border-radius:10px;cursor:pointer;display:inline-block}
.btn:hover{filter:brightness(1.1)} .btn.warn{background:#33261b;border-color:#4a382a;color:var(--warn)} .btn.success{background:#1b3321;border-color:#2a4a32;color:var(--ok)} .btn.danger{background:#331b1b;border-color:#4a2a2a;color:var(--err)}
.form label{display:block;margin-bottom:12px}.form input,.form select,.form textarea{width:100%;padding:10px;border-radius:10px;background:#0e141a;border:1px solid #1f2a37;color:var(--fg)}
.form .row{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.flash .alert{padding:10px 12px;border-radius:8px;margin-bottom:8px;border:1px solid #253243}
.alert.success{color:var(--ok);border-color:#2a4a32;background:#0c1610}.alert.danger{color:var(--err);border-color:#4a2a2a;background:#160c0c}.alert.info{color:var(--fg);border-color:#2a3a4a;background:#0e151d}
.error{color:var(--err);white-space:pre-wrap}.success{color:var(--ok)} .footer{padding:18px;text-align:center;color:var(--muted)} .badge{border:1px solid #2a3a42;padding:6px 10px;border-radius:999px;background:#0d151c}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px 10px;border-bottom:1px solid #2a3a42} .hint{color:var(--muted)}