*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102a2a;background:#f4f8f7;font-synthesis:none}body{width:100%;min-width:0;margin:0;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top right,#e7f7ef 0,transparent 35%),#f5f8f7}.topbar{min-height:70px;padding:10px 4vw;display:flex;align-items:center;justify-content:space-between;background:#fffffffa;border-bottom:1px solid #e2ece8;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000008;flex-wrap:wrap;gap:10px}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;font-weight:900;background:linear-gradient(135deg,#00a758,#006f4b);flex-shrink:0}.brand-title{font-weight:900;letter-spacing:.04em;font-size:14px;color:#102a2a;line-height:1.2}.brand-sub{color:#78908a;font-size:10px;margin-top:1px}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-badge{background:#fff3e0;color:#e65100;font-size:11px;font-weight:800;padding:5px 10px;border-radius:20px;border:1px solid #ffe0b2;white-space:nowrap}.ghost-btn,.secondary-btn,.primary-btn,.finish-btn,.danger-btn,.import-btn{border:0;border-radius:12px;padding:8px 14px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;white-space:nowrap}.ghost-btn,.secondary-btn{background:#fff;border:1px solid #dce7e3;color:#23423b;box-shadow:0 2px 6px #00000008}.ghost-btn:hover,.secondary-btn:hover{background:#f4f8f6;border-color:#00a758;color:#007e50}.import-btn{background:#00a758;color:#fff;box-shadow:0 4px 14px #00a7584d}.primary-btn{background:#00a758;color:#fff;box-shadow:0 6px 16px #00a75840}.finish-btn{background:#fff0ed;color:#c94732;border:1px solid #ffdcd6}.danger-btn{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.container{width:min(1080px,92%);margin:0 auto;padding:25px 0 60px;flex:1}.hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:10px 0 30px}.eyebrow{color:#00a758;font-size:11px;font-weight:900;letter-spacing:.1em;display:block}.hero h1,.page-heading h1,.exam-header h1{margin:8px 0;font-size:clamp(24px,5vw,44px);line-height:1.15;letter-spacing:-.02em;color:#0c2725;word-break:break-word}.hero h1 span{color:#00a758}.hero p,.page-heading p{max-width:620px;color:#647773;line-height:1.5;margin:0;font-size:14px}.hero-card{min-width:200px;padding:20px;border-radius:20px;background:#0b3b35;color:#fff;box-shadow:0 15px 35px #003b3526;flex-shrink:0}.hero-number{font-size:42px;font-weight:900;line-height:1}.hero-card small{display:block;margin-top:6px;color:#b8d8cf;font-size:12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.section-title{font-size:20px;margin:0}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.subject-card{border:1px solid #e1ebe7;text-align:left;display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:#fff;transition:.2s;box-shadow:0 6px 20px #163f340a;position:relative}.subject-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:24px;background:#e9f8f0;flex-shrink:0}.subject-card.blue .subject-icon{background:#eaf2ff}.subject-info{flex:1;min-width:0}.subject-info span,.subject-info small{display:block;color:#7a8b87;font-size:12px}.subject-info strong{display:block;font-size:18px;margin:2px 0;color:#102a2a;word-break:break-word}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:15px}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.exam-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e2ebe8;border-radius:16px;background:#fff;text-align:left;transition:.18s}.exam-no{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#eaf7f0;color:#007e50;font-weight:900;flex-shrink:0}.exam-content{flex:1;min-width:0}.exam-content strong{display:block;font-size:14px;color:#122c2a;word-break:break-word}.exam-content span{font-size:12px;color:#7b8986;margin-top:2px;display:block}.file-upload-box{border:2px dashed #b2d8c8;background:#f0f9f5;border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:.2s;display:block}.file-upload-box input{display:none}.upload-icon{font-size:28px;margin-bottom:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:12px}.modal-content{background:#fff;width:min(800px,100%);max-height:92vh;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #00000040}.modal-header{padding:16px 20px;border-bottom:1px solid #e3ece9;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:18px}.close-btn{border:0;background:transparent;font-size:20px;cursor:pointer;color:#888}.modal-body{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:700;font-size:13px;color:#233b35}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #dbe5e1;border-radius:10px;font-size:14px;outline:none;background:#fff}.modal-footer{padding:14px 20px;border-top:1px solid #e3ece9;display:flex;justify-content:flex-end;gap:10px;background:#fafcfb}footer{text-align:center;color:#839591;padding:20px 15px 30px;font-size:12px;line-height:1.5;margin-top:auto}footer small{display:block;font-size:11px;color:#a0b0ac;margin-top:4px}.preview-container{border-top:1px solid #e3ece9;padding-top:16px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.accordion-item{border:1px solid #e1ebe7;border-radius:10px;margin-bottom:8px;overflow:hidden;background:#fff}.accordion-title{padding:12px 14px;background:#f8fbf9;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px}.accordion-content{padding:12px 14px;border-top:1px solid #e1ebe7;display:grid;gap:6px}.preview-opt{padding:8px 12px;background:#fdfdfd;border:1px solid #e2ece8;border-radius:8px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.preview-opt.correct{border-color:#00a758;background:#eaf8f1;font-weight:600;color:#007e50}.badge{background:#00a758;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;white-space:nowrap}.edit-q-card{background:#fff;border:1px solid #e2ebe8;border-radius:16px;padding:18px;margin-bottom:20px}.edit-q-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #f0f5f3;padding-bottom:8px}.edit-options-grid{display:grid;gap:10px;margin-top:12px}.edit-opt-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #e2ece8;border-radius:10px;background:#fcfdfe}.edit-opt-row.is-correct{border-color:#00a758;background:#f0fdf6}.edit-opt-row input[type=text]{flex:1;border:1px solid #dce7e3;padding:6px 10px;border-radius:6px;background:#fff}.result-container{display:flex;justify-content:center;align-items:center;padding:30px 10px}.result-card-sample{width:min(840px,100%);background:#fff;border-radius:24px;padding:40px 30px;text-align:center;box-shadow:0 10px 40px #0000000a;border:1px solid #f0f4f2}.result-mascot{font-size:64px;line-height:1;margin-bottom:12px}.status-badge{display:inline-block;padding:6px 20px;border-radius:50px;font-weight:800;font-size:13px;letter-spacing:.03em;margin-bottom:16px}.status-badge.failed{background:#fdf2f2;color:#9e2a2b;border:1px solid #f8d7da}.status-badge.passed{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.result-title{font-size:28px;font-weight:800;color:#111827;margin:0 0 8px}.result-subtext{color:#6b7280;font-size:14px;margin:0 0 32px}.result-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px}.stat-card{background:#fff;border:1px solid #eaedf0;border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.stat-value{font-size:18px;font-weight:800;color:#111827}.stat-value.pass-criteria{color:#00a758}.result-actions-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.action-btn{border:0;border-radius:14px;padding:12px 24px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.retry-btn{background:#fff;border:1px solid #d1d5db;color:#111827}.retry-btn:hover{background:#f9fafb}.review-btn{background:#2563eb;color:#fff;box-shadow:0 4px 14px #2563eb4d}.review-btn:hover{background:#1d4ed8}.home-btn{background:#00a758;color:#fff;box-shadow:0 4px 14px #00a7584d}.home-btn:hover{background:#008e4a}.question-card{background:#fff;border:1px solid #e2ebe8;border-radius:20px;padding:22px;margin-top:18px;box-shadow:0 8px 25px #163f340d}.question-number{color:#00a758;font-weight:900;font-size:11px;letter-spacing:.1em}.question-card h2{font-size:18px;line-height:1.45;margin:10px 0 20px;color:#0f2b28}.options{display:grid;gap:10px}.option{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border:2px solid #dfe9e5;background:#fff;border-radius:12px;text-align:left;color:#28423d;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.option:hover{border-color:#00a758;background:#f2faf5}.option.selected{border-color:#00a758;background:#eaf7f0;font-weight:600}.option-letter{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#edf3f0;font-weight:900;font-size:13px;pointer-events:none}.option.selected .option-letter{background:#00a758;color:#fff}.exam-actions{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.timer{padding:10px 14px;border-radius:12px;background:#0b3b35;color:#fff;font-size:18px;font-weight:900}.toast-container{position:fixed;top:20px;right:20px;z-index:999999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:260px;max-width:90vw;padding:12px 18px;border-radius:12px;background:#1e293b;color:#fff;box-shadow:0 12px 30px #00000040;display:flex;align-items:center;gap:10px;font-weight:600;font-size:13px;animation:slideIn .3s cubic-bezier(.18,.89,.32,1.28) forwards;border-left:5px solid #10b981}.toast.error{border-left-color:#ef4444;background:#2d1a1a}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 640px){.result-stats-grid{grid-template-columns:repeat(2,1fr)}.result-actions-row{flex-direction:column}.action-btn{width:100%;justify-content:center}.topbar{padding:10px 14px}.brand-title{font-size:13px}.brand-sub{display:none}.topbar-actions{width:100%;justify-content:space-between;border-top:1px solid #f0f5f3;padding-top:8px;margin-top:2px}.topbar-actions button{flex:1;font-size:12px;padding:7px 10px}.admin-badge{font-size:10px;padding:4px 8px}.hero{flex-direction:column;align-items:stretch;gap:15px;padding:10px 0 20px}.hero-card{min-width:auto;padding:16px;text-align:center}.subject-grid,.exam-grid{grid-template-columns:1fr;gap:12px}.page-heading{flex-direction:column;align-items:flex-start;gap:10px}.exam-actions{flex-wrap:wrap}.exam-actions button{flex:1 1 45%}.toast-container{top:10px;right:10px;left:10px}}.confirm-modal-content{background:#fff;width:min(440px,92vw);border-radius:20px;padding:24px;text-align:center;box-shadow:0 20px 50px #0003;animation:modalScale .2s ease forwards}.confirm-icon{width:56px;height:56px;border-radius:50%;background:#ffebee;color:#e53935;display:grid;place-items:center;font-size:26px;margin:0 auto 16px}.confirm-modal-content h3{margin:0 0 8px;font-size:18px;color:#102a2a}.confirm-modal-content p{margin:0 0 22px;font-size:13.5px;color:#647773;line-height:1.5}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-actions button{flex:1}@keyframes modalScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.file-upload-box.dragging{border-color:#00a758;background:#dff5eb;transform:scale(1.01)}html,#root,.app{width:100%;min-width:0}.container,.topbar,.topbar-actions,.hero,.subject-card,.exam-card,.question-card,.modal-content{min-width:0}.container{width:min(1080px,calc(100% - 32px))}.subject-grid,.exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-info,.exam-content,.option>span:not(.option-letter){min-width:0;overflow-wrap:anywhere}.topbar-actions>div{min-width:0;flex-wrap:wrap}.admin-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}.modal-content{width:min(800px,100%);max-height:calc(100dvh - 24px)}@media (max-width: 640px){.container{width:calc(100% - 24px);padding-top:16px}.topbar{padding:10px 12px;align-items:flex-start}.brand{min-width:0}.brand-title{font-size:12px;overflow-wrap:anywhere}.topbar-actions{width:100%;justify-content:flex-start}.topbar-actions>div{width:100%}.hero{flex-direction:column;align-items:stretch;gap:14px}.hero-card{width:100%;min-width:0}.subject-grid,.exam-grid{grid-template-columns:minmax(0,1fr)}.subject-card{padding:14px;gap:10px}.page-heading,.exam-header{align-items:flex-start;flex-wrap:wrap}.exam-actions{flex-wrap:wrap}.modal-overlay{padding:12px}.modal-content,.confirm-modal-content{width:100%;max-width:100%;max-height:calc(100dvh - 24px);overflow-y:auto}.toast-container{right:10px;left:10px}.toast{min-width:0;width:100%}}@media (max-width: 380px){.subject-icon{width:40px;height:40px}.ghost-btn,.secondary-btn,.primary-btn,.finish-btn,.danger-btn,.import-btn{padding:7px 9px;font-size:12px}}.stats-table-wrap{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-table{min-width:900px}.stats-table th,.stats-table td{padding:12px;vertical-align:top;overflow-wrap:anywhere}@media (max-width: 640px){.stats-table-wrap{overflow:visible;background:transparent!important;border:0!important}.stats-table{display:block;min-width:0;width:100%;border-collapse:separate!important;text-align:left}.stats-table thead{display:none}.stats-table tbody{display:grid;gap:12px}.stats-table tbody tr{display:block;overflow:hidden;padding:8px 12px;border:1px solid #e1ebe7;border-radius:14px;background:#fff;box-shadow:0 4px 14px #163f340f}.stats-table tbody td{display:grid!important;grid-template-columns:minmax(82px,.8fr) minmax(0,1.2fr);gap:10px;align-items:start;width:100%;padding:8px 0!important;border:0!important;border-bottom:1px solid #edf2f0!important;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.stats-table tbody td:last-child{border-bottom:0!important}.stats-table tbody td:before{color:#71817c;font-size:12px;font-weight:700}.stats-table tbody td:nth-child(1):before{content:"STT"}.stats-table tbody td:nth-child(2):before{content:"Mã đại lý"}.stats-table tbody td:nth-child(3):before{content:"Họ và tên"}.stats-table tbody td:nth-child(4):before{content:"Đề thi"}.stats-table tbody td:nth-child(5):before{content:"Điểm số"}.stats-table tbody td:nth-child(6):before{content:"Tỷ lệ"}.stats-table tbody td:nth-child(7):before{content:"Thời gian"}.stats-table tbody td:nth-child(8):before{content:"Trạng thái"}.stats-table tbody td:nth-child(9):before{content:"Ngày làm"}}.stats-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 24px}.stats-chart-card{min-width:0;padding:20px;border:1px solid #e1ebe7;border-radius:16px;background:#fff;box-shadow:0 6px 20px #163f340d}.stats-chart-card h2{margin:6px 0;color:#102a2a;font-size:17px}.stats-chart-card p{margin:0;color:#71817c;font-size:13px}.stats-chart-kicker{color:#00a758;font-size:10px;font-weight:800;letter-spacing:.1em}.stats-overview-card{display:flex;flex-direction:column;justify-content:space-between;min-height:190px;color:#fff;border:0;background:linear-gradient(135deg,#0b3b35,#08784f)}.stats-overview-card h2,.stats-overview-card p{color:#fff}.stats-overview-card .stats-chart-kicker{color:#b8e4cf}.stats-total{margin:12px 0;font-size:46px;line-height:1}.stats-overview-footer{display:flex;flex-wrap:wrap;gap:8px}.stats-overview-footer span{padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:20px;font-size:12px}.stats-donut{display:grid;width:142px;aspect-ratio:1;margin:18px auto 12px;place-items:center;border-radius:50%}.stats-donut>div{display:grid;width:106px;aspect-ratio:1;align-content:center;justify-items:center;border-radius:50%;background:#fff}.stats-donut strong{color:#102a2a;font-size:27px}.stats-donut span,.stats-chart-caption{color:#71817c;font-size:12px}.stats-chart-caption{text-align:center}.stats-subject-card{grid-column:1 / -1}.stats-bars{display:grid;gap:14px;margin-top:18px}.stats-bar-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px}.stats-bar-label span{overflow-wrap:anywhere}.stats-bar-label strong{color:#08784f}.stats-bar-track{height:9px;overflow:hidden;border-radius:10px;background:#edf2f0}.stats-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#00a758,#65c98e)}.stats-weekly-card{grid-column:1 / -1}.stats-line-chart{display:block;width:100%;margin-top:14px;overflow:visible}.stats-line-chart line{stroke:#e8efec;stroke-width:1}.stats-line-chart polyline{fill:none;stroke:#00a758;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.stats-line-chart circle{fill:#fff;stroke:#00a758;stroke-width:3}.stats-chart-axis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;color:#71817c;text-align:center;font-size:11px}.stats-chart-axis span{display:grid;gap:3px}.stats-chart-axis strong{color:#102a2a}.stats-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 2px 0;color:#71817c;font-size:13px}.stats-pagination>div{display:flex;align-items:center;gap:8px}.stats-pagination button:disabled{cursor:not-allowed;opacity:.45}.stats-page-number{color:#102a2a;font-weight:700;white-space:nowrap}@media (max-width: 640px){.stats-dashboard{grid-template-columns:minmax(0,1fr);gap:12px}.stats-subject-card,.stats-weekly-card{grid-column:auto}.stats-chart-card{padding:16px}.stats-pagination{align-items:flex-start;flex-direction:column}.stats-pagination>div{width:100%;justify-content:space-between}}.stats-page-size{display:inline-flex;align-items:center;gap:8px;color:#71817c;white-space:nowrap}.stats-page-size select{padding:7px 10px;border:1px solid #dce7e3;border-radius:8px;background:#fff;color:#102a2a;font:inherit}@media (max-width: 640px){.stats-page-size{white-space:normal}}.stats-heading-actions{display:flex;align-items:center;gap:10px}.stats-period-select{display:grid;gap:4px;color:#71817c;font-size:11px;font-weight:700}.stats-period-select select{min-height:38px;padding:7px 30px 7px 10px;border:1px solid #dce7e3;border-radius:9px;background:#fff;color:#102a2a;font:inherit}.stats-chart-axis .stats-axis-date{color:#102a2a;font-weight:700}.stats-chart-axis .stats-axis-weekday{color:#71817c;font-size:10px}.stats-chart-axis strong{font-size:11px}@media (max-width: 640px){.stats-heading-actions{width:100%;flex-wrap:wrap}.stats-period-select{flex:1;min-width:150px}.stats-period-select select{width:100%}.stats-chart-axis{gap:2px}.stats-chart-axis .stats-axis-weekday{font-size:9px}}.stats-page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.stats-page-heading h1{margin:8px 0;font-size:clamp(24px,4vw,34px)}.stats-heading-actions{display:flex;align-items:flex-end;gap:10px;flex-shrink:0}.stats-period-select select,.stats-heading-actions>button{height:38px}.stats-period-select select{display:block}@media (max-width: 640px){.stats-page-heading{align-items:flex-start;flex-direction:column}.stats-heading-actions{width:100%;align-items:flex-end}}.stats-chart-axis .is-today .stats-axis-date,.stats-chart-axis .is-today .stats-axis-weekday,.stats-chart-axis .is-today strong{color:#008a49;font-weight:800}.stats-table tr.clickable-row:hover{background-color:#f0fdf6!important;transition:background-color .15s ease}.student-badge{background:#e8f5e9!important;color:#2e7d32!important;border-color:#c8e6c9!important;cursor:pointer;display:inline-flex;align-items:center}.header-wrong-btn{border-color:#e65100!important;color:#e65100!important}.wrong-bank-card{background:#fff3e0;border:1px solid #ffe0b2;border-radius:16px;padding:20px 24px;margin:10px 0 32px}.wrong-bank-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.wrong-bank-title{margin:4px 0 2px;color:#e65100;font-size:20px}.wrong-bank-desc{margin:0;font-size:13.5px;color:#666}.wrong-bank-actions{display:flex;gap:10px;align-items:center}.eyebrow-orange{color:#e65100!important}.btn-orange-primary{background:#e65100!important}.btn-orange-secondary{border-color:#e65100!important;color:#e65100!important}.subject-arrow-icon{color:#00a758;font-weight:700}.section-header{margin-top:10px;margin-bottom:20px}