:root{--spell-bg:#130C0A;--spell-bg-raise:#1D1310;--spell-bg-raise-2:#281B17;--spell-line:#3A2A24;--spell-text:#FDF6F2;--spell-text-dim:#C9B4AA;--spell-text-mute:#8C766C;--spell-coral:#FF7F50;--spell-red:#FF5349;--spell-indigo:#4B0082;--spell-gradient:linear-gradient(135deg,#FF5349,#FF7F50,#4B0082);--spell-ok:#21B6A8;--spell-warn:#FFA500;--spell-danger:#FF5349;--spell-violet:#FF7F50;--spell-violet-lt:#FF9E78;--spell-gold:#FAD02C}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--spell-bg);color:var(--spell-text);font-family:General Sans,Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:none}.wrap{display:flex;min-height:100vh}.side{width:220px;background:var(--spell-bg-raise);border-right:1px solid var(--spell-line);padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.brand span{background:var(--spell-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-sub{font-size:11px;color:var(--spell-text-mute);margin-bottom:28px}.nav a{display:block;padding:9px 12px;border-radius:8px;color:var(--spell-text-dim);font-size:14px;margin-bottom:3px}.nav a.on,.nav a:hover{background:var(--spell-bg-raise-2);color:var(--spell-text)}.main{flex:1 1;padding:32px 40px;max-width:1200px}.h1{font-size:26px;margin-bottom:4px}.h1,.kicker{font-weight:700}.kicker{font-size:11px;letter-spacing:2px;color:var(--spell-gold);text-transform:uppercase;margin-bottom:6px}.muted{color:var(--spell-text-dim)}.card{background:var(--spell-bg-raise);border:1px solid var(--spell-line);border-radius:12px;padding:18px}.grid{display:grid;grid-gap:14px;gap:14px}.row{display:flex;gap:12px}.badge,.row{align-items:center}.badge{display:inline-flex;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;background:var(--spell-bg-raise-2);color:var(--spell-text-dim)}.badge.ai{background:#3a1c12;color:#FF9E78}.badge.ok{background:#0f302c;color:var(--spell-ok)}.badge.gold{background:#3a2f10;color:var(--spell-gold)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--spell-text-mute);padding:10px 12px}td,th{border-bottom:1px solid var(--spell-line)}td{padding:12px;font-size:14px}tr:hover td{background:var(--spell-bg-raise)}.btn{background:var(--spell-violet);color:#fff;padding:9px 16px;border-radius:9px;font-weight:600;font-size:14px}.btn:hover{background:var(--spell-violet-lt)}.btn.ghost{background:var(--spell-bg-raise-2);color:var(--spell-text)}.stat{font-size:30px;font-weight:700;color:var(--spell-gold)}.stat-lbl{font-size:12px;color:var(--spell-text-dim)}input,select{background:var(--spell-bg-raise-2);border:1px solid var(--spell-line);color:var(--spell-text);padding:9px 12px;border-radius:8px;font:inherit}.center{min-height:100vh;display:grid;place-items:center}.login{width:340px;text-align:center}