:root{--primary:#2e7d32;--primary-deep:#1b5e20;--primary-soft:#eaf4ea;--ink:#201814;--text:#2a2622;--text-2:#57514a;--muted:#6e675f;--bg:#f4f5f1;--warm:#fafaf7;--card:#fff;--border:#e7e3dc;--warn:#b45309;--warn-bg:#fff8ef;--danger:#b42318;--danger-bg:#fef3f2;--blue:#1971c2;--blue-bg:#eff6ff;--shadow:0 12px 36px rgba(32,24,20,.09);--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Noto Sans SC",sans-serif;--mono:"SF Mono",ui-monospace,monospace}
*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);line-height:1.65}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) 520px;background:var(--warm)}.login-story{padding:72px clamp(52px,8vw,128px);display:flex;flex-direction:column;justify-content:space-between;background:var(--primary-deep);color:#fff;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-220px;bottom:-220px;box-shadow:0 0 0 76px rgba(255,255,255,.03),0 0 0 152px rgba(255,255,255,.025)}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:.03em;position:relative;z-index:1}.brand-mark{width:38px;height:38px;border-radius:11px 11px 11px 3px;background:#fff;color:var(--primary-deep);display:grid;place-items:center;font-size:13px}.login-copy{max-width:620px;position:relative;z-index:1}.kicker{font-size:12px;letter-spacing:.3em;opacity:.7}.login-copy h1{font-size:clamp(40px,5vw,66px);line-height:1.12;letter-spacing:-.045em;margin:18px 0 22px}.login-copy p{margin:0;max-width:520px;font-size:16px;opacity:.82}.login-foot{font-size:12px;opacity:.58;position:relative;z-index:1}.login-panel{display:flex;align-items:center;justify-content:center;padding:48px;background:#fff}.login-card{width:100%;max-width:370px;text-align:center}.eyebrow{font-size:12px;color:var(--primary);font-weight:750;letter-spacing:.08em;margin-bottom:8px}.login-card h2{margin:0;color:var(--ink);font-size:25px;letter-spacing:-.02em}.login-card>p{margin:8px 0 22px;font-size:14px;color:var(--muted)}.qr-frame{width:230px;height:230px;margin:0 auto 18px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--warm);display:grid;place-items:center}.qr-frame img{width:100%;height:100%;object-fit:contain}.scan-state{min-height:25px;font-size:13px;color:var(--muted);margin-bottom:14px}.security-note{margin-top:16px;font-size:12px;color:var(--muted)}.btn{min-height:40px;border-radius:10px;border:1px solid var(--border);padding:8px 15px;background:#fff;color:var(--text);font-weight:650;transition:.16s ease}.btn:hover:not(:disabled){border-color:#cfc9c0;transform:translateY(-1px)}.btn:disabled{opacity:.48;cursor:not-allowed}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 5px 14px rgba(46,125,50,.17)}.btn-primary:hover:not(:disabled){background:var(--primary-deep);border-color:var(--primary-deep)}.btn-ghost{background:transparent;width:100%;margin-top:12px}.login-card .btn{width:100%}.workspace{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--warm);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 14px 18px}.sidebar .brand{padding:0 10px 22px;border-bottom:1px solid var(--border);color:var(--ink)}.sidebar .brand-mark{background:var(--primary);color:#fff}.nav{display:grid;gap:5px;padding-top:16px}.nav button{border:0;background:transparent;text-align:left;padding:11px 13px;color:var(--text-2);border-radius:9px;font-size:14px;display:flex;align-items:center;justify-content:space-between}.nav button:hover:not(:disabled){background:#f0f1ec}.nav button.active{color:var(--primary-deep);background:var(--primary-soft);font-weight:750}.nav button.disabled{cursor:default}.nav small{font-size:10px;color:var(--muted)}.nav-count{min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#fff;display:grid;place-items:center;font-size:11px;color:var(--muted)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding:16px 10px 0}.admin-person{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--primary-deep);color:#fff;font-size:12px;font-weight:750}.admin-person b,.admin-person span{display:block}.admin-person b{font-size:13px;color:var(--ink)}.admin-person span{font-size:10px;color:var(--muted);max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{min-width:0}.topbar{height:68px;position:sticky;top:0;z-index:20;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.topbar>div:first-child{display:flex;gap:8px;color:var(--muted);font-size:13px}.topbar b{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:10px}.service-ok{font-size:11px;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:4px 10px}.content{padding:28px;max-width:1500px;margin:0 auto}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.page-title h1{margin:0;color:var(--ink);font-size:27px;letter-spacing:-.025em}.page-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:16px 18px}.metric-label{color:var(--muted);font-size:12px}.metric-value{color:var(--ink);font-size:29px;line-height:1.2;font-weight:750;margin-top:7px;font-variant-numeric:tabular-nums}.metric-note{margin-top:5px;font-size:11px;color:var(--muted)}.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(32,24,20,.025)}.panel-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;color:var(--ink);font-size:16px}.search{width:240px;min-height:36px;border:1px solid var(--border);border-radius:9px;padding:7px 11px;outline:none}.search:focus,input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(46,125,50,.08);outline:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{padding:11px 16px;background:var(--warm);color:var(--muted);font-size:12px;font-weight:650;text-align:left;white-space:nowrap}td{padding:15px 16px;border-top:1px solid #f1efea;font-size:13px;vertical-align:middle}tr:hover td{background:#fcfcfa}.name-cell b,.name-cell span{display:block}.name-cell b{color:var(--ink);font-size:14px}.name-cell span{color:var(--muted);font-size:11px;font-family:var(--mono)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:750;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill-online,.pill-completed{color:var(--primary);background:var(--primary-soft)}.pill-draft,.pill-neutral,.pill-cancelled{color:var(--muted);background:#f2f1ee}.pill-review{color:var(--warn);background:var(--warn-bg)}.pill-failed{color:var(--danger);background:var(--danger-bg)}.pill-queued,.pill-recognizing{color:var(--blue);background:var(--blue-bg)}.row-actions{display:flex;gap:7px;align-items:center}.row-actions .btn{min-height:34px;padding:6px 11px;font-size:12px}.empty{padding:54px 24px;text-align:center;color:var(--muted);font-size:13px}.editor-view{min-height:100vh;background:#e9ebe6}.editor-head{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:1px solid var(--border)}.editor-head>div:nth-child(2){min-width:0;flex:1}.editor-head b,.editor-head span{display:block}.editor-head b{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-head span{font-size:11px;color:var(--muted)}.editor-head-actions{display:flex;gap:8px}.editor-shell{height:calc(100vh - 68px);display:grid;grid-template-columns:44% 56%}.source-pane{min-width:0;padding:18px;border-right:1px solid #d9d7d0;display:flex;flex-direction:column}.pane-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pane-toolbar b{font-size:14px;color:var(--ink)}.pane-toolbar span{font-size:12px;color:var(--muted)}.page-preview{flex:1;min-height:0;background:#c9cbc6;border-radius:11px;padding:24px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.page-preview img{width:min(100%,720px);display:block;box-shadow:0 12px 36px rgba(0,0,0,.18);background:#fff}.edit-pane{min-width:0;background:#fff;display:flex;flex-direction:column}.question-nav{height:50px;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:8px 18px;border-bottom:1px solid var(--border);overflow-x:auto}.question-nav button{width:32px;height:32px;flex:0 0 auto;border:1px solid var(--border);background:#fff;border-radius:8px;color:var(--text-2);font-size:12px}.question-nav button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.question-nav button.blocked:not(.active){color:var(--warn);background:var(--warn-bg);border-color:#edd2af}.editor-scroll{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 80px}.blocker{padding:13px 14px;background:var(--warn-bg);border:1px solid #f0d7b7;border-radius:10px;margin-bottom:16px;color:#7c3e08;font-size:12px}.form-section{border-top:1px solid var(--border);padding-top:17px;margin-top:17px}.form-section:first-child{border-top:0;padding-top:0;margin-top:0}.field-label{display:flex;justify-content:space-between;align-items:center;color:var(--ink);font-size:13px;font-weight:750;margin-bottom:7px}.field-label small{color:var(--muted);font-size:11px;font-weight:400}.text-area,.text-input{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 12px;background:#fff;color:var(--text)}.text-area{min-height:96px;resize:vertical;line-height:1.7}.option-list{display:grid;gap:8px}.option-row{display:grid;grid-template-columns:36px minmax(0,1fr) 62px;gap:8px;align-items:center}.option-label{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:var(--primary-deep);background:var(--primary-soft);font-weight:750}.answer-btn{height:36px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--muted)}.answer-btn.active{color:#fff;background:var(--primary);border-color:var(--primary)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--border);border-radius:10px;margin-top:10px}.switch-row b,.switch-row span{display:block}.switch-row b{font-size:12px;color:var(--ink)}.switch-row span{font-size:11px;color:var(--muted)}.switch{width:44px;height:25px;border:0;border-radius:999px;background:#d7d4cd;padding:2px;position:relative}.switch:after{content:"";display:block;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .18s}.switch.on{background:var(--primary)}.switch.on:after{transform:translateX(19px)}.dialog{width:min(560px,calc(100vw - 32px));padding:0;border:0;border-radius:16px;box-shadow:var(--shadow);color:var(--text)}.dialog::backdrop{background:rgba(32,24,20,.48)}.dialog-head,.dialog-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.dialog-head{border-bottom:1px solid var(--border)}.dialog-head h2{font-size:18px;margin:0;color:var(--ink)}.dialog-body{padding:20px;display:grid;gap:16px}.dialog-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px}.icon-btn{border:0;background:transparent;font-size:26px;color:var(--muted)}.field{display:grid;gap:7px}.field>span{font-size:13px;font-weight:750;color:var(--ink)}.field input{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 12px}.field small{font-size:11px;color:var(--muted)}.form-error{font-size:12px;color:var(--danger);background:var(--danger-bg);padding:10px 12px;border-radius:8px}.toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:420px;padding:11px 15px;border-radius:10px;color:#fff;background:var(--ink);box-shadow:var(--shadow);font-size:13px}.toast.error{background:var(--danger)}
.btn-danger{border-color:var(--danger);background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#8f1d14;border-color:#8f1d14}.stats-heading-actions,.stats-filters{display:flex;align-items:center;gap:8px}.stats-heading-actions .search{width:300px}.stats-panel{margin-bottom:18px}.panel-note{display:block;margin-top:3px;color:var(--muted);font-size:11px}.stats-filter-head{align-items:flex-end}.stats-filters .search{width:170px}.stats-filters input.search{width:210px}.stats-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.stats-metrics .metric{padding:14px}.stats-metrics .metric-value{font-size:25px}.score-cell{font-variant-numeric:tabular-nums}.score-cell b{color:var(--ink)}.score-cell span{color:var(--muted);font-size:11px}.pill-submitted{color:var(--primary);background:var(--primary-soft)}.pill-in_progress{color:var(--blue);background:var(--blue-bg)}.pill-reset_pending,.pill-reset{color:var(--warn);background:var(--warn-bg)}.detail-dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 40px)}.dialog-subtitle{display:block;margin-top:3px;color:var(--muted);font-size:12px}.detail-body{max-height:calc(100vh - 126px);overflow:auto;background:var(--bg)}.attempt-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.attempt-card+.attempt-card{margin-top:12px}.attempt-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.attempt-head-main{display:flex;align-items:center;gap:10px}.attempt-head b{color:var(--ink)}.attempt-head small{display:block;color:var(--muted);font-size:11px}.attempt-actions{display:flex;align-items:center;gap:8px}.attempt-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 16px;border-bottom:1px solid var(--border)}.attempt-summary div{padding-right:12px}.attempt-summary span,.attempt-summary b{display:block}.attempt-summary span{font-size:10px;color:var(--muted)}.attempt-summary b{font-size:14px;color:var(--ink);margin-top:2px}.attempt-details{max-height:310px;overflow:auto}.attempt-details td,.attempt-details th{padding:9px 13px}.answer-good{color:var(--primary);font-weight:750}.answer-bad{color:var(--danger);font-weight:750}.reset-note{padding:10px 16px;color:var(--warn);background:var(--warn-bg);font-size:11px}
@media(max-width:1250px){.stats-metrics{grid-template-columns:repeat(3,1fr)}.stats-filter-head{align-items:flex-start;flex-direction:column}.stats-filters{width:100%;flex-wrap:wrap}}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.editor-shell{height:auto;min-height:calc(100vh - 68px);grid-template-columns:1fr}.source-pane{height:620px;border-right:0;border-bottom:1px solid var(--border)}.edit-pane{min-height:760px}.attempt-summary{grid-template-columns:repeat(3,1fr);gap:10px}}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-story{min-height:340px;padding:42px 34px}.login-panel{padding:42px 24px}.workspace{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px}.metrics{grid-template-columns:1fr 1fr}.topbar{padding:0 16px}.service-ok{display:none}.editor-head{height:auto;min-height:68px;flex-wrap:wrap;padding:12px}.editor-head-actions{width:100%;overflow:auto}.source-pane{height:480px}.stats-heading-actions{width:100%;flex-wrap:wrap}.stats-heading-actions .search,.stats-filters .search,.stats-filters input.search{width:100%}.page-title{flex-direction:column}.attempt-head{align-items:flex-start;flex-direction:column}.attempt-summary{grid-template-columns:1fr 1fr}}