*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial}button,.button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}button.secondary{color:#172033;background:#e2e8f0}button.icon-button{color:#172033;background:#eef2f7;justify-content:center;width:34px;height:34px;padding:0}input,select,textarea{font:inherit;background:#fff;border:1px solid #d7deea;border-radius:8px;min-width:0;padding:10px}textarea{min-height:82px}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#101827;flex-direction:column;gap:8px;padding:22px;display:flex}aside a,aside button{color:#dbe7ff;text-align:left;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px;text-decoration:none;display:flex}aside a:hover,aside button:hover{background:#1f2b42}.brand{margin-bottom:18px;font-size:24px;font-weight:800}.content{padding:28px;overflow:auto}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}h1{margin:0;font-size:30px}h2{margin-top:28px}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px;display:grid}.card,.panel{background:#fff;border:1px solid #e1e7f0;border-radius:8px;padding:18px;box-shadow:0 1px 2px #0000000a}.card span{color:#64748b}.card strong{margin-top:8px;font-size:30px;display:block}.form{background:#fff;border:1px solid #e1e7f0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:10px;margin-bottom:18px;padding:14px;display:grid}.modal-form{border:0;grid-template-columns:1fr;margin:0;padding:0}.question-form{grid-template-columns:1fr 180px}.question-form textarea,.question-form .option,.question-form .modal-actions,.question-form .error{grid-column:1/-1}.option{align-items:center;gap:10px;display:flex}.option input:first-child{flex:1}table{border-collapse:collapse;background:#fff;border:1px solid #e1e7f0;border-radius:8px;width:100%;overflow:hidden}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e8edf5;padding:12px}th{color:#475569;background:#f8fafc}.actions{flex-wrap:wrap;gap:8px;display:flex}.danger{background:#dc2626}.ok{color:#047857;font-weight:800}.bad{color:#b91c1c;font-weight:800}.notice{color:#047857;background:#ecfdf5;border-radius:8px;padding:10px}.page-notice{margin-bottom:14px}.error{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:10px}.login,.quiz{background:linear-gradient(135deg,#eef5ff,#f8fafc);place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{gap:12px;width:min(420px,100%);display:grid}.quiz .panel{width:min(760px,100%)}.answer{color:#18345f;text-align:left;background:#eef4ff;width:100%;margin-top:10px;display:block}.week{margin-bottom:12px}.week button{margin-right:8px}.chart{background:#fff;border:1px solid #e1e7f0;border-radius:8px;height:320px;margin:16px 0;padding:12px}.modal-backdrop{z-index:20;background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #dbe3ef;border-radius:8px;width:min(720px,100%);max-height:calc(100vh - 40px);padding:18px;overflow:auto;box-shadow:0 24px 60px #0f172a47}.modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.modal-head h2{margin:0;font-size:22px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.preview-shell{place-items:start center;padding:12px;display:grid}.quiz-preview{width:min(760px,100%)}.quiz-meta{color:#64748b;margin-bottom:10px;font-weight:700}.answer-list{gap:10px;margin-top:18px;display:grid}.answer-correct{color:#166534;background:#dcfce7;border:1px solid #86efac}.answer-wrong{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.result-box{margin-top:16px}.result-box p{margin:8px 0 0}@media (width<=800px){.app{grid-template-columns:1fr}aside{position:static}.content{padding:16px}header{flex-direction:column;align-items:flex-start}.form,.form.wide,.question-form{grid-template-columns:1fr}table{font-size:14px}th,td{padding:9px}.modal{padding:14px}.modal-actions{justify-content:stretch}.modal-actions button{flex:1}}