:root{color-scheme:dark;--bg:#090d12;--panel:#131b24;--border:#2b3a49;--text:#edf4fa;--muted:#91a5b5;--orange:#ff8a2b;--red:#743434;--green:#56c789;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#1a2633,var(--bg) 42rem);color:var(--text)}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border);background:#090d12e8;position:sticky;top:0}header a{color:var(--text);font-weight:900;letter-spacing:.15em;text-decoration:none}main{width:min(1100px,calc(100% - 2rem));margin:2rem auto 4rem}.hero h1,.login h1{font-size:clamp(2.3rem,6vw,4.6rem);line-height:.95;margin:.3rem 0 1rem}.hero p,.login>p{color:var(--orange);font-weight:800;letter-spacing:.14em;font-size:.75rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}section{background:linear-gradient(#17212c,#111820);border:1px solid var(--border);border-radius:15px;padding:1.2rem;margin-bottom:1rem}form{display:grid;gap:.7rem}input,select,textarea{width:100%;background:#080c10;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.75rem;font:inherit}button{background:var(--orange);color:#180b01;border:0;border-radius:8px;padding:.7rem .9rem;font-weight:800;cursor:pointer}.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.danger{background:var(--red);color:white}.ok{background:var(--green)}ul{list-style:none;padding:0;display:grid;gap:.6rem}li{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:9px;padding:.7rem}.table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--border);vertical-align:top}td:last-child{display:flex;flex-wrap:wrap;gap:.6rem}details{border:1px solid var(--border);border-radius:8px;padding:.5rem}summary{cursor:pointer;color:#ffb879}code,pre,textarea{font-family:ui-monospace,monospace}code{display:block;background:#080c10;border:1px solid var(--border);border-radius:7px;padding:.6rem;overflow:auto}pre{white-space:pre-wrap;background:#080c10;border:1px solid var(--border);border-radius:7px;padding:.8rem}.login{max-width:760px;margin:5vh auto}.notice{border:1px solid #8b642e;background:#69471555;border-radius:9px;padding:.8rem;margin-bottom:1rem}@media(max-width:720px){.grid{grid-template-columns:1fr}header{padding:1rem}main{width:calc(100% - 1rem);margin-top:1rem}}