:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#f5f7fb;color:#111827}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#eef4ff,#f7f9fc)}#root{min-height:100vh}.app-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.content-card{width:min(520px,100%);background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;box-shadow:0 20px 50px #0f172a14;padding:32px}.content-card:has(.question-card){width:min(900px,100%)}.content-card:has(.test-list){width:min(1100px,100%)}.content-card:has(.question-manager){width:1200px}h1{margin:0 0 10px;font-size:clamp(1.8rem,2vw,2.6rem)}.subtitle{margin:0 0 24px;color:#475569;line-height:1.6}.form-grid{display:grid;gap:16px}label{display:grid;gap:10px;font-size:.95rem;color:#334155}input:not([type=checkbox]){width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;color:#0f172a;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:not([type=checkbox]):focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}select{width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;color:#0f172a;outline:none}select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}button{border:none;border-radius:14px;padding:14px 18px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);cursor:pointer;transition:transform .16s ease,opacity .16s ease}button:disabled{opacity:.7;cursor:not-allowed}button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button{width:auto;margin-top:0;background:#f8fafc;color:#1e293b;border:1px solid #cbd5e1}.google-button{background:#fff;color:#111827;border:1px solid #cbd5e1}.google-button:hover:not(:disabled){background:#f8fafc}.auth-actions{display:grid;gap:12px;margin-top:12px}.dashboard-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap}.test-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dashboard-meta{margin:8px 0 0;color:#475569}.dashboard-card{padding:24px;border-radius:20px;background:#f8fbff;border:1px solid #dbeafe}.dashboard-actions{display:flex;align-items:center;gap:12px}.admin-panel{margin-top:12px;padding:20px;border-radius:18px;background:#fff;border:1px solid #e2e8f0}.admin-panel h2{margin:0 0 10px;font-size:1.3rem}.admin-subtitle{margin-bottom:16px}.admin-form-row{display:flex;gap:12px;align-items:center}.admin-form-row input{flex:1}.admin-feedback{margin-top:14px}.review-list{display:grid;gap:18px;margin-top:20px}.review-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;border-radius:18px;background:#fff;border:1px solid #e2e8f0}.review-actions{display:flex;gap:12px}.test-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:14px}.test-item{display:flex;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;background:#fff;border:1px solid #e2e8f0}.test-item p{margin:6px 0 0;color:#475569}.status-badge{align-self:center;padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:700}.status-badge.active{color:#166534;background:#dcfce7;border:1px solid #86efac}.status-badge.inactive{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.error-box{padding:14px 16px;border-radius:12px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.success-box{padding:14px 16px;border-radius:12px;background:#dcfce7;color:#166534;border:1px solid #86efac}.test-item-actions{display:flex;align-items:center;gap:10px}.question-card{margin-top:24px;padding:28px;border-radius:22px;background:#fff;border:1px solid #dbe4f1;box-shadow:0 16px 36px #0f172a0f}.question-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.question-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:capitalize}.question-title{margin:0;font-size:clamp(1.15rem,1.2vw,1.35rem)}.question-prompt{margin:10px 0 20px;color:#334155;line-height:1.7}.preserve-newlines{white-space:pre-line}.question-options,.question-label{display:grid;gap:14px}.option-item{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;transition:border-color .16s ease,background-color .16s ease}.option-item:hover{border-color:#93c5fd;background:#eff6ff}.question-textarea{width:100%;min-height:180px;padding:14px 16px;border-radius:14px;border:1px solid #cbd5e1;background:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;resize:vertical}.question-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}.question-navigation{display:flex;gap:12px;flex-wrap:wrap;width:100%}.question-nav-button{min-width:180px}.question-submit-area{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:8px;border-top:1px solid #e2e8f0;width:100%}.question-actions-hint{margin:0;color:#64748b;font-size:.94rem;line-height:1.5}.question-submit-button{min-width:180px}.question-progress-track{margin-top:14px;width:min(460px,100%);height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.question-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0284c7,#2563eb);transition:width .25s ease}.review-block{margin-top:16px;padding:16px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc}.review-block h3{margin:0 0 8px}.review-block p{margin:8px 0}.question-actions button,.test-item-actions button{white-space:nowrap}.timer-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-weight:700}.role-note{font-size:.9rem;color:#475569;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.section-selector{padding:14px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc}.section-selector-title{margin:0 0 10px;font-weight:600;color:#334155}.section-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.section-option{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.toggle-label{display:flex;align-items:center;gap:10px}.question-manager{margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}.question-manager-header h2{margin:0 0 8px}.question-list{display:grid;gap:12px;margin:16px 0}.question-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.question-list-item-actions{display:flex;gap:8px;flex-wrap:wrap}.question-form{padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.question-form h3{margin:0}.question-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.success-screen{display:grid;gap:20px}.success-screen p{margin:0;color:#475569}@media (max-width: 760px){.admin-form-row{flex-direction:column;align-items:stretch}.question-card{padding:20px}}
