:root{--primary:#ff6a00;--accent:#ff8a1e;--bg:#f4f5f7;--surface:#fff;--surface-soft:#f7f8fa;--text:#15171b;--muted:#707782;--border:#e0e3e8;--sidebar:#111214;--sidebar-soft:#1b1d21;--control-h:56px;--compact-h:44px;--radius-control:18px;--radius-card:24px;--radius-modal:28px;--shadow:0 10px 34px rgba(20,24,32,.06)}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.spinner{width:34px;height:34px;border:4px solid #e4e6eb;border-top:4px solid var(--primary);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow)}.narrow{width:min(520px,100%)}.panel h1{margin:4px 0 8px;font-size:34px;letter-spacing:-.8px}.panel h2{margin:4px 0 6px;font-size:26px;letter-spacing:-.5px}.panel p{color:var(--muted)}.eyebrow{margin:0!important;color:var(--primary)!important;font-size:12px;font-weight:900;letter-spacing:1.7px}form{grid-gap:16px;margin-top:20px}.grid,form{display:grid;gap:16px}.grid{grid-template-columns:1fr 1fr;grid-gap:16px}.grid label{display:grid;grid-gap:8px;gap:8px}.grid label span{font-weight:800;font-size:13px}.wide{grid-column:1/-1}input,select,textarea{width:100%;min-height:var(--control-h);border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:var(--radius-control);padding:13px 16px;outline:none}textarea{min-height:112px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}button{min-height:var(--control-h);border:1px solid var(--primary);border-radius:var(--radius-control);padding:0 18px;background:var(--primary);color:#fff;font-weight:850;cursor:pointer;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease}button:hover{opacity:.9}button:active{transform:scale(.995)}button:disabled{opacity:.5;cursor:default}.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.small{min-height:var(--compact-h);height:var(--compact-h);padding:0 14px;font-size:13px}.danger{color:#b9373b;border-color:#efc2c4}.message{font-size:14px!important;line-height:20px}.notice{margin:8px 0 0;padding:13px 16px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-control)}.actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.colorRow{display:grid;grid-template-columns:56px 1fr;grid-gap:8px;gap:8px}.colorRow input[type=color]{height:var(--control-h);padding:5px}.sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sectionHead p{margin:5px 0 0}.countBadge{display:grid;place-items:center;min-width:44px;height:44px;padding:0 13px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,#fff);color:var(--primary);font-weight:900}.adminLayout{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--sidebar);color:#fff;border-right:1px solid #282a2f;padding:20px 16px;display:flex;flex-direction:column}.brandBlock{display:flex;align-items:center;gap:12px;padding:4px 8px 24px}.brandMark{width:44px;height:44px;border-radius:14px;background:var(--primary);display:grid;place-items:center;font-weight:950}.brandBlock>div:last-child{display:grid;grid-gap:2px;gap:2px}.brandBlock strong{font-size:15px}.brandBlock span,.sidebarAccount span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#90949d}.sideNav{display:grid;grid-gap:6px;gap:6px}.navGroupLabel{padding:22px 12px 7px;color:#626770;font-size:10px;font-weight:900;letter-spacing:1.5px}.navButton{width:100%;min-height:50px;border-radius:var(--radius-control);background:transparent;border:1px solid transparent;color:#aeb3bc;text-align:left;padding:0 14px;display:flex;align-items:center;gap:11px;text-decoration:none;font:inherit;font-weight:850;cursor:pointer;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.navButton:hover{background:var(--sidebar-soft);color:#fff;opacity:1}.navButton.active{background:#22252a;color:#fff;border-color:#30333a}.navIndicator{width:7px;height:7px;border-radius:999px;background:#565c66}.navButton.active .navIndicator{background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.sidebarAccount{margin-top:auto;padding:16px 8px 2px;border-top:1px solid #292c31;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;grid-gap:10px;gap:10px}.accountAvatar{width:40px;height:40px;border-radius:999px;background:#2b2f35;display:grid;place-items:center;font-weight:900}.sidebarAccount>div:nth-child(2){display:grid;grid-gap:2px;gap:2px;min-width:0}.sidebarAccount strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.signoutButton{min-height:40px;width:40px;padding:0;background:#22252a;color:#b8bdc5;border-color:#30333a;border-radius:14px}.adminMain{min-width:0}.adminTopbar{height:82px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.adminTopbar h1{margin:0;font-size:22px;letter-spacing:-.4px}.adminTopbar p{margin:3px 0 0;color:var(--muted);font-size:13px}.topbarStatus{display:flex;align-items:center;gap:8px;color:#5d6570;font-size:13px;font-weight:700}.statusDot{width:8px;height:8px;border-radius:999px;background:#26a866}.adminContent{padding:28px;width:min(1320px,100%);margin:0 auto}.dashboardGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.welcomePanel{grid-column:1/-1;min-height:210px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--primary) 5%,#fff))}.welcomePanel h2{font-size:34px;margin:7px 0}.dashboardCard{min-height:190px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-card);text-align:left;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-shadow:var(--shadow);text-decoration:none;font:inherit;font-weight:850;cursor:pointer;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease}.dashboardCard:hover{border-color:var(--primary);transform:translateY(-1px);opacity:1}.dashboardCard:visited{color:var(--text)}.dashboardCard span{font-size:11px;color:var(--primary);font-weight:900;letter-spacing:1.5px;margin-bottom:auto;text-decoration:none}.dashboardCard strong{font-size:20px;color:var(--text);text-decoration:none}.dashboardCard p{margin:7px 0 0;color:var(--muted);font-weight:500;line-height:1.45;text-decoration:none}.themeDots,.themeSample div{display:flex;gap:8px;margin-top:6px}.themeDots i,.themeSample i{width:28px;height:28px;border-radius:999px}.badgeForm,.inviteForm{padding:18px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-soft)}.inviteGrid{grid-template-columns:1fr 1fr 1.5fr .8fr}.badgeList,.userList{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.userRow{display:grid;grid-template-columns:minmax(190px,1.3fr) auto minmax(300px,1.2fr);align-items:center;grid-gap:14px;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.userIdentity{display:grid;grid-gap:3px;gap:3px;min-width:0}.userIdentity small,.userIdentity span,.userIdentity strong{overflow:hidden;text-overflow:ellipsis}.userIdentity span{color:#767d88;font-size:13px}.userIdentity small{color:#9399a3}.userMeta{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:7px 10px;border-radius:999px;background:#f0f1f4;color:#59616d;font-size:12px;font-weight:800}.pill.ok{background:#e8f6ee;color:#20764a}.pill.pending{background:#fff3df;color:#9a6200}.pill.off{background:#fae9e9;color:#a43a3a}.userActions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.editButton{border-color:color-mix(in srgb,var(--primary) 50%,#fff);color:var(--primary)}.badgeActions{margin-top:2px}.badgeCard{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:18px;display:grid;grid-gap:16px;gap:16px}.badgeTop{display:flex;align-items:flex-start;gap:14px}.badgePreview{min-width:92px;min-height:44px;border-radius:999px;color:#fff;display:grid;place-items:center;padding:0 14px;font-size:12px;font-weight:900}.badgeTop>div:last-child{display:grid;grid-gap:4px;gap:4px}.badgeTop strong{font-size:18px}.badgeTop p{margin:0;color:var(--muted)}.systemMark{font-size:11px;font-weight:800;color:var(--primary)}.badgeCardActions{display:flex;gap:8px;flex-wrap:wrap}.assignmentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.assignment{min-height:48px;border:1px solid var(--border);border-radius:14px;padding:9px 12px;display:flex;align-items:center;gap:9px;background:var(--surface-soft)}.assignment input{width:18px;min-height:auto;height:18px;padding:0}.assignment span{font-size:13px;font-weight:700}.assignment small{margin-left:auto;color:var(--primary);font-size:10px;font-weight:900}.assignment.automatic{opacity:.8}.brandingGrid{display:grid;grid-template-columns:1.25fr .75fr;grid-gap:18px;gap:18px}.brandingPreview{min-height:270px;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--border);background:linear-gradient(145deg,#111214,#23252a);background-size:cover;background-position:50%;display:flex;align-items:flex-end;padding:24px;color:#fff}.brandingPreview div{display:grid;grid-gap:6px;gap:6px}.brandingPreview span{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--primary)}.brandingPreview strong{font-size:30px;line-height:1.05}.brandingPreview small{font-size:15px;color:#d3d4d7}.uploadBox{border:1px dashed #ccd0d6;border-radius:var(--radius-card);padding:22px;display:flex;flex-direction:column;justify-content:center;gap:10px;background:#fafbfc;cursor:pointer}.uploadBox span{font-weight:900}.uploadBox small{color:#747b86;line-height:1.45}.uploadBox input{position:absolute;opacity:0;pointer-events:none}.uploadBox b{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding:0 16px;border-radius:var(--radius-control);background:#17191d;color:#fff}.themeSample{border:1px solid;border-radius:var(--radius-card);background:#111214;color:#fff;padding:20px;display:grid;grid-gap:7px;gap:7px}.themeSample span{font-size:11px;letter-spacing:1.7px;font-weight:900}.themeSample strong{font-size:24px}.themeSample p{margin:0!important;color:#a7a9ae!important}.modalBackdrop{position:fixed;inset:0;background:rgba(12,14,18,.58);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:100}.editModal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-modal);padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.28);margin:0}.modalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modalHeader h2{margin:5px 0 0}.iconClose{width:44px;min-height:44px;height:44px;padding:0;border-radius:999px;background:#f0f1f4;color:#3e444c;border-color:#e2e4e8;font-size:24px;line-height:1}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}@media(max-width:980px){.adminLayout{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;height:auto;z-index:30;padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px}.brandBlock{padding:0}.brandBlock>div:last-child{display:none}.brandMark{width:40px;height:40px}.sideNav{display:flex;overflow-x:auto;gap:5px}.navGroupLabel{display:none}.navButton{width:auto;white-space:nowrap;padding:0 13px}.sidebarAccount{margin:0;padding:0;border:0;grid-template-columns:36px 40px}.sidebarAccount>div:nth-child(2){display:none}.accountAvatar{width:36px;height:36px}.adminTopbar{top:64px}.dashboardGrid{grid-template-columns:1fr 1fr}.userRow{grid-template-columns:1fr}.userActions{justify-content:flex-start}.inviteGrid{grid-template-columns:1fr 1fr}.assignmentGrid,.brandingGrid{grid-template-columns:1fr}}@media(max-width:680px){.adminContent{padding:16px}.adminTopbar{padding:0 16px}.topbarStatus{display:none}.dashboardGrid{grid-template-columns:1fr}.welcomePanel{min-height:180px}.grid,.inviteGrid{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:18px;border-radius:20px}.userActions{display:grid;grid-template-columns:1fr 1fr}.userActions button{width:100%}.modalActions{display:grid;grid-template-columns:1fr 1fr}.brandingPreview{min-height:220px;padding:18px}.badgeTop{flex-direction:column}}.sidebar{overflow:hidden}.sideNav{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:#3a3d43 transparent}.sidebarAccount{margin-top:12px;flex-shrink:0}.tourHub{position:-webkit-sticky;position:sticky;top:96px;z-index:10}.tourTabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tourTabs button{min-height:44px;height:44px;padding:0 15px;background:var(--surface-soft);color:var(--text);border-color:var(--border);font-size:13px}.tourTabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.aiAdminShell{min-height:100vh;background:var(--bg)}.aiTopbar{top:0}.aiBackLink{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font-size:13px;font-weight:850;text-decoration:none}.aiBackLink:hover{border-color:var(--primary);color:var(--primary)}.aiAdminContent{display:grid;grid-gap:18px;gap:18px}.aiHero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary) 6%,var(--surface)))}.aiHero>div:first-child{max-width:820px}.aiStatusPill{height:38px;padding:0 13px;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;white-space:nowrap;border:1px solid var(--border);background:var(--surface-soft);color:var(--muted)}.aiStatusPill span{width:8px;height:8px;border-radius:999px;background:#a5aab2}.aiStatusPill.active{color:#20764a;background:#e8f6ee;border-color:#ccebd9}.aiStatusPill.active span{background:#26a866}.aiGrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-gap:18px;gap:18px}.aiInfoCard,.aiStatusCard{display:flex;flex-direction:column}.aiStatusCard>button{margin-top:auto}.aiMessage{margin:12px 0 0!important}.aiCandidateList{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.aiCandidateCard{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:18px;display:grid;grid-gap:14px;gap:14px}.aiCandidateCard.learned{background:color-mix(in srgb,var(--primary) 3%,var(--surface));border-color:color-mix(in srgb,var(--primary) 24%,var(--border))}.aiCandidateHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.aiCandidateHead>div:first-child{display:grid;grid-gap:5px;gap:5px;min-width:0}.aiCandidateHead strong{font-size:17px;line-height:1.4}.aiEditLabel>span,.aiOriginalAnswer>span,.aiQuestionLabel{font-size:10px;font-weight:900;letter-spacing:1.45px;color:var(--primary)}.aiVotePills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.aiContext{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-soft);padding:11px 13px}.aiContext summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800}.aiContext div{display:grid;grid-gap:6px;gap:6px;margin-top:10px}.aiContext p{margin:0!important;font-size:12px;line-height:1.5}.aiOriginalAnswer{padding:14px;border-radius:var(--radius-control);background:var(--surface-soft);border:1px solid var(--border)}.aiOriginalAnswer p{margin:6px 0 0!important;line-height:1.55}.aiEditLabel{display:grid;grid-gap:7px;gap:7px}.aiEditLabel textarea{min-height:128px}.aiCandidateFooter{display:flex;align-items:center;justify-content:space-between;gap:12px}.aiCandidateFooter small,.aiExampleCard small{color:var(--muted)}.aiEmpty{padding:28px;border:1px dashed var(--border);border-radius:var(--radius-card);background:var(--surface-soft);text-align:center}.aiEmpty p{margin-bottom:0!important}.aiExampleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:20px}.aiExampleCard{border:1px solid var(--border);border-radius:var(--radius-card);padding:16px;background:var(--surface);display:grid;grid-gap:8px;gap:8px;align-content:start}.aiExampleCard>strong{font-size:16px}.aiExampleCard>p{margin:0!important;line-height:1.5}.aiExampleCard>button{margin-top:6px;justify-self:start}.aiInfoCard .notice{margin-top:auto}.aiInfoCard h2,.aiStatusCard h2{margin-top:6px}@media(max-width:980px){.sidebar{overflow:visible}.sideNav{flex:initial;min-height:auto;overflow-x:auto;overflow-y:hidden;padding-right:0}.sidebarAccount{margin-top:0}.tourHub{position:static}.aiGrid{grid-template-columns:1fr}}@media(max-width:680px){.aiCandidateFooter,.aiCandidateHead,.aiHero{align-items:stretch;flex-direction:column}.aiStatusPill{align-self:flex-start}.aiVotePills{justify-content:flex-start}.aiExampleGrid{grid-template-columns:1fr}.aiTopbar{height:auto;min-height:82px;padding-top:14px;padding-bottom:14px;gap:12px}.aiTopbar p{display:none}}