:root{--bg:#0b0b0c;--card:#121214;--pri:#39ff14;--muted:#a7a7ad;--ring:0 0 0 3px rgba(57,255,20,.25);--rad:16px}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:#eee}
a{color:var(--pri);text-decoration:none} a:hover{text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0e0e10;border-bottom:1px solid #1a1a1e}
.brand{font-weight:700} nav a{margin:0 8px} nav a.active{color:#fff;border-bottom:2px solid var(--pri);padding-bottom:4px}
.wrap{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border-radius:var(--rad);padding:18px;margin:16px 0;border:1px solid #1a1a1e}
.ok{background:#123f1a;border:1px solid #1f7a2a;padding:10px;border-radius:12px;margin:12px 0}
.alert{background:#3f1212;border:1px solid #7a1f1f;padding:10px;border-radius:12px;margin:12px 0}
.auth{display:grid;place-items:center;min-height:100vh}
.grid{display:grid;gap:10px} input,textarea,select,button{padding:10px;border-radius:12px;border:1px solid #26262b;background:#0d0d10;color:#eee}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:var(--ring)}
button{background:var(--pri);color:#000;font-weight:700;cursor:pointer} button:hover{filter:brightness(1.05)}
.search{display:flex;gap:8px;margin:12px 0}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1f1f25;padding:10px;vertical-align:top}
.small{font-size:12px;color:var(--muted)}