:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0f1115;color:#e8eaed}*{box-sizing:border-box}body{margin:0}.app-shell,.login-page{min-height:100vh}.login-page{display:grid;place-items:center;padding:24px}.login-card{max-width:420px;padding:32px;border:1px solid #2a2f3a;border-radius:12px;background:#171a21}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #2a2f3a;background:#12151b}.topbar-actions{display:flex;gap:12px;align-items:center}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 53px)}.sidebar{border-right:1px solid #2a2f3a;padding:16px}.class-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.class-list button{width:100%;text-align:left;padding:8px 10px;border:1px solid #2a2f3a;border-left-width:4px;border-radius:8px;background:#171a21;color:inherit;cursor:pointer}.class-list button.active{background:#222733}.main{padding:16px 20px}.spec-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.spec-tabs button,.btn{border:1px solid #3a4254;background:#171a21;color:inherit;border-radius:8px;padding:8px 12px;cursor:pointer;text-decoration:none}.spec-tabs button.active,.btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.toolbar input{flex:1;max-width:360px;padding:8px 12px;border-radius:8px;border:1px solid #3a4254;background:#171a21;color:inherit}.spell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.spell-card{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #2a2f3a;border-radius:10px;background:#171a21}.icon-placeholder{width:40px;height:40px;border-radius:6px;background:#2a2f3a}.spell-name{font-weight:600}.spell-id{font-size:12px;color:#9aa0a6}.badge{margin-left:8px;padding:2px 8px;border-radius:999px;font-size:12px;background:#2a2f3a}.badge.warn{background:#5c4a1f}.badge.admin{background:#1f4d3a}.empty-hint{color:#9aa0a6}code{background:#222733;padding:2px 6px;border-radius:4px}@media (max-width: 800px){.layout{grid-template-columns:1fr}}