:root{color-scheme:dark;font-family:Segoe UI,Arial Nova,Arial,sans-serif;background:radial-gradient(circle at top,rgba(41,104,168,.25),transparent 35%),linear-gradient(180deg,#09111b,#060b12);color:#e9f2fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell,.auth-shell{min-height:100vh;padding:24px}.app-shell{max-width:1440px;margin:0 auto}.auth-shell{display:grid;place-items:center}.app-header,.toolbar,.editor-header,.abilities-header,.ability-card-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.app-header{margin-bottom:16px}.header-metrics,.toolbar-group{display:flex;gap:12px;align-items:center}.metric,.status-pill,.eyebrow{letter-spacing:.08em;text-transform:uppercase}.metric{color:#8ab9e6;font-size:.85rem}.eyebrow{color:#62d8ff;font-size:.8rem}.panel{background:#091420eb;border:1px solid rgba(98,216,255,.18);border-radius:14px;box-shadow:0 18px 40px #00000059}.auth-panel{width:min(460px,100%);padding:28px}.toolbar,.table-panel,.editor-panel{padding:18px}.toolbar{margin-bottom:16px}.toolbar-input,.field input,.field select,.field textarea{width:100%;background:#050b12eb;color:#eff7ff;border:1px solid rgba(115,164,201,.28);border-radius:10px;padding:10px 12px}.toolbar-input{min-width:320px}.field{display:flex;flex-direction:column;gap:8px}.field span,.checkbox-field span{color:#b4cadc;font-size:.92rem}.field textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.textarea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.checkbox-field{display:flex;gap:10px;align-items:center;padding-top:28px}.primary-button,.secondary-button,.table-action{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;color:#eff7ff}.primary-button{background:linear-gradient(135deg,#138bcf,#40d8ff)}.secondary-button{background:#2e4f69d9}.table-action{background:#21527cdb}.table-action.danger{background:#7c3232db}.cards-table{width:100%;border-collapse:collapse}.cards-table th,.cards-table td{padding:12px 10px;border-bottom:1px solid rgba(112,156,191,.14);text-align:left;vertical-align:top}.cards-table th{color:#7fcdf0;font-size:.84rem}.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:700}.status-pill.active{background:#2691602e;color:#63e0a3}.status-pill.inactive{background:#8749492e;color:#f1a0a0}.abilities-section,.abilities-list{display:grid;gap:14px}.ability-card{border:1px solid rgba(98,216,255,.14);border-radius:12px;background:#060c14d1;padding:14px}.ability-grid{margin:0}.empty-state,.success-banner,.error-banner{padding:16px 18px;border-radius:12px;margin-bottom:16px}.empty-state{color:#9db4c8}.empty-state.compact{margin:0;padding:12px 0}.success-banner{background:#18705338;color:#7af0bf}.error-banner,.field-error{color:#ffb3b3}.error-banner{background:#6f25253d}.field-error{font-size:.82rem}.revision-line{color:#8eb8d8}@media (max-width: 1180px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.textarea-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar-group{flex-wrap:wrap}}@media (max-width: 820px){.app-shell,.auth-shell{padding:14px}.form-grid{grid-template-columns:1fr}.cards-table{display:block;overflow-x:auto}}