:root{color-scheme:dark;--bg: #07111f;--bg-elevated: rgba(9, 23, 44, .88);--bg-panel: rgba(12, 30, 58, .92);--line: rgba(119, 183, 255, .16);--text: #ecf5ff;--muted: #8ca5c4;--cyan: #63d6ff;--steel: #7e99bb;--amber: #ffcc66;--hot: #ff6d7f;--success: #6ef3bf;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--radius: 22px;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(72,132,255,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(0,179,255,.18),transparent 24%),linear-gradient(145deg,#040b15,#081628 48%,#07111f)}button,input{font:inherit}button{border:1px solid var(--line);border-radius:999px;background:linear-gradient(135deg,#174a8cf2,#0c203ff2);color:var(--text);padding:.8rem 1.1rem;cursor:pointer;transition:transform .14s ease,border-color .14s ease,opacity .14s ease}button:hover{transform:translateY(-1px);border-color:#63d6ff66}button.ghost{background:#09172ca6}button:disabled{opacity:.45;cursor:wait;transform:none}input{width:100%;border-radius:14px;border:1px solid rgba(119,183,255,.18);background:#030b16bf;color:var(--text);padding:.85rem 1rem}.screen{min-height:100vh}.auth-screen,.state-screen{display:grid;place-items:center;padding:2rem}.auth-panel,.state-card{width:min(520px,100%);padding:2rem;border-radius:32px;background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow)}.auth-form{display:grid;gap:1rem;margin-top:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-size:.72rem}.console-shell{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;padding:1.4rem}.nav-column,.main-column{min-width:0}.nav-column{display:grid;align-content:start;gap:1rem;padding:1.2rem;border-radius:var(--radius);background:linear-gradient(180deg,#061326f0,#08111ff5);border:1px solid var(--line);box-shadow:var(--shadow)}.brand{display:flex;gap:1rem;align-items:center}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(160deg,#63d6fff5,#436affb8),#061326;box-shadow:inset 0 0 0 1px #ffffff3d}.stats-grid{display:grid;gap:.85rem}.stat-card{padding:1rem;border-radius:18px;border:1px solid var(--line);background:#0b1c33db;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.stat-card:disabled{cursor:not-allowed;opacity:.7}.stat-card:not(:disabled):hover{border-color:#63d6ff80;box-shadow:0 10px 24px #06122a59;transform:translateY(-1px)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.stat-card span{color:var(--muted);font-size:.86rem}.stat-link{border:1px solid rgba(255,255,255,.18);background:#071326e6;color:var(--text);padding:.2rem .55rem;border-radius:999px;font-size:.7rem;letter-spacing:.08em}.stat-link:hover{border-color:#63d6ff80;color:var(--cyan)}.stat-card strong{display:block;margin-top:.45rem;font-size:1.8rem}.stat-card.cyan strong{color:var(--cyan)}.stat-card.amber strong{color:var(--amber)}.stat-card.hot strong{color:var(--hot)}.nav-actions{display:grid;gap:.75rem}.version-block{margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:.25rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.nav-version{margin-top:auto}.auth-version{margin-top:1.5rem;text-align:center}.main-column{display:flex;gap:1rem;flex-wrap:nowrap;flex-direction:column}.hero,.panel,.secret-panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-panel);box-shadow:var(--shadow)}.hero{display:flex;justify-content:space-between;gap:1rem;align-items:start;padding:1.5rem}.hero h1{margin:.35rem 0 0;font-size:clamp(1.8rem,3vw,3rem);width:fit-content;font-size:1.8em}.secret-panel{min-width:280px;padding:1rem 1.2rem;background:#061021cc}.secret-panel span,.table-row span,.material-card span{display:block;color:var(--muted);font-size:.86rem}.secret-panel code{display:block;margin-top:.55rem;padding:.7rem .85rem;border-radius:14px;background:#0000005c;overflow-wrap:anywhere}.panel{padding:1.25rem}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.panel-head h2,.material-index h3{margin:.28rem 0 0}.create-row,.table-row{display:grid;gap:.8rem;align-items:center}.create-row{grid-template-columns:1.2fr 1fr 1fr auto;margin-bottom:1rem}.table-grid{display:grid;gap:.75rem}.table-row{grid-template-columns:1.15fr 1fr 1fr auto;padding:1rem;border-radius:18px;border:1px solid rgba(119,183,255,.12);background:#040d1b9e}.row-actions{display:flex;gap:.55rem;justify-content:flex-end;flex-wrap:wrap}.toggle{display:flex;gap:.6rem;align-items:center;color:var(--muted)}.toggle input{width:auto}.material-layout{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:1rem}.material-list,.page-index-list{display:grid;gap:.75rem;justify-items:center;align-content:start}.material-card,.page-card{border-radius:18px;border:1px solid rgba(119,183,255,.12);background:#040d1b9e}.material-card{padding:1rem;text-align:left;height:fit-content;display:block;width:100%;margin:0 0 10pt}.material-card.selected{border-color:#63d6ff70}.material-index{min-height:400px;padding:1rem;border-radius:20px;background:#0208127a}.page-card{padding:1rem}.page-card header{margin-bottom:.55rem;color:var(--cyan);font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.empty-state{padding:1.2rem;border-radius:18px;border:1px dashed rgba(119,183,255,.22);color:var(--muted)}.flash{padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(119,183,255,.18)}.flash.success{color:var(--success);border-color:#6ef3bf3d}.flash.error{color:#ff9dad;border-color:#ff6d7f47}@media(max-width:1100px){.console-shell,.material-layout{grid-template-columns:1fr}}@media(max-width:760px){.create-row,.table-row{grid-template-columns:1fr}.hero{flex-direction:column}}