@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--navy-900: #0a1628;--navy-800: #111d35;--navy-700: #1a2d4d;--navy-600: #243b5e;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-300: #93c5fd;--teal-500: #06b6d4;--teal-400: #22d3ee;--emerald-500: #10b981;--purple-500: #8b5cf6;--red-500: #ef4444;--amber-500: #f59e0b;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html,body,#root{max-width:100%;overflow-x:hidden;width:100%}*{box-sizing:border-box}body{margin:0;min-width:0;background:var(--navy-900);color:#fff}button,input{font:inherit}button{cursor:pointer}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.15);opacity:.2}to{transform:scale(.9);opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-rise{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-100vh) scale(0);opacity:0}}.spin{animation:spin 1s linear infinite}.orb{border-radius:50%;filter:blur(80px);position:absolute;pointer-events:none}.orb--1{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.25),transparent 70%);height:400px;left:-100px;top:-100px;width:400px}.orb--2{animation:float 10s ease-in-out infinite 2s;background:radial-gradient(circle,rgba(6,182,212,.2),transparent 70%);bottom:-80px;height:350px;right:-80px;width:350px}.orb--3{animation:float 12s ease-in-out infinite 4s;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%);height:250px;right:20%;top:30%;width:250px}.login-screen{align-items:center;background:linear-gradient(135deg,var(--navy-900),var(--navy-700));display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative;overflow:hidden}.login-bg-orbs{position:absolute;inset:0;pointer-events:none}.login-card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);max-width:420px;padding:40px 36px;position:relative;text-align:center;width:100%;z-index:1}.login-logo-wrapper{margin:0 auto 20px;position:relative;height:80px;width:80px}.login-logo{align-items:center;background:linear-gradient(135deg,var(--blue-500),var(--teal-500));border-radius:16px;color:#fff;display:flex;font-size:36px;font-weight:900;height:80px;justify-content:center;position:relative;width:80px;z-index:1}.login-logo-ring{animation:pulse-ring 3s ease-in-out infinite;border:2px solid var(--blue-400);border-radius:20px;height:96px;left:-8px;position:absolute;top:-8px;width:96px}.login-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 4px}.login-subtitle{color:var(--slate-400);font-size:14px;font-weight:400;margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{text-align:left}.login-field label{color:var(--slate-300);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.login-field input{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:15px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.login-field input:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #3b82f633;outline:none}.login-field input::placeholder{color:var(--slate-500)}.login-password-wrapper{position:relative}.login-password-wrapper input{padding-right:44px}.login-eye-btn{align-items:center;background:transparent;border:0;color:var(--slate-400);display:flex;height:100%;justify-content:center;padding:0 12px;position:absolute;right:0;top:0}.login-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:13px;padding:10px 14px;text-align:left}.login-submit{align-items:center;background:linear-gradient(135deg,var(--blue-500),var(--blue-400));border:0;border-radius:10px;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:4px;min-height:48px;padding:0 20px;transition:transform .15s,box-shadow .15s}.login-submit:hover:not(:disabled){box-shadow:0 4px 20px #3b82f666;transform:translateY(-1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-demo-divider{display:flex;align-items:center;text-align:center;margin:18px 0 14px;color:var(--slate-400);font-size:11px}.login-demo-divider:before,.login-demo-divider:after{content:"";flex:1;border-bottom:1px dashed rgba(255,255,255,.15)}.login-demo-divider span{padding:0 10px;text-transform:uppercase;letter-spacing:.5px}.login-demo-actions{display:flex;flex-direction:column;gap:8px}.login-demo-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:#10b98126;border:1px solid rgba(16,185,129,.35);border-radius:10px;color:#34d399;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.login-demo-btn:hover:not(:disabled){background:#10b98140;border-color:#10b98180;transform:translateY(-1px)}.login-demo-btn:disabled{opacity:.6;cursor:not-allowed}.login-guide-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--slate-300);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.login-guide-btn:hover{background:#ffffff1a;color:#fff}.login-footer{color:var(--slate-500);margin-top:28px}.login-footer small{font-size:11px}.dashboard-screen{background:linear-gradient(180deg,var(--navy-900),var(--navy-800));min-height:100vh;padding-bottom:60px;position:relative;overflow:hidden}.dashboard-bg-orbs{position:absolute;inset:0;pointer-events:none}.dashboard-header{background:linear-gradient(135deg,var(--navy-700),var(--navy-600));border-bottom:1px solid var(--glass-border);padding:24px 0 20px;position:relative;z-index:1}.dashboard-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:860px;padding:0 24px}.profile-section{align-items:center;display:flex;gap:14px}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--blue-500),var(--teal-500));border-radius:14px;color:#fff;display:flex;font-size:18px;font-weight:800;height:52px;justify-content:center;width:52px}.profile-info h1{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0}.profile-info p{align-items:center;display:flex;gap:10px;margin:4px 0 0}.profile-badge{background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:var(--blue-300);font-size:12px;font-weight:600;padding:2px 8px}.profile-nisn{color:var(--slate-400);font-size:12px}.logout-btn{align-items:center;background:#ef44441f;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#fca5a5;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s}.logout-btn:hover{background:#ef444433}.dashboard-tabs{display:flex;gap:4px;margin:20px auto 0;max-width:860px;padding:0 24px;position:relative;z-index:1}.tab-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px 10px 0 0;color:var(--slate-400);display:flex;font-size:14px;font-weight:500;gap:7px;padding:10px 18px;transition:all .2s}.tab-btn:hover{color:var(--slate-200)}.tab-btn--active{background:var(--glass-bg);border-color:var(--glass-border);border-bottom-color:transparent;color:#fff}.tab-badge{align-items:center;background:var(--blue-500);border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.dashboard-content{animation:fadeInUp .4s ease-out;margin:0 auto;max-width:860px;padding:0 24px;position:relative;z-index:1}.exam-grid{display:grid;gap:14px;padding-top:20px}.exam-card{animation:fadeInUp .5s ease-out backwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;cursor:pointer;padding:20px;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s;width:100%}.exam-card:nth-child(2){animation-delay:.1s}.exam-card:nth-child(3){animation-delay:.2s}.exam-card:hover{border-color:#3b82f64d;box-shadow:0 8px 30px #3b82f626;transform:translateY(-2px)}.exam-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.exam-mode-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.exam-mode-badge--semester{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.exam-mode-badge--daily{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--blue-300)}.exam-duration{align-items:center;color:var(--slate-400);display:flex;font-size:12px;gap:4px}.exam-card-title{color:#fff;font-size:17px;font-weight:600;margin:0 0 4px}.exam-card-subject{color:var(--slate-300);font-size:14px;margin:0 0 10px}.exam-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.exam-card-meta span{align-items:center;color:var(--slate-400);display:flex;font-size:12px;gap:4px}.exam-room-info{align-items:flex-start;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#fca5a5;display:flex;gap:10px;margin-top:12px;padding:12px 14px}.exam-room-info strong{color:#fca5a5;display:block;font-size:14px}.exam-room-info small{color:#fca5a5b3;display:block;font-size:11px;margin-top:2px}.exam-card-action{margin-top:14px;text-align:right}.exam-card-action span{color:var(--blue-400);font-size:13px;font-weight:600}.empty-state{color:var(--slate-400);padding:60px 20px;text-align:center}.empty-state h3{color:var(--slate-300);font-size:18px;margin:16px 0 6px}.empty-state p{font-size:14px;margin:0}.schedule-section{padding-top:20px}.schedule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.schedule-header h3{color:#fff;font-size:16px;margin:0}.download-btn{align-items:center;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#6ee7b7;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s}.download-btn:hover{background:#10b98133}.schedule-list{display:grid;gap:8px}.schedule-row{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;display:grid;gap:16px;grid-template-columns:180px 1fr auto;padding:14px 18px}.schedule-date{align-items:center;color:var(--blue-300);display:flex;font-size:13px;font-weight:500;gap:6px}.schedule-detail strong{color:#fff;display:block;font-size:14px}.schedule-detail span{color:var(--slate-400);font-size:12px}.schedule-room{align-items:center;color:var(--slate-300);display:flex;font-size:13px;gap:4px}.seat-code{background:#8b5cf626;border-radius:4px;color:#c4b5fd;font-size:11px;font-weight:600;margin-left:6px;padding:2px 6px}.dashboard-footer{bottom:0;color:var(--slate-500);left:0;padding:18px 0;position:absolute;right:0;text-align:center}.dashboard-footer small{font-size:11px}.entry-flow-screen{align-items:center;background:linear-gradient(135deg,var(--navy-900),var(--navy-700));display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;position:relative;overflow:hidden}.entry-flow-bg-orbs{position:absolute;inset:0;pointer-events:none}.step-indicator{display:flex;gap:60px;margin-bottom:36px;position:relative;z-index:1}.step-dot{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.step-circle{align-items:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:var(--slate-400);display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:all .4s;width:36px}.step-dot--active .step-circle{background:var(--blue-500);border-color:var(--blue-400);color:#fff}.step-dot--current .step-circle{box-shadow:0 0 0 6px #3b82f640}.step-label{color:var(--slate-500);font-size:12px;font-weight:500;transition:color .3s}.step-dot--active .step-label{color:var(--slate-200)}.step-line{background:#ffffff1a;height:2px;left:18px;position:absolute;right:18px;top:17px;z-index:0}.step-line:after{background:var(--blue-500);content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:var(--progress)}.entry-flow-card{animation:fadeInUp .5s ease-out;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);max-width:480px;padding:36px;position:relative;text-align:center;width:100%;z-index:1}.entry-flow-card h2{color:#fff;font-size:22px;font-weight:700;margin:0 0 8px}.entry-flow-desc{color:var(--slate-400);font-size:14px;margin:0 0 24px}.entry-flow-icon{align-items:center;border-radius:14px;display:flex;height:60px;justify-content:center;margin:0 auto 18px;width:60px}.entry-flow-icon--blue{background:#3b82f626;color:var(--blue-400)}.entry-flow-icon--teal{background:#06b6d426;color:var(--teal-400)}.entry-flow-icon--purple{background:#8b5cf626;color:#c4b5fd}.identity-data-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:24px;padding:4px 0;text-align:left}.identity-row{border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;padding:12px 18px}.identity-row:last-child{border-bottom:0}.identity-row span{color:var(--slate-400);font-size:13px}.identity-row strong{color:#fff;font-size:13px;text-align:right}.identity-row--room strong{color:var(--amber-500)}.entry-flow-next{align-items:center;background:linear-gradient(135deg,var(--blue-500),var(--blue-400));border:0;border-radius:10px;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-height:48px;min-width:200px;padding:0 24px;transition:transform .15s,box-shadow .15s}.entry-flow-next:hover:not(:disabled){box-shadow:0 4px 20px #3b82f666;transform:translateY(-1px)}.entry-flow-next:disabled{opacity:.5;cursor:not-allowed}.entry-back-btn{background:transparent;border:0;color:var(--slate-400);font-size:13px;margin-top:20px;padding:8px 16px;position:relative;z-index:1}.entry-back-btn:hover{color:var(--slate-200)}.qr-display{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto 20px}.qr-code-box{display:none}.qr-canvas{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:block;height:200px;margin:0 auto;padding:12px;width:200px}.qr-overlay-text{display:none}.manual-code-section{align-items:center;display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.manual-code-section small{color:var(--slate-400);font-size:.75rem}.manual-code{background:#06b6d41f;border:2px dashed rgba(6,182,212,.4);border-radius:12px;color:var(--teal-400);font-family:Courier New,monospace;font-size:1.5rem;font-weight:800;letter-spacing:4px;padding:10px 24px;text-align:center;-webkit-user-select:all;user-select:all}.manual-code-hint{color:var(--slate-500)!important;font-size:.7rem!important;font-style:italic}.verification-waiting{align-items:center;animation:fade-pulse 2s ease-in-out infinite;color:var(--teal-400);display:flex;font-size:.9rem;gap:8px;justify-content:center;margin-top:16px}@keyframes fade-pulse{0%,to{opacity:1}50%{opacity:.5}}.token-error{align-items:center;color:var(--red-500);display:flex;font-size:.85rem;gap:6px;justify-content:center;margin:-12px auto 16px;text-align:center}.token-cell--error{border-color:var(--red-500)!important;box-shadow:0 0 0 2px #ef444433!important}.entry-flow-error{align-items:center;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:var(--red-500);display:flex;font-size:.85rem;gap:8px;justify-content:center;margin-top:12px;padding:10px 16px}.exam-card--disabled{cursor:not-allowed!important;opacity:.5}.exam-card--disabled:hover{border-color:var(--glass-border)!important;transform:none!important}.exam-mode-badge--upcoming{background:#f59e0b26;color:var(--amber-500)}.exam-mode-badge--ended{background:#ef444426;color:var(--red-500)}.qr-pulse{animation:pulse-ring 2s ease-in-out infinite;border:2px solid var(--teal-400);border-radius:16px;height:140px;left:-12px;position:absolute;top:-12px;width:140px}.token-grid{display:flex;gap:10px;justify-content:center;margin:0 auto 24px}.token-cell{background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:28px;font-weight:800;height:56px;text-align:center;text-transform:uppercase;transition:border-color .2s,box-shadow .2s;width:48px}.token-cell:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px #8b5cf640;outline:none}.submitted-new-screen{align-items:center;background:linear-gradient(135deg,var(--navy-900),var(--navy-700));display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.submitted-bg-orbs{position:absolute;inset:0;pointer-events:none}.particles{pointer-events:none;position:absolute;inset:0}.particle{animation:particle-rise var(--duration) ease-out var(--delay) infinite;background:var(--blue-400);border-radius:50%;height:var(--size);left:var(--x);opacity:0;position:absolute;bottom:0;width:var(--size)}.particle:nth-child(2n){background:var(--teal-400)}.particle:nth-child(3n){background:var(--emerald-500)}.particle:nth-child(5n){background:var(--purple-500)}.submitted-card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);max-width:480px;padding:40px;position:relative;text-align:center;width:100%;z-index:1}.submitted-check-wrapper{color:var(--emerald-500);margin:0 auto 20px;position:relative;height:80px;width:80px;display:flex;align-items:center;justify-content:center}.submitted-check-ring{animation:pulse-ring 2.5s ease-in-out infinite;border:2px solid var(--emerald-500);border-radius:50%;height:96px;left:-8px;position:absolute;top:-8px;width:96px}.submitted-card h1{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.submitted-subtitle{color:var(--slate-400);font-size:14px;margin:0 0 24px}.submitted-summary{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:20px;padding:4px 0;text-align:left}.summary-item{border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;padding:12px 18px}.summary-item:last-child{border-bottom:0}.summary-item span{color:var(--slate-400);font-size:13px}.summary-item strong{color:#fff;font-size:13px}.submitted-note{color:var(--slate-400);font-size:13px;margin:0 0 24px}.submitted-back-btn{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--slate-200);display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.submitted-back-btn:hover{background:#ffffff1f}.submitted-footer{bottom:20px;color:var(--slate-500);position:absolute;text-align:center;width:100%}.submitted-footer small{font-size:11px}.pusmen-shell{background:#fff;color:#2d3436;font-family:Arial,Helvetica,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding-top:90px;width:100%}.top-header{align-items:flex-start;background:#326698;color:#fff;display:flex;height:150px;justify-content:space-between;left:0;overflow:hidden;padding:6px 48px 0;position:fixed;right:0;top:0;width:100%;z-index:0}.top-header:before{background:linear-gradient(120deg,#ffffff29,#fff0 45%),radial-gradient(circle at 6% 28%,rgba(255,255,255,.24),transparent 16%),radial-gradient(circle at 18% 62%,rgba(255,255,255,.11),transparent 18%);content:"";inset:0 auto 0 0;position:absolute;width:420px}.brand-table,.student-box{align-items:center;display:flex;position:relative;z-index:1}.brand-table{gap:8px}.school-logo{align-items:center;background:#fff;border-radius:4px;color:#326698;display:flex;font-size:34px;font-weight:800;height:70px;justify-content:center;margin:5px;width:70px}.brand-table b{font-size:16px}.brand-table small,.student-box small{display:block;font-size:12px}.student-box{gap:8px;margin-top:25px;text-align:right}.student-icon{align-items:center;background:#74b9ff;border-radius:2px;color:#326698;display:flex;font-size:18px;height:30px;justify-content:center;width:32px}.exam-content{max-width:100vw;overflow-x:hidden;padding:0 14px 40px;position:relative;width:100%;z-index:2}.form-content{background:radial-gradient(circle at 100% 0,#2d343609,#fff0 160px),#fff;color:#2d3436;margin:0 auto 20px;max-width:1280px;min-height:calc(100vh - 96px);overflow:hidden;padding:18px 50px 46px;position:relative;width:100%}.form-content:after{color:#2d343609;content:"4";font-size:290px;font-weight:800;line-height:1;position:fixed;right:28px;top:82px;z-index:0}.exam-row{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.exam-row--top{gap:16px}.exam-row--meta{margin-top:8px}.question-number span{font-size:18px}.question-number strong{font-size:20px;margin-left:5px}.info-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.pill-button,.nav-pill{align-items:center;border-radius:30px;border-style:solid;border-width:1px;display:inline-flex;gap:5px;justify-content:center;min-height:31px;padding:5px 12px}.pill-button{font-size:12px}.pill-button--blue,.nav-pill--next{background:#007bff;border-color:#007bff;color:#fff}.pill-button--timer{background:#fff;border-color:#6c757d;color:#6c757d}.font-control{align-items:center;display:flex;gap:8px}.font-control small{font-size:13px}.font-control button{background:transparent;border:0;color:#2d3436;padding:0 2px}.font-control button.active{font-weight:800}.subject-name{font-size:14px;margin-top:8px;text-align:right}.separator{border-bottom:1px solid #eeeeee;margin:14px 0 8px;position:relative;z-index:1}.question-frame{border:2px solid #eeeeee;border-top:10px solid #eeeeee;min-height:430px;overflow:hidden;position:relative;z-index:1}.question-renderer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.question-renderer--compact{font-size:12px}.question-renderer--comfortable{font-size:16px}.question-renderer--large{font-size:18px}.question-pane{height:min(58vh,520px);min-height:411px;overflow:auto;padding:16px 20px}.question-pane--stimulus{padding-right:20px}.question-pane--answer{border-left:5px dotted #eeeeee}.pane-label{display:none}.rich-text p{margin:0 0 15px}.rich-text table{border-collapse:collapse;width:100%}.rich-text td,.rich-text th{border:1px solid #d8d8d8;padding:8px}.rich-text img{height:auto;max-width:100%}.rich-text,.rich-text *{max-width:100%;overflow-wrap:break-word}.prompt{color:#2d3436;margin:0 0 12px}.prompt p{margin:0 0 15px}.answer-list{display:table;margin-top:0;width:100%}.answer-option{align-items:flex-start;border:0;display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr);min-height:56px;padding:0 0 13px}.answer-option input{appearance:none;background:#fff;border:1px solid #d7d0c8;border-radius:50%;height:27px;margin:0;position:relative;top:1px;width:27px}.answer-option input[type=checkbox]{border-radius:3px}.answer-option input:checked:after{background:#326698;border-radius:50%;content:"";height:13px;left:6px;position:absolute;top:6px;width:13px}.answer-option input[type=checkbox]:checked:after{border:solid #326698;border-width:0 3px 3px 0;background:transparent;border-radius:0;height:14px;left:8px;top:3px;transform:rotate(45deg);width:7px}.answer-option .rich-text{padding-top:1px}.statement-table{border:1px solid #d8d8d8;margin-top:10px}.statement-row{display:grid;grid-template-columns:minmax(0,1fr) 86px 86px}.statement-row>*{border-bottom:1px solid #d8d8d8;padding:10px}.statement-row label{display:grid;place-items:center}.statement-row--head{background:#f5f5f5;font-size:13px;font-weight:700}.doubt-toggle{display:none}.bottom-nav{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:18px;position:relative;z-index:1}.bottom-nav>div{text-align:center}.nav-pill{color:#fff;font-weight:400;min-width:180px}.nav-pill:disabled{cursor:not-allowed;opacity:.55}.nav-pill--prev{background:#dc3545;border-color:#dc3545}.nav-pill--doubt{background:#ffc107;border-color:#ffc107}.nav-pill--doubt input{height:13px;margin:0;width:13px}.modal-backdrop{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:50}.modal-card{background:#fff;border-radius:4px;box-shadow:0 8px 28px #0000003d;max-width:500px;width:min(100%,500px)}.modal-card header{align-items:center;background:#dfe6e9;display:flex;justify-content:space-between;padding:14px 16px}.modal-card h2{color:#2d3436;font-size:20px;font-weight:500;margin:0}.modal-card header button{background:transparent;border:0;color:#000;font-size:24px;line-height:1}.modal-body{padding:40px 24px;text-align:center}.question-map-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-bottom:48px;padding-top:48px}.question-map-button{background:#fff;border:1px solid #343a40;border-radius:4px;color:#343a40;height:30px;padding:4px 0 0;position:relative;width:30px}.question-map-button.active{background:#007bff;border-color:#007bff;color:#fff}.question-map-button--answered:not(.active){background:#343a40;color:#fff}.question-map-button--doubtful:not(.active){background:#ffc107;border-color:#ffc107;color:#fff}.question-map-button span{align-items:center;background:#fff;border:1px solid #000000;border-radius:50%;color:#000;display:flex;font-size:9px;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.modal-card--info .modal-body{text-align:left}.modal-card--submit{max-width:520px}.submit-confirm{display:grid;gap:18px}.submit-confirm-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#166534;background:#dcfce7;margin:0 auto}.submit-confirm-warning{margin:0;text-align:center;color:#334155;font-weight:700}.submit-confirm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.submit-confirm-grid div{border:1px solid #dbe4f0;border-radius:10px;background:#f8fafc;padding:12px 8px;text-align:center}.submit-confirm-grid strong{display:block;color:#0f172a;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.submit-confirm-grid span{color:#64748b;font-size:12px;font-weight:700}.submit-confirm-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.submit-confirm-actions button{border:0;border-radius:999px;cursor:pointer;font-weight:800;min-height:42px;padding:0 18px}.submit-confirm-cancel{color:#334155;background:#e2e8f0}.submit-confirm-submit{color:#fff;background:#2563eb}.info-list p{color:#2d3436;margin:0 0 10px}.demo-banner{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#9a3412;display:flex;gap:10px;margin:16px auto 0;max-width:1100px;padding:10px 16px;position:relative;z-index:1}.demo-banner strong{color:#7c2d12}.exam-mode-badge--demo{background:#fff7ed;color:#9a3412}.demo-skip-btn{background:#fff7ed;border:1px solid #fb923c;border-radius:999px;color:#9a3412;cursor:pointer;font-weight:800;margin-top:14px;min-height:42px;padding:0 18px}.demo-skip-btn:disabled{cursor:wait;opacity:.7}.essay-answer{display:grid;gap:8px;margin-top:18px}.essay-answer span{color:#334155;font-weight:800}.essay-answer textarea{border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font:inherit;min-height:150px;padding:12px;resize:vertical;width:100%}.matching-answer{display:grid;gap:10px;margin-top:18px}.matching-row{align-items:center;border:1px solid #dbe4f0;border-radius:10px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(160px,.55fr);padding:10px}.matching-row select{border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font:inherit;min-height:40px;padding:0 10px}.submitted-screen{background:#326698;color:#fff;display:grid;min-height:100vh;padding:24px;place-items:center;text-align:center}.submitted-screen h1{font-size:28px;line-height:1.2;margin:0 0 12px}.submitted-screen p{margin:0 auto 24px;opacity:.9}@media(max-width:900px){.top-header{height:160px;padding:6px 18px 0}.student-box{display:none}.form-content{max-width:calc(100vw - 28px);padding:16px 10px 36px}.exam-row{align-items:center;flex-direction:column;gap:8px;text-align:center}.info-actions{justify-content:center}.subject-name{text-align:center}.question-renderer{grid-template-columns:1fr}.question-pane{height:auto;min-height:auto}.question-pane--answer{border-left:0;border-top:5px dotted #eeeeee}.matching-row{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(3,1fr)}.nav-pill{min-width:0;width:100%}.schedule-row{grid-template-columns:1fr;gap:8px}.step-indicator{gap:30px}.step-label{font-size:10px}}@media(max-width:560px){.pusmen-shell{padding-top:102px}.top-header{height:128px}.exam-content{padding-left:12px;padding-right:12px}.form-content{max-width:calc(100vw - 24px)}.school-logo{height:54px;width:54px}.brand-table b{font-size:14px}.brand-table small{font-size:11px}.pill-button span,.nav-pill span{display:none}.pill-button--timer{min-width:132px}.font-control{justify-content:center}.question-frame{border-left-width:1px;border-right-width:1px}.answer-option{grid-template-columns:30px minmax(0,1fr)}.statement-row{grid-template-columns:minmax(0,1fr) 64px 64px}.bottom-nav{gap:6px}.login-card{padding:28px 24px}.profile-info h1{font-size:15px}.dashboard-header-inner{flex-direction:column;gap:12px;align-items:flex-start}.logout-btn{align-self:flex-end}.step-indicator{gap:20px}.step-label{display:none}.token-cell{font-size:22px;height:48px;width:40px}.exam-card{padding:16px}}