:root{color:#e5eefc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a 0%,#111827 100%);font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{background:linear-gradient(135deg,#0f172a 0%,#111827 100%);min-height:100vh;margin:0}button,input{font:inherit}.page-shell{max-width:1100px;margin:0 auto;padding:48px 20px 80px}.topbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.user-bar{color:#f8fafc;align-items:center;gap:12px;font-weight:600;display:flex}.eyebrow{color:#7dd3fc;text-transform:uppercase;letter-spacing:.18em;margin:0 0 6px;font-size:11px;font-weight:700}h1{color:#f8fafc;margin:0;font-size:clamp(2rem,4vw,3rem)}.secondary,button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#2563eb 100%);border:none;border-radius:12px;font-weight:700;transition:transform .2s,opacity .2s}.secondary{padding:.8rem 1.1rem}button{padding:.9rem 1.4rem}button:disabled{opacity:.55;cursor:not-allowed}button:not(:disabled):hover,.secondary:hover{transform:translateY(-1px)}.alert{border-radius:12px;margin-bottom:1.25rem;padding:1rem 1.1rem;font-weight:600}.alert.error{color:#fecaca;background:#ef44441f;border:1px solid #ef44446b}.alert.success{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e66}.status-card,.auth-card{background:#0f172ac2;border:1px solid #94a3b840;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #0f172a40}.auth-card{max-width:500px}.auth-toggle{background:#0f172ae6;border-radius:12px;gap:.75rem;margin-bottom:1.25rem;padding:.3rem;display:inline-flex}.auth-toggle button{color:#cbd5e1;background:0 0;padding:.7rem 1.1rem}.auth-toggle button.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#2563eb 100%)}.auth-form{gap:1rem;display:grid}.auth-form label{color:#e2e8f0;gap:.45rem;font-weight:600;display:grid}.auth-form input{color:#f8fafc;background:#0f172ad9;border:1px solid #94a3b840;border-radius:12px;width:100%;padding:.9rem 1rem}.survey-form{gap:1.25rem;display:grid}.question-card{background:#0f172ac2;border:1px solid #94a3b840;border-radius:20px;padding:1.4rem;box-shadow:0 10px 30px #0f172a40}.question-card.correct{border-color:#22c55eb3}.question-card.incorrect{border-color:#ef4444b3}.question-header{align-items:flex-start;gap:.9rem;margin-bottom:1.1rem;display:flex}.badge{color:#bae6fd;background:#7dd3fc2e;border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:.45rem .6rem;font-size:.8rem;font-weight:800;display:inline-flex}.question-header p{color:#f8fafc;margin:0;font-size:1.05rem;font-weight:600}.option-list{gap:.7rem;display:grid}.option-list label{color:#dbeafe;cursor:pointer;background:#0f172acc;border:1px solid #94a3b838;border-radius:12px;align-items:center;gap:.8rem;padding:.9rem 1rem;transition:border-color .2s,background .2s;display:flex}.option-list label.checked{background:#1e293bd1;border-color:#7dd3fcd9}.option-list label.correct-option{background:#16a34a1f;border-color:#22c55ee6}.option-list label.wrong-option{background:#ef44441f;border-color:#ef4444e6}.option-list input{accent-color:#7dd3fc}.score-summary{color:#cffafe;background:#0e74902e;border:1px solid #22d3ee59;border-radius:12px;margin-top:.2rem;padding:.8rem 1rem;font-weight:700}.validation-result{border-radius:10px;margin-top:.9rem;padding:.7rem .85rem;font-weight:600}.validation-result.valid{color:#bbf7d0;background:#22c55e1f}.validation-result.invalid{color:#fecaca;background:#ef44441f}.admin-panel{background:#0f172ac2;border:1px solid #94a3b840;border-radius:20px;gap:1rem;margin-bottom:1.5rem;padding:1.4rem;display:grid}.admin-panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-panel-header h2{margin:0;font-size:1.4rem}.admin-panel-meta{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.admin-panel-meta span{color:#a5f3fc;font-size:.9rem;font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;color:#e2e8f0;width:100%}th,td{text-align:left;border-bottom:1px solid #94a3b833;padding:.8rem .7rem}th{text-transform:uppercase;letter-spacing:.08em;color:#7dd3fc;font-size:.8rem}.result-card{background:#0f172ac7;border:1px solid #94a3b833;border-radius:14px;padding:.9rem 1rem}.result-header{color:#f8fafc;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;display:flex}.pagination-row{color:#e2e8f0;justify-content:space-between;align-items:center;gap:.8rem;margin:.25rem 0 1rem;font-weight:600;display:flex}.pagination-row button{min-width:120px}.detail-list{gap:.8rem;display:grid}.detail-list ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.detail-list li{background:#0f172ae0;border-left:4px solid #94a3b880;border-radius:10px;gap:.2rem;padding:.7rem .8rem;display:grid}.detail-list li.correct{border-left-color:#22c55ee6}.detail-list li.incorrect{border-left-color:#ef4444e6}.detail-list li span{color:#f8fafc;font-weight:600}.detail-list li small{color:#cbd5e1}.submit-row{color:#cbd5e1;justify-content:space-between;align-items:center;gap:1rem;margin-top:.45rem;font-weight:600;display:flex}@media (width<=700px){.topbar,.submit-row{flex-direction:column;align-items:flex-start}.user-bar,.auth-toggle{justify-content:space-between;width:100%}.secondary,button{width:100%}}