@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fe4d0f8a-module__6kuHYW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fe4d0f8a-module__6kuHYW__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--primary:#ff2d32;--primary-hover:#e02429;--bg-light:#f8f9fc;--bg-surface:#fff;--text-dark:#121212;--text-muted:#6b7280;--border-color:#00000014}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;background-color:var(--bg-light);color:var(--text-dark);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#ffffffd9;border-radius:16px;box-shadow:0 8px 32px #0000000f}.btn-primary{background-color:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff2d3240}.btn-secondary{color:var(--primary);border:1px solid var(--primary);background-color:#0000;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary:hover{background-color:#ff2d320d}.btn-danger{color:#cf1322;background-color:#ff4d4f1a;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-danger:hover{background-color:#ff4d4f33}.input-field{width:100%;color:var(--text-dark);background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:16px;padding:14px 16px;font-size:1rem;transition:all .3s;box-shadow:inset 0 1px 2px #0000000d}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff2d3226}.input-label{color:var(--text-muted);margin-bottom:6px;font-size:.875rem;font-weight:600;display:block}.auth-container{background:radial-gradient(circle at top, #ffefef, var(--bg-light));justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{width:100%;max-width:440px;padding:40px}.logo-container{text-align:center;margin-bottom:30px}.home-layout{padding:40px 20px}.home-hero{margin-bottom:40px}.home-logo-img{width:auto;height:120px}.home-title{margin-top:20px;font-size:2.5rem}.home-subtitle{font-size:1.1rem}.home-action-panel{flex-direction:column;gap:20px;width:100%;max-width:500px;padding:40px;display:flex}.home-btn{width:100%;padding:16px;font-size:1.1rem}@media (max-width:640px){.home-hero{margin-bottom:24px}.home-logo-img{height:80px}.home-title{margin-top:16px;font-size:1.75rem}.home-subtitle{font-size:.95rem}.home-action-panel{gap:16px;padding:24px}.home-btn{padding:14px;font-size:1rem}}.logo-container img{width:auto;height:60px}.title{text-align:center;color:var(--text-dark);margin-bottom:8px;font-size:1.75rem;font-weight:800}.subtitle{color:var(--text-muted);text-align:center;margin-bottom:30px;font-size:.95rem}.error-message{color:#ff4d4f;text-align:center;background:#ff4d4f1a;border:1px solid #ff4d4f33;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;width:260px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.sidebar-logo{margin-bottom:40px;padding:0 16px}.mobile-only-logo{display:none}.sidebar-nav{flex:1}.sidebar-footer{margin-top:auto}.main-content{background:var(--bg-light);flex:1;padding:32px;overflow-x:hidden}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;margin-bottom:8px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item.logout-btn{text-align:left;color:#ff4d4f;width:100%}.nav-item:hover{color:var(--text-dark);background:#0000000a}.nav-item.active{color:var(--primary);background:#ff2d3214;font-weight:600}.nav-item svg{margin-right:12px}.table-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;margin-top:20px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}table{border-collapse:collapse;width:100%}th{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;padding:16px;font-size:.875rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-dark);padding:16px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600}.badge.pending{color:#d48806;background:#faad141a}.badge.approved{color:#389e0d;background:#52c41a26}.badge.rejected{color:#cf1322;background:#ff4d4f1a}.action-btn{border-radius:6px;margin-right:8px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.action-btn.approve{color:#389e0d;background:#52c41a26}.action-btn.approve:hover{background:#52c41a40;transform:translateY(-1px)}.action-btn.reject{color:#cf1322;background:#ff4d4f1a}.action-btn.reject:hover{background:#ff4d4f33;transform:translateY(-1px)}@media (max-width:768px){.dashboard-layout{flex-direction:column;padding-bottom:72px}.sidebar{z-index:1000;border-right:none;border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);background:#fffffff2;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:72px;padding:0 8px;position:fixed;top:auto;bottom:0;left:0;box-shadow:0 -4px 12px #0000000d}.sidebar-logo{display:none}.mobile-only-logo{text-align:center;display:block}.sidebar-nav{flex-direction:row;flex:unset;justify-content:space-around;width:66%;display:flex}.sidebar-footer{justify-content:center;width:33%;margin-top:0;display:flex}.nav-item{flex-direction:column;justify-content:center;gap:4px;margin-bottom:0;padding:8px}.nav-item.logout-btn{text-align:center}.nav-item svg{margin-right:0}.nav-label{font-size:.65rem;font-weight:600}.main-content{min-height:calc(100vh - 72px);padding:16px}}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-pic-container{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;display:flex}.profile-pic-text-container{flex-direction:column;gap:8px;display:flex}@media (max-width:640px){.form-grid{grid-template-columns:1fr!important}.form-grid>div{grid-column:span 1!important}.profile-pic-container{text-align:center;flex-direction:column;gap:16px}.profile-pic-text-container{align-items:center}}.required-asterisk{color:#ff4d4f;margin-left:4px}form.was-validated .input-field:invalid{background-color:#ff4d4f0d;border-color:#ff4d4f}form.was-validated .input-field:invalid:focus{box-shadow:0 0 0 3px #ff4d4f26}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);background:#11182773;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out overlayIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:20px;width:100%;max-width:440px;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;overflow:hidden;box-shadow:0 30px 80px -20px #00000059,0 0 0 1px #0000000a}.modal-close{width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-dark);background:#f3f4f6}.danger-hero{text-align:center;background:linear-gradient(#fff1f1 0%,#fff 100%);padding:32px 28px 20px;position:relative}.danger-icon{color:#e5262b;background:#ffe1e1;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 0 0 8px #fff5f5}.danger-title{color:var(--text-dark);margin-bottom:6px;font-size:1.25rem;font-weight:800}.danger-subtitle{color:var(--text-muted);font-size:.9rem;line-height:1.5}.danger-exam-name{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;background:#f3f4f6;border-radius:8px;max-width:100%;margin-top:10px;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-block;overflow:hidden}.danger-body{padding:4px 28px 24px}.danger-list{border:1px solid #f1f1f3;border-radius:12px;margin-bottom:18px;padding:6px;list-style:none}.danger-list li{color:#374151;align-items:center;gap:12px;padding:10px;font-size:.88rem;display:flex}.danger-list li+li{border-top:1px dashed #f1f1f3}.danger-list .li-icon{color:#e5262b;background:#fff1f1;border-radius:8px;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;display:flex}.danger-live{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:.85rem;line-height:1.45;display:flex}.confirm-label{color:var(--text-muted);margin-bottom:8px;font-size:.82rem;display:block}.confirm-label code{color:#e5262b;letter-spacing:.5px;background:#fff1f1;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.confirm-input{letter-spacing:1px;width:100%;color:var(--text-dark);background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;transition:all .15s}.confirm-input::placeholder{color:#c4c8cf}.confirm-input:focus{background:#fff;border-color:#9ca3af;outline:none;box-shadow:0 0 0 4px #9ca3af26}.confirm-input.is-valid{background:#fff;border-color:#e5262b;box-shadow:0 0 0 4px #e5262b1f}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;padding:0 28px 28px;display:grid}.btn-ghost{color:#374151;background:#f3f4f6;border-radius:10px;padding:12px 18px;font-size:.95rem;font-weight:600;transition:background .15s}.btn-ghost:hover:not(:disabled){background:#e5e7eb}.btn-danger-solid{color:#fff;background:linear-gradient(#f2353a 0%,#d91f24 100%);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 6px 16px -6px #e5262b99}.btn-danger-solid:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -8px #e5262bb3}.btn-danger-solid:disabled{box-shadow:none;cursor:not-allowed;background:#f3c4c5}.btn-delete-outline{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-delete-outline:hover{color:#e5262b;background:#fff5f5;border-color:#fecaca}.btn-delete-outline.lg{border-radius:8px;padding:12px 18px;font-size:.95rem}.exam-secure-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.exam-secure-container img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}@media print{.exam-secure-container{visibility:hidden!important;display:none!important}body:has(.exam-secure-container){visibility:hidden!important;display:none!important}}.exam-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.exam-card-pro{box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.exam-card-pro:hover{border-color:#00000014;transform:translateY(-4px);box-shadow:0 12px 28px #00000014,0 4px 10px #0000000a}.exam-card-body{flex-direction:column;flex:1;padding:24px 24px 0;display:flex}.exam-card-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.exam-card-footer{padding:0 24px 24px}.exam-score-section{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #10b98126;border-radius:12px;align-items:center;gap:20px;margin-bottom:12px;padding:20px;display:flex}.exam-breakdown-btn:hover{color:#1e293b!important;background:#f1f5f9!important;border-color:#cbd5e1!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@media (max-width:640px){.exam-cards-grid{grid-template-columns:1fr;gap:16px}.exam-card-pro:hover{transform:none}.exam-card-body{padding:16px 16px 0}.exam-card-footer{padding:0 16px 16px}.exam-score-section{gap:14px;padding:16px}}@media (max-width:480px){.exam-card-title-row{flex-direction:column;gap:8px}.exam-score-section{text-align:center;flex-direction:column}}.page-header-row{align-items:center;gap:16px;margin-bottom:8px;display:flex}.page-header-icon{background:linear-gradient(135deg, var(--primary), #ff6b6b);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 14px #ff2d3240}.page-header-text{flex:1}.exam-result-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;padding:32px;display:flex}.exam-result-info{flex:1}.exam-result-score-box{text-align:center;background:#52c41a1a;border-radius:12px;flex-shrink:0;padding:16px 32px}@media (max-width:640px){.page-header-row{text-align:left;flex-direction:row;justify-content:center;gap:12px}.page-header-text{flex:0 auto}.page-header-icon{border-radius:12px;width:40px;height:40px}.page-header-icon svg{width:20px;height:20px}.page-header-text h1{text-align:left!important;font-size:1.5rem!important}.exam-result-header{text-align:center;flex-direction:column;padding:24px}.exam-result-info h1{text-align:center!important}.exam-result-score-box{width:100%}}.q-card{padding:24px}.q-header{flex-direction:column;align-items:flex-end;gap:8px;margin-bottom:16px;display:flex}.q-text{fontSize:1.1rem;flex:1;align-self:flex-start;margin:0;font-weight:600;line-height:1.5}.q-badge{white-space:nowrap;letter-spacing:.3px;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.q-badge-correct{color:#52c41a;background:#52c41a1a}.q-badge-wrong{color:#ff4d4f;background:#ff4d4f1a}.q-choices{flex-direction:column;gap:8px;display:flex}.q-choice{border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.q-radio{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.q-radio-dot{background:#fff;border-radius:50%;width:8px;height:8px}.q-choice-text{word-break:break-word;flex:1;min-width:0}.q-choice-label{white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:.75rem;font-weight:700}@media (max-width:640px){.q-card{padding:16px;border-left-width:4px!important}.q-text{font-size:.95rem}.q-choice{gap:10px;padding:10px 12px}}.dashboard-profile-banner{align-items:center;gap:0;margin-bottom:32px;padding:0;display:flex;overflow:hidden}.profile-banner-img{border:1px solid var(--border-color);background:var(--bg-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:auto;min-width:80px;max-width:150px;height:100px;margin:12px;display:flex;position:relative;overflow:hidden}.profile-banner-img img{box-shadow:none!important;object-fit:contain!important;border:none!important;border-radius:0!important;width:auto!important;height:100%!important}.profile-banner-text{text-align:left;flex:1;min-width:0;padding:20px 24px}.profile-banner-text h1{text-align:left}.profile-banner-badges{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:640px){.dashboard-profile-banner{text-align:left;flex-direction:row;gap:0;padding:0}.profile-banner-img{width:auto;height:80px}.profile-banner-text{text-align:left;width:auto;padding:14px 16px}.profile-banner-text h1{text-align:left!important;margin-bottom:8px!important;font-size:1.25rem!important}.profile-banner-badges{justify-content:flex-start}}.dashboard-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}.dashboard-stat-card{background:var(--glass-bg);border:1px solid var(--border-color);text-align:left;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.stat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.dashboard-result-row{color:inherit;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;text-decoration:none;transition:background .15s;display:flex}.dashboard-result-row:hover{background:#00000005}.result-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.result-rank{white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:.8rem;font-weight:700}.result-info{flex-direction:column;gap:2px;min-width:0;display:flex}.result-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.result-date{color:var(--text-muted);font-size:.8rem}.result-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.result-score-bar{background:#f1f5f9;border-radius:3px;width:80px;height:6px;overflow:hidden}.result-score-fill{border-radius:3px;height:100%;transition:width .5s}.result-pct{text-align:right;min-width:36px;font-size:.85rem;font-weight:700}@media (max-width:640px){.dashboard-stats-grid{grid-template-columns:1fr;gap:16px}.dashboard-stat-card{text-align:left;flex-direction:row;gap:12px;padding:16px 12px}.stat-icon{width:40px;height:40px}.stat-info{align-items:flex-start}.stat-value{font-size:1.25rem}.stat-label{font-size:.65rem}.dashboard-result-row{gap:10px;padding:14px 16px}.result-rank{padding:5px 8px;font-size:.75rem}.result-title{font-size:.85rem}.result-score-bar{width:50px}.result-pct{font-size:.8rem}}