:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7f9;color:#1f2933;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.sidebar{background:#17202a;color:#f8fafc;display:flex;flex-direction:column;min-height:100vh;padding:20px 14px;position:sticky;top:0}.brand{align-items:center;display:flex;gap:12px;padding:4px 8px 20px}.brand-mark{align-items:center;background:#2f80ed;border-radius:8px;display:inline-flex;height:40px;justify-content:center;width:40px}.brand strong,.brand span,.sidebar-status strong,.sidebar-status span{display:block}.brand strong{font-size:15px}.brand span,.sidebar-status span{color:#aab7c4;font-size:12px;margin-top:3px}.nav-list{display:grid;gap:4px}.nav-item{align-items:center;background:transparent;border:0;border-radius:8px;color:#c9d4df;display:flex;gap:10px;min-height:42px;padding:0 12px;text-align:left}.nav-item:hover,.nav-item.active{background:#25313d;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #54c2a8}.sidebar-status{align-items:center;border-top:1px solid #2d3a46;display:flex;gap:10px;margin-top:auto;padding:18px 8px 4px}.status-dot{background:#54c2a8;border-radius:999px;box-shadow:0 0 0 4px #54c2a82b;display:inline-block;height:9px;width:9px}.main-panel{min-width:0;padding:24px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.eyebrow{color:#697586;font-size:13px;margin:0 0 6px}h1,h2,p{margin:0}h1{color:#182230;font-size:26px;line-height:1.2}.topbar-meta{align-items:flex-end;color:#5f6c7b;display:flex;flex-direction:column;font-size:13px;gap:8px;white-space:nowrap}.time-readout{align-items:flex-end;display:grid;gap:2px;text-align:right}.time-readout span,.time-readout small{color:#5f6c7b}.time-readout strong{color:#182230;font-size:18px;line-height:1.1}.time-readout small{font-size:12px}.timezone-toggle{background:#e9eef5;border:1px solid #d5dee8;border-radius:8px;display:inline-flex;padding:3px}.timezone-toggle button{background:transparent;border:0;border-radius:6px;color:#536273;min-height:30px;padding:0 10px;white-space:nowrap}.timezone-toggle button.active{background:#fff;color:#1f2933;font-weight:700;box-shadow:0 1px 2px #10182814}.topbar-actions{display:flex;gap:8px}.toast{background:#fff;border:1px solid #d9e1e8;border-left:4px solid #2f80ed;border-radius:8px;color:#405162;font-size:14px;margin-bottom:18px;padding:12px 14px}.loading-screen,.login-screen{align-items:center;background:#f6f7f9;display:flex;min-height:100vh;justify-content:center;padding:20px}.loading-screen{color:#536273;font-weight:700}.login-panel{background:#fff;border:1px solid #dbe3ea;border-radius:8px;display:grid;gap:16px;max-width:420px;padding:24px;width:100%}.login-brand{padding:0 0 4px}.login-button{justify-content:center}.login-message{color:#657386;font-size:13px;text-align:center}.page-stack{display:grid;gap:18px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.panel{background:#fff;border:1px solid #dbe3ea;border-radius:8px}.metric-card{min-height:138px;padding:16px}.metric-icon{align-items:center;background:#edf4ff;border-radius:8px;color:#2f80ed;display:inline-flex;height:34px;justify-content:center;margin-bottom:16px;width:34px}.metric-card span{color:#657386;display:block;font-size:13px}.metric-card strong{color:#101828;display:block;font-size:26px;line-height:1.2;margin-top:4px}.metric-card small{color:#7a8795;display:block;font-size:12px;margin-top:8px}.content-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.panel{min-width:0;overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid #e7edf3;display:flex;justify-content:space-between;min-height:72px;padding:16px 18px}.panel h2{color:#182230;font-size:16px;line-height:1.3}.panel p{color:#697586;font-size:13px;margin-top:5px}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.code-import-form{align-items:end;display:grid;gap:14px;grid-template-columns:minmax(320px,1fr) auto;padding:18px}.question-form{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.rule-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px}.rule-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.table-input{background:#fff;border:1px solid #d7e0e8;border-radius:8px;color:#1f2933;min-height:36px;outline:0;padding:0 10px;width:min(180px,100%)}.sticky-actions{display:flex;justify-content:flex-end}.field{display:grid;gap:7px}.field.full,.form-actions{grid-column:1 / -1}.field span{color:#526173;font-size:13px;font-weight:700}.field input,.field select{background:#fff;border:1px solid #d7e0e8;border-radius:8px;color:#1f2933;min-height:40px;outline:0;padding:0 12px;width:100%}.field input[type=file]{align-items:center;display:flex;padding:8px 12px}.field input:focus,.field select:focus{border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.field small{color:#718096;font-size:12px;line-height:1.4}.form-actions{display:flex;justify-content:flex-end}.segmented-control{background:#e9eef5;border:1px solid #d5dee8;border-radius:8px;display:inline-flex;padding:3px;width:fit-content}.segmented-control button{background:transparent;border:0;border-radius:6px;color:#536273;min-height:34px;padding:0 12px}.segmented-control button.active{background:#fff;box-shadow:0 1px 2px #10182814;color:#1f2933;font-weight:700}.option-editor{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.option-field>div{align-items:center;display:flex;gap:8px}.option-field input{min-width:0}.puzzle-workbench{display:grid;gap:18px;grid-template-columns:minmax(220px,320px) minmax(0,1fr)}.puzzle-workbench h3{color:#526173;font-size:13px;margin:0 0 10px}.puzzle-board{aspect-ratio:1;background:#eef2f6;border:1px solid #d7e0e8;border-radius:8px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);overflow:hidden;width:min(100%,320px)}.puzzle-cell{align-items:center;background-color:#fff;background-repeat:no-repeat;background-size:300% 300%;border:0;color:#5b6b7c;display:flex;font-size:12px;font-weight:700;justify-content:center;min-height:0;padding:0}.puzzle-cell.missing{background:#fff;box-shadow:inset 0 0 0 2px #2f80ed;color:#2f80ed}.puzzle-board.empty .puzzle-cell{background:#f8fafc}.puzzle-options{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(86px,1fr))}.puzzle-option{background:#fff;border:1px solid #dbe3ea;border-radius:8px;display:grid;gap:8px;padding:8px}.puzzle-option.correct{border-color:#54c2a8;box-shadow:inset 0 0 0 1px #54c2a8}.puzzle-option span{color:#536273;font-size:12px;font-weight:700;text-align:center}.puzzle-piece{aspect-ratio:1;background-color:#f8fafc;background-repeat:no-repeat;background-size:300% 300%;border-radius:6px;display:grid;place-items:center;width:100%}.puzzle-piece.empty{border:1px dashed #b8c4d0;color:#708092;font-size:12px;font-weight:700}.table-puzzle-preview{margin-top:8px;max-width:120px}.search-field{align-items:center;background:#fff;border:1px solid #d7e0e8;border-radius:8px;color:#6b7785;display:flex;gap:8px;min-height:40px;min-width:min(420px,100%);padding:0 12px}.search-field input{border:0;color:#1f2933;min-width:0;outline:0;width:100%}select,.primary-button,.table-button,.icon-button{border:1px solid #cfd9e2;border-radius:8px;min-height:40px}select{background:#fff;color:#25313d;padding:0 12px}.primary-button{align-items:center;background:#2f80ed;border-color:#2f80ed;color:#fff;display:inline-flex;gap:8px;padding:0 14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:900px;width:100%}th,td{border-bottom:1px solid #edf1f5;padding:13px 14px;text-align:left;vertical-align:middle}th{background:#f9fafb;color:#647081;font-size:12px;font-weight:700;white-space:nowrap}td{color:#293542;font-size:14px}td strong,td small{display:block}td small{color:#738190;font-size:12px;margin-top:4px}code{background:#eef2f6;border-radius:6px;color:#293542;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;padding:4px 7px;white-space:nowrap}.status-badge,.task-pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;line-height:1;padding:6px 9px;white-space:nowrap}.status-badge.active,.status-badge.available,.status-badge.published,.status-badge.unused{background:#dff8ef;color:#087456}.status-badge.banned,.status-badge.disabled{background:#fde7e7;color:#b42318}.status-badge.closed,.status-badge.claimed,.status-badge.depleted{background:#e8f0fe;color:#2f5fb3}.status-badge.draft,.status-badge.expired{background:#f4edf7;color:#7a4b8f}.task-pills{display:flex;flex-wrap:wrap;gap:5px;max-width:270px}.task-pill{background:#f0f2f5;color:#667085}.task-pill.done{background:#dff8ef;color:#087456}.action-row{display:flex;gap:6px}.action-row.text-actions{flex-wrap:wrap;min-width:190px}.icon-button{align-items:center;background:#fff;color:#475467;display:inline-flex;height:34px;justify-content:center;min-height:34px;padding:0;width:34px}.icon-button:hover,.table-button:hover{background:#f4f7fa}.table-button{background:#fff;color:#293542;min-height:34px;padding:0 12px}.table-button.danger{color:#b42318}.compact-list{display:grid}.compact-row{align-items:center;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;padding:14px 18px}.compact-row:last-child{border-bottom:0}.compact-row strong,.compact-row span{display:block}.compact-row strong{color:#182230;font-size:14px}.compact-row span{color:#718093;font-size:12px;margin-top:4px}.compact-row b{color:#2f80ed;font-size:16px}.bar-chart{display:grid;gap:12px;padding:18px}.bar-row{align-items:center;display:grid;gap:10px;grid-template-columns:92px minmax(140px,1fr) 64px}.bar-row span{color:#4f5f70;font-size:13px}.bar-track{background:#edf1f5;border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:#54c2a8;border-radius:inherit;height:100%}.bar-row b{color:#243140;font-size:13px;text-align:right}.trend-chart{padding:18px}.trend-legend{display:flex;gap:14px;margin-bottom:18px}.trend-legend span{color:#586879;font-size:13px;font-weight:700}.trend-grid{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(7,minmax(44px,1fr));height:260px}.trend-group{align-items:center;display:grid;gap:8px;height:100%}.trend-bars{align-items:end;display:flex;gap:4px;height:220px;justify-content:center}.trend-bar{border-radius:999px 999px 0 0;display:block;min-height:8px;width:10px}.trend-bar.color-0{background:#2f80ed}.trend-bar.color-1{background:#54c2a8}.trend-bar.color-2{background:#f2a444}.trend-group small{color:#6d7b8b;font-size:12px;text-align:center}.bot-console{display:grid;gap:16px;padding:18px}.bot-user-card{align-items:center;background:#f8fafc;border:1px solid #e1e8ef;border-radius:8px;display:flex;justify-content:space-between;padding:14px}.bot-user-card strong,.bot-user-card span,.bot-user-card b{display:block}.bot-user-card strong{color:#182230}.bot-user-card span{color:#697586;font-size:12px;margin-top:4px}.bot-user-card b{color:#2f80ed;font-size:24px;text-align:right}.bot-step{border-top:1px solid #edf1f5;display:grid;gap:12px;padding-top:16px}.bot-step h3{color:#1f2933;font-size:14px;margin:0}.bot-form-grid,.bot-action-row{align-items:end;display:flex;flex-wrap:wrap;gap:10px}.bot-form-grid .field{flex:1 1 180px}.bot-question{color:#657386;font-size:13px}.bot-question p{color:#657386;font-size:13px;margin:0}.bot-puzzle-preview{display:grid;gap:12px;grid-template-columns:minmax(160px,220px) minmax(0,1fr);margin-top:10px}.bot-result{display:grid;gap:14px;padding:18px}.bot-result>strong{background:#f7fbff;border:1px solid #dbeafe;border-radius:8px;color:#234469;display:block;font-size:14px;padding:12px}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:12px;position:static}.brand{padding-bottom:12px}.nav-list{display:flex;overflow-x:auto;padding-bottom:4px}.nav-item{flex:0 0 auto;min-width:132px}.sidebar-status{display:none}.main-panel{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.topbar-meta{align-items:flex-start}.topbar-actions{flex-wrap:wrap}.time-readout{align-items:flex-start;text-align:left}h1{font-size:22px}.metric-grid,.metric-grid.three{grid-template-columns:1fr}.code-import-form{align-items:stretch;grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.question-form,.option-editor,.puzzle-workbench,.bot-puzzle-preview,.rule-grid,.rule-grid.three{grid-template-columns:1fr}.segmented-control{width:100%}.segmented-control button{flex:1}.puzzle-options{grid-template-columns:repeat(2,minmax(86px,1fr))}.form-actions{justify-content:stretch}.search-field,select,.primary-button,.topbar-actions .table-button{width:100%}.bot-user-card,.bot-action-row{align-items:stretch;flex-direction:column}.bar-row{grid-template-columns:74px minmax(120px,1fr) 48px}.trend-grid{overflow-x:auto}}