@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.exam-app-wrapper{background-color:#e3e5e8;flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 20px #0000000d}.imt-header{background-color:#e2e4e7;border-bottom:1px solid #d0d3d8;justify-content:space-between;align-items:center;height:64px;padding:8px 24px;display:flex}.header-id-section{color:#d32f2f;letter-spacing:.5px;font-size:20px;font-weight:700}.id-highlight{font-family:inherit}.header-center-number{color:#000;font-size:42px;font-weight:900;line-height:1}.header-timer-section{align-items:center;display:flex}.timer-green-pill{color:#d32f2f;background-color:#00a638;border-radius:16px;justify-content:center;align-items:center;padding:4px 32px;font-size:28px;font-weight:900;display:flex;box-shadow:0 2px 4px #00000026}.exam-main-content{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex}.question-card-container{background-color:#fff;border:1px solid #ccc;border-radius:2px;flex-direction:column;display:flex;box-shadow:0 1px 3px #00000014}.split-question-box{border-bottom:1px solid #ccc;grid-template-columns:1fr 1px 1fr;min-height:280px;display:grid}.split-left-visual{background-color:#fff;justify-content:center;align-items:center;padding:24px;display:flex}.split-divider{background-color:#ccc;width:1px}.split-right-text{background-color:#fff;align-items:flex-start;padding:28px 32px;display:flex}.question-text{color:#000;font-size:22px;font-weight:700;line-height:1.4}.custom-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;max-height:240px;display:flex;overflow:hidden}.custom-traffic-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:230px;box-shadow:0 2px 8px #0000001a}.visual-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.imt-brand-box{align-items:center;gap:16px;display:flex}.imt-pills-symbol{flex-direction:column;gap:6px;display:flex}.imt-pills-symbol .pill{border-radius:8px;height:14px}.red-pill{background-color:#e4002b;width:54px}.green-pill{background-color:#00a859;width:54px}.cyan-pill{background-color:#00a3e0;width:54px}.imt-text-group{align-items:center;gap:12px;display:flex}.imt-main-text{color:#0047ba;letter-spacing:-2px;font-size:56px;font-weight:900;line-height:1}.imt-sub-text{color:#0047ba;letter-spacing:.2px;flex-direction:column;font-size:11px;font-weight:800;line-height:1.15;display:flex}.traffic-diagram,.sign-diagram{width:100%;max-width:380px;height:220px}.traffic-svg{border-radius:4px;width:100%;height:100%}.options-container{flex-direction:column;display:flex}.option-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e0e0e0;align-items:center;padding:16px 24px;transition:background-color .15s;display:flex}.option-row:last-child{border-bottom:none}.option-row:hover{background-color:#f8fafc}.option-row.selected-row{background-color:#f0fdf4}.option-letter{color:#000;flex-shrink:0;width:48px;font-size:28px;font-weight:900}.option-text{color:#111827;flex:1;padding-right:16px;font-size:17px;font-weight:600}.option-checkbox-wrapper{justify-content:center;align-items:center;display:flex}.option-square-box{background-color:#eaeaea;border:2px solid #a0a0a0;border-radius:2px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.option-square-box.checked{background-color:#00a638;border-color:#008d2f}.checkmark-inner{background-color:#fff;border-radius:1px;width:10px;height:10px}.bottom-nav-wrapper-custom{background-color:#e3e5e8;border-top:1px solid #ccc;flex-direction:column;display:flex}.last-question-actions-row{justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px 4px;display:flex}.btn-action-last{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:800;transition:all .15s;box-shadow:0 2px 6px #00000026}.btn-next-sec{color:#fff;background-color:#2563eb;border:none}.btn-next-sec:hover{background-color:#1d4ed8;transform:translateY(-1px)}.btn-submit-exam{color:#fff;background-color:#00a638;border:none}.btn-submit-exam:hover{background-color:#008d2f;transform:translateY(-1px)}.btn-see-result{color:#fff;background-color:#10b981;border:none}.btn-see-result:hover{background-color:#059669;transform:translateY(-1px)}.bottom-nav-container{background-color:#e3e5e8;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.nav-arrow-btn{background-color:#00a638;border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .1s,background-color .15s;display:flex;box-shadow:0 2px 4px #0003}.nav-arrow-btn:hover:not(:disabled){background-color:#008d2f;transform:scale(1.04)}.nav-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.arrow-svg{width:32px;height:32px}.grid-bar-wrapper{background-color:#fff;border:1px solid #ccc;border-radius:2px;flex:1;padding:6px 8px;overflow-x:auto;box-shadow:inset 0 1px 2px #0000000d}.question-grid-row{align-items:center;gap:4px;min-width:max-content;display:flex}.grid-num-btn{color:#000;background-color:#fff;border:1px solid #ccc;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.grid-num-btn:hover{background-color:#f3f4f6}.grid-num-btn.active-red-outline{font-weight:900;color:red!important;background-color:#fff!important;border:2px solid red!important}.grid-num-btn.answered-green{color:#fff!important;background-color:#00a638!important;border-color:#008d2f!important}.grid-num-btn.skipped-orange{color:#fff!important;background-color:#f59e0b!important;border-color:#d97706!important}.score-page-container{background-color:#fff;border-radius:12px;max-width:1000px;margin:32px auto;padding:24px;box-shadow:0 4px 20px #00000014}.score-header-card{text-align:center;border-radius:10px;margin-bottom:24px;padding:32px}.passed-banner{color:#065f46;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0}.failed-banner{color:#991b1b;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca}.badge-status{letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:12px;padding:6px 16px;font-size:14px;font-weight:900;display:inline-block}.passed-banner .badge-status{color:#fff;background-color:#059669}.failed-banner .badge-status{color:#fff;background-color:#dc2626}.score-main-title{margin-bottom:8px;font-size:28px;font-weight:800}.score-subtitle{opacity:.9;font-size:16px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{text-align:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.stat-value{margin-bottom:4px;font-size:28px;font-weight:900}.stat-label{color:#6b7280;font-size:13px;font-weight:600}.text-green{color:#059669}.text-red{color:#dc2626}.text-orange{color:#d97706}.review-header-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.review-header-section h3{font-size:20px;font-weight:800}.filter-tabs{gap:8px;display:flex}.tab-btn{color:#4b5563;background-color:#f3f4f6;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s}.tab-btn.active-tab{color:#fff;background-color:#1f2937}.review-list{flex-direction:column;gap:16px;display:flex}.review-item-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.review-correct{border-left:6px solid #059669}.review-incorrect{border-left:6px solid #dc2626}.review-unanswered{border-left:6px solid #f59e0b}.review-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.question-badge{color:#374151;font-size:13px;font-weight:800}.result-tag{border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700}.tag-correct{color:#065f46;background-color:#d1fae5}.tag-incorrect{color:#991b1b;background-color:#fee2e2}.tag-unanswered{color:#92400e;background-color:#fef3c7}.review-question-text{margin-bottom:16px;font-size:16px;font-weight:700;line-height:1.4}.review-options-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.review-opt-row{border:1px solid #f3f4f6;border-radius:6px;align-items:center;padding:10px 14px;font-size:14px;display:flex}.review-opt-letter{width:28px;font-weight:800}.review-opt-text{flex:1}.review-opt-status{font-size:12px;font-weight:700}.is-correct-answer{color:#065f46;background-color:#ecfdf5;border-color:#a7f3d0}.is-wrong-user-answer{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.explanation-box{color:#334155;background-color:#f8fafc;border-radius:6px;padding:12px 16px;font-size:13px;line-height:1.5}.restart-wrapper{text-align:center;margin-top:32px}.restart-exam-btn{color:#fff;background-color:#00a638;border-radius:8px;padding:16px 36px;font-size:16px;font-weight:800;transition:all .15s;box-shadow:0 4px 12px #00a6384d}.restart-exam-btn:hover{background-color:#008d2f;transform:translateY(-2px)}.modal-backdrop-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1200;background-color:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.custom-confirm-card{text-align:center;background-color:#fff;border-radius:20px;width:100%;max-width:460px;padding:32px 28px;animation:.25s cubic-bezier(.16,1,.3,1) forwards popIn;box-shadow:0 20px 50px #00000040}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-icon-badge{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:32px;display:flex;box-shadow:0 6px 16px #10b98126}.confirm-modal-title{color:#0f172a;margin-bottom:8px;font-size:22px;font-weight:900}.confirm-modal-message{color:#334155;margin-bottom:4px;font-size:15px;font-weight:700}.confirm-modal-submessage{color:#64748b;margin-bottom:20px;font-size:13px;line-height:1.4}.confirm-summary-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-around;align-items:center;margin-bottom:24px;padding:14px 16px;display:flex}.summary-stat-item{text-align:left;align-items:center;gap:10px;display:flex}.stat-icon{font-size:20px}.stat-text-group{flex-direction:column;display:flex}.stat-label-sm{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.stat-val-bold{color:#0f172a;font-size:14px;font-weight:900}.summary-divider-v{background-color:#cbd5e1;width:1px;height:32px}.confirm-modal-actions{gap:12px;display:flex}.btn-modal-cancel{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:12px 18px;font-size:14px;font-weight:700;transition:all .15s}.btn-modal-cancel:hover{color:#0f172a;background-color:#e2e8f0}.btn-modal-confirm{color:#fff;background:linear-gradient(135deg,#00a638 0%,#008d2f 100%);border:none;border-radius:10px;flex:1.2;padding:12px 18px;font-size:14px;font-weight:900;transition:all .15s;box-shadow:0 4px 14px #00a6384d}.btn-modal-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00a63873}.trendy-login-page{background:radial-gradient(circle at 50% 20%,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.trendy-login-card{color:#fff;background-color:#1e293b;border:1px solid #334155;border-radius:20px;width:100%;max-width:440px;padding:36px 32px;box-shadow:0 25px 50px -12px #00000080}.login-header-section{text-align:center;margin-bottom:28px}.login-brand-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:28px;display:flex;box-shadow:0 8px 20px #10b98159}.login-title{letter-spacing:-.5px;color:#f8fafc;margin-bottom:6px;font-size:24px;font-weight:800}.login-subtitle{color:#94a3b8;font-size:13px;line-height:1.4}.login-alert-error{color:#fca5a5;text-align:center;background-color:#ef444426;border:1px solid #ef4444;border-radius:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;font-weight:600}.login-form-body{flex-direction:column;gap:20px;display:flex}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-input-label{color:#cbd5e1;font-size:13px;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.field-icon{opacity:.7;font-size:16px;position:absolute;left:14px}.login-text-input{color:#f8fafc;background-color:#0f172a;border:1px solid #334155;border-radius:10px;width:100%;padding:12px 14px 12px 42px;font-size:14px;transition:all .15s}.login-text-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b98133}.login-actions-group{flex-direction:column;gap:10px;margin-top:8px;display:flex}.btn-login-submit{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:800;transition:all .15s;box-shadow:0 4px 14px #10b9814d}.btn-login-submit:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98173}.btn-login-demo{color:#e2e8f0;background-color:#334155;border-radius:10px;width:100%;padding:12px;font-size:13px;font-weight:700;transition:all .15s}.btn-login-demo:hover{color:#fff;background-color:#475569}.login-footer-link{text-align:center;margin-top:6px}.btn-back-exam-link{color:#38bdf8;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.btn-back-exam-link:hover{color:#7dd3fc;text-decoration:underline}.trendy-admin-layout{color:#0f172a;background-color:#f8fafc;min-height:100vh}.trendy-admin-header{color:#fff;background-color:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;box-shadow:0 4px 12px #0f172a26}.admin-lang-btn{color:#fff;background-color:#1e293b;border-color:#334155}.admin-lang-btn:hover{background-color:#334155}.admin-brand{align-items:center;gap:14px;display:flex}.admin-logo-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 4px 10px #10b9814d}.admin-title{letter-spacing:-.3px;font-size:20px;font-weight:800}.admin-subtitle{color:#94a3b8;font-size:12px}.admin-nav-right{align-items:center;gap:12px;display:flex}.btn-exam-preview{color:#38bdf8;background-color:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.btn-exam-preview:hover{color:#7dd3fc;background-color:#334155}.btn-admin-logout{color:#fff;background-color:#ef4444;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:background-color .15s}.btn-admin-logout:hover{background-color:#dc2626}.trendy-admin-body{max-width:1320px;margin:28px auto;padding:0 24px}.admin-kpi-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.kpi-metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 24px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #00000008}.kpi-metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.kpi-header-group{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-icon{font-size:24px}.kpi-pill{text-transform:uppercase;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:800}.pill-blue{color:#2563eb;background-color:#eff6ff}.pill-green{color:#059669;background-color:#ecfdf5}.pill-purple{color:#7c3aed;background-color:#f5f3ff}.pill-amber{color:#d97706;background-color:#fffbeb}.kpi-num-val{color:#0f172a;margin-bottom:4px;font-size:32px;font-weight:900;line-height:1.1}.kpi-name{color:#64748b;font-size:13px;font-weight:600}.admin-trendy-tabs{gap:12px;margin-bottom:24px;display:flex}.trendy-tab-btn{color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:800;transition:all .15s}.trendy-tab-btn:hover{color:#0f172a;background-color:#f1f5f9}.trendy-tab-btn.active-trendy-tab{color:#fff;background-color:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b98140}.questions-panel-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000a}.panel-title{color:#0f172a;margin-bottom:2px;font-size:18px;font-weight:800}.panel-subtitle{color:#64748b;font-size:13px}.btn-clear-log{color:#ef4444;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s}.btn-clear-log:hover{background-color:#fee2e2}.section-subtabs-row{border-bottom:1px solid #e2e8f0;gap:10px;margin-top:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.section-pill-tab{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:800;transition:all .15s}.section-pill-tab:hover{color:#0f172a;background-color:#f1f5f9}.section-pill-tab.active-section{color:#fff;background-color:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.tag-section-id{color:#059669;background-color:#ecfdf5;border-radius:6px;margin-right:6px;padding:3px 8px;font-size:11px;font-weight:800}.highlight-section-card{background-color:#ecfdf5;border:1px solid #a7f3d0}.section-select{color:#065f46;background-color:#fff;font-weight:800}.results-sub-kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;margin-bottom:20px;display:grid}.sub-kpi-box{text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;padding:16px;display:flex}.sub-kpi-num{color:#0f172a;margin-bottom:2px;font-size:24px;font-weight:900}.sub-kpi-label{color:#64748b;font-size:12px;font-weight:700}.cell-candidate-name{color:#0f172a;font-weight:700}.cell-score{font-size:14px}.cell-pct{font-weight:700}.status-pill{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.status-passed{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.status-failed{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.admin-toolbar-flex{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.trendy-search-box{flex:1;align-items:center;display:flex;position:relative}.search-icon-svg{color:#94a3b8;font-size:16px;position:absolute;left:16px}.trendy-search-input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:12px 16px 12px 46px;font-size:14px;transition:all .15s}.trendy-search-input:focus{background-color:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b98126}.btn-add-question-trendy{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:10px;padding:12px 22px;font-size:14px;font-weight:800;transition:all .15s;box-shadow:0 4px 12px #10b9814d}.btn-add-question-trendy:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.trendy-table-wrapper{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.trendy-admin-table{border-collapse:collapse;text-align:left;width:100%}.trendy-admin-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:12px;font-weight:800}.trendy-admin-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:16px 18px;font-size:14px}.cell-id-badge{color:#10b981;white-space:nowrap;font-family:monospace;font-weight:800}.cell-question{max-width:300px}.media-badge{gap:6px;margin-top:6px;display:flex}.tag-preset{color:#475569;text-transform:uppercase;background-color:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.tag-custom-img{color:#2563eb;background-color:#eff6ff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.options-stack{flex-direction:column;gap:6px;max-width:320px;display:flex}.opt-pill-row{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.opt-pill-row.is-correct-pill{color:#065f46;background-color:#ecfdf5;border-color:#a7f3d0;font-weight:700}.opt-badge{width:18px;font-weight:900}.opt-text{flex:1}.correct-mark{color:#059669;font-size:11px;font-weight:800}.cell-exp{color:#64748b;max-width:240px;font-size:13px}.exp-box-text{line-height:1.4}.action-btn-trendy{border-radius:6px;margin-right:6px;padding:7px 14px;font-size:12px;font-weight:800;transition:all .15s}.edit-btn-trendy{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.edit-btn-trendy:hover{background-color:#dbeafe}.delete-btn-trendy{color:#ef4444;background-color:#fef2f2;border:1px solid #fecaca}.delete-btn-trendy:hover{background-color:#fee2e2}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:flex-end;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.drawer-container{background-color:#fff;flex-direction:column;width:100%;max-width:580px;height:100vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;box-shadow:-10px 0 30px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.drawer-title-group{align-items:center;gap:12px;display:flex}.drawer-badge{color:#fff;background-color:#10b981;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:900}.drawer-header h2{color:#0f172a;font-size:20px;font-weight:800}.drawer-close-btn{color:#475569;background-color:#e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;transition:all .15s;display:flex}.drawer-close-btn:hover{color:#0f172a;background-color:#cbd5e1}.drawer-form-body{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.form-group-card{flex-direction:column;gap:8px;display:flex}.input-label{color:#334155;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.input-hint{color:#94a3b8;font-size:11px;font-weight:500}.trendy-input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .15s}.trendy-input:focus{background-color:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b98126}.textarea-input{resize:vertical}.select-input{cursor:pointer}.image-mode-tabs{gap:8px;margin-bottom:8px;display:flex}.mode-tab-btn{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s}.mode-tab-btn.active-mode{color:#fff;background-color:#10b981;border-color:#10b981}.image-upload-dropzone{flex-direction:column;gap:10px;display:flex}.hidden-file-input{display:none}.file-drop-label{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;padding:24px;transition:all .15s}.file-drop-label:hover{background-color:#f0fdf4;border-color:#10b981}.upload-icon{margin-bottom:4px;font-size:28px}.upload-text-main{color:#334155;font-size:13px;font-weight:700}.upload-text-sub{color:#94a3b8;font-size:11px}.url-divider{text-align:center;color:#94a3b8;margin:4px 0;font-size:11px;font-weight:700}.image-preview-card{text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;padding:12px}.preview-label{color:#64748b;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.preview-img-element{object-fit:contain;border-radius:6px;max-width:100%;max-height:180px;box-shadow:0 2px 6px #0000001a}.choices-section-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.choice-row-item{flex-direction:column;gap:6px;margin-top:12px;display:flex}.radio-choice-label{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.badge-letter{color:#fff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:900}.letter-a{background-color:#3b82f6}.letter-b{background-color:#8b5cf6}.letter-c{background-color:#ec4899}.drawer-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;margin-top:auto;padding:16px 28px;display:flex}.drawer-btn-secondary{color:#475569;background-color:#e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:background-color .15s}.drawer-btn-secondary:hover{background-color:#cbd5e1}.drawer-btn-primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:8px;padding:10px 24px;font-size:14px;font-weight:800;transition:all .15s;box-shadow:0 4px 12px #10b9814d}.drawer-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}@media (width<=900px){.split-question-box{grid-template-rows:auto auto;grid-template-columns:1fr}.split-divider{width:100%;height:1px}.stats-grid,.admin-kpi-row,.results-sub-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.imt-header{padding:8px 12px}.header-id-section{font-size:14px}.header-center-number{font-size:32px}.timer-green-pill{padding:2px 18px;font-size:20px}.question-text{font-size:18px}.option-letter{width:36px;font-size:22px}.option-text{font-size:15px}.bottom-nav-container{flex-wrap:wrap;justify-content:center}.grid-bar-wrapper{order:3;width:100%}.stats-grid,.admin-kpi-row,.results-sub-kpis{grid-template-columns:1fr}.drawer-container{max-width:100%}.trendy-login-card{padding:24px 20px}.section-subtabs-row{flex-direction:column}.last-question-actions-row{flex-direction:column;align-items:stretch}.confirm-summary-box{flex-direction:column;gap:12px}.summary-divider-v{width:100%;height:1px}}:root{--bg-main:#ededed;--header-bg:#e3e5e8;--card-bg:#fff;--border-color:#ccc;--divider-color:#d1d5db;--text-red:#d32f2f;--text-dark:#000;--text-muted:#4b5563;--green-btn:#00a638;--green-hover:#008d2f;--green-answered:#00a638;--orange-skipped:#f59e0b;--red-active:#e53935;--imt-blue:#0047ba;--imt-cyan:#00a3e0;--imt-green:#00a859;--imt-red:#e4002b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-dark);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}