:root{--bg:#0e131d;--side:#121a27;--panel:#182132;--line:#2b3648;--text:#eef4fb;--muted:#9aa8ba;--ice:#74a7ff;--gold:#e8c170}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}section {padding: 0 0 1rem;}
.admin-side{position:fixed;inset:0 auto 0 0;width:250px;background:var(--side);border-right:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:22px}.admin-brand{font-weight:800;font-size:20px;color:white}.admin-side nav{display:grid;gap:8px}.admin-side a,.admin-side button{display:block;width:100%;text-align:left;padding:11px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#cbd5e1}.admin-side a:hover,.admin-side button:hover{background:#1b2638;color:white}.admin-side form{margin-top:auto}.admin-side button{cursor:pointer}[data-editorjs] textarea { display: none; }
.admin-main{margin-left:250px;padding:28px}.admin-main header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-main h1{margin:0;font-size:32px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.metric-grid article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.metric-grid span{display:block;color:var(--muted);text-transform:uppercase;font-size:12px}.metric-grid strong{font-size:42px}.toolbar{margin-bottom:16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;background:var(--ice);color:#06101f;border:0;border-radius:8px;font-weight:800;cursor:pointer}.button.muted{background:#26344a;color:white;margin-right:8px}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--gold);font-size:13px;text-transform:uppercase}.actions{display:flex;gap:10px;align-items:center}.actions a,.actions button{border:1px solid var(--line);background:#111a28;color:white;border-radius:8px;padding:7px 10px;cursor:pointer}.actions form{margin:0}
.editor{display:grid;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.editor label{display:grid;gap:7px;color:#cbd5e1}.editor input,.editor textarea,.editor select{width:100%;border:1px solid var(--line);background:#0e1522;color:white;border-radius:8px;padding:11px}.editor textarea.tall{min-height:360px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.inline{display:flex!important;align-items:center;gap:18px}.inline input{width:auto}.chapter-editor{display:grid;gap:10px;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#121a27}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(420px,100%);display:grid;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:26px}.login-card h1{margin:0}.login-card label{display:grid;gap:7px}.login-card input{border:1px solid var(--line);background:#0e1522;color:white;border-radius:8px;padding:12px}.login-card button{min-height:44px;border:0;border-radius:8px;background:var(--ice);font-weight:800;color:#06101f}.alert{padding:12px;border:1px solid #7c3a3a;background:#2b1515;color:#ffd6d6;border-radius:8px}.hint{color:var(--muted);font-size:13px;margin:0}
@media (max-width:900px){.admin-side{position:static;width:auto}.admin-main{margin-left:0;padding:18px}.metric-grid,.grid-2,.grid-3{grid-template-columns:1fr}table{font-size:14px}.actions{flex-wrap:wrap}}
.codex-editor {background: #0e1522;}