:root{--ink:#172033;--muted:#687086;--line:#dfe3ec;--soft:#f5f7fb;--brand:#2457d6;--danger:#b42318;--radius:14px}*{box-sizing:border-box}html{color:var(--ink);background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#111827;flex-direction:column;gap:28px;padding:28px 20px;display:flex}.brand{overflow-wrap:anywhere;font-size:1.15rem;font-weight:800}.nav{gap:6px;display:grid}.nav a{color:#d6d9e1;border-radius:9px;padding:10px 12px}.nav a:hover{color:#fff;background:#253047}.sidebar-foot{color:#b9c0cf;margin-top:auto;font-size:.86rem}.content{width:min(1180px,100%);padding:38px}.topline{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}h1,h2,h3{margin-top:0;line-height:1.18}h1{margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.6rem)}p{line-height:1.6}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px;box-shadow:0 5px 18px #1720330a}.card h2,.card h3{margin-bottom:8px}.metric{margin:8px 0 0;font-size:2.1rem;font-weight:800}.button{background:var(--brand);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:700;display:inline-flex}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button.danger{color:var(--danger);background:#fff;border:1px solid #f0b4ae}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{gap:7px;margin-bottom:18px;display:grid}.field label,.label{font-size:.92rem;font-weight:700}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd1dc;border-radius:9px;padding:11px 12px}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{border-color:var(--brand);outline:3px solid #2457d626}.inline{align-items:center;gap:12px;display:flex}.inline input[type=checkbox],.inline input[type=radio]{width:auto}.stack{gap:18px;display:grid}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}.badge{color:#2447a5;background:#edf2ff;border-radius:999px;padding:4px 9px;font-size:.8rem;font-weight:750;display:inline-flex}.auth-page{background:radial-gradient(circle at 0 0,#dce7ff,#0000 42%),#f7f8fc;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(470px,100%);padding:34px;box-shadow:0 24px 60px #1720331f}.error{color:var(--danger);background:#fff0ef;border:1px solid #f3c1bd;border-radius:9px;padding:10px 12px}.success{color:#087443;background:#ecfdf3;border:1px solid #abefc6;border-radius:9px;padding:10px 12px}.question-card{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;padding:18px}.question-head{justify-content:space-between;gap:12px;display:flex}.option-row{grid-template-columns:1fr 1fr auto;gap:8px;margin-top:8px;display:grid}.public-page{background:#f4f6fa;min-height:100vh;padding:40px 18px}.public-wrap{width:min(760px,100%);margin:0 auto}.public-header{border-top:6px solid var(--brand);padding:28px}.asset{border-radius:10px;margin:14px 0;overflow:hidden}.asset img,.asset video{width:100%;display:block}.answer{margin:16px 0;padding:24px}.answer legend{margin-bottom:4px;font-weight:800}.choice{align-items:flex-start;gap:10px;padding:10px 0;display:flex}.choice input{width:auto;margin-top:5px}.code{color:#e6edf7;background:#111827;border-radius:10px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}@media (max-width:800px){.shell{grid-template-columns:1fr}.sidebar{padding:18px;position:static}.nav{grid-template-columns:repeat(3,1fr)}.sidebar-foot{display:none}.content{padding:24px 16px}.topline{flex-direction:column}.option-row{grid-template-columns:1fr}.nav a{padding:8px;font-size:.85rem}}