:root{--navy-900:#0b1f3a;--navy-800:#102a4c;--navy-700:#16365f;--navy-600:#1f4e79;--navy-100:#e6edf6;--navy-50:#f3f6fb;--gold-500:#c9a227;--gold-400:#dcb94a;--gold-100:#faf3dc;--red-600:#d7262e;--red-100:#fde8e9;--green-600:#15803d;--green-100:#dcfce7;--amber-600:#b45309;--amber-100:#fef3c7;--ink-900:#0f172a;--ink-700:#334155;--ink-500:#64748b;--ink-300:#cbd5e1;--ink-200:#e2e8f0;--ink-100:#f1f5f9;--white:#fff;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 4px 16px #0f172a14;--shadow-lg:0 18px 40px #0b1f3a2e;--font:"Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--ink-900);background:var(--navy-50);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--navy-50)}h1,h2,h3,h4{color:var(--ink-900);margin:0;line-height:1.25}p{margin:0}button{font-family:inherit}::selection{background:var(--gold-100)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{box-shadow:0 0 #d7262e8c}50%{box-shadow:0 0 0 8px #d7262e00}}.fade-up{animation:.35s both fadeUp}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform 50ms,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--gold-400);outline-offset:2px}.btn-block{width:100%}.btn-lg{padding:14px 22px;font-size:16px}.btn-sm{padding:7px 12px;font-size:13px}.btn-primary{background:var(--navy-600);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--navy-700);box-shadow:var(--shadow)}.btn-gold{background:var(--gold-500);color:var(--navy-900)}.btn-gold:hover:not(:disabled){background:var(--gold-400)}.btn-danger{background:var(--red-600);color:var(--white)}.btn-danger:hover:not(:disabled){background:#b91c22}.btn-ghost{background:var(--white);color:var(--ink-700);border-color:var(--ink-200)}.btn-ghost:hover:not(:disabled){background:var(--ink-100)}.btn-outline-light{color:var(--white);background:0 0;border-color:#ffffff59}.btn-outline-light:hover{background:#ffffff1a}.field{margin-bottom:16px}.field label,.label{color:var(--ink-700);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input,select.input{width:100%;color:var(--ink-900);background:var(--white);border:1px solid var(--ink-300);border-radius:var(--radius-sm);padding:11px 13px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--navy-600);outline:none;box-shadow:0 0 0 3px #1f4e7926}.pw-wrap{position:relative}.pw-wrap .input{padding-right:46px}.pw-toggle{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px;font-size:18px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{background:var(--ink-100)}.alert{border-radius:var(--radius-sm);background:var(--navy-100);color:var(--navy-700);white-space:pre-wrap;border:1px solid #c9d7ea;margin:14px 0;padding:12px 14px;font-size:14px}.alert-error{background:var(--red-100);color:#9f1239;border-color:#f8c4c7}.badge{letter-spacing:.2px;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-pass{background:var(--green-100);color:var(--green-600)}.badge-fail{background:var(--red-100);color:var(--red-600)}.badge-neutral{background:var(--ink-100);color:var(--ink-500)}.badge-progress{background:var(--amber-100);color:var(--amber-600)}.login-shell{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-brand{color:var(--white);background:radial-gradient(circle at 85% 15%, #c9a22740, transparent 40%), radial-gradient(circle at 10% 90%, #d7262e2e, transparent 45%), linear-gradient(150deg, var(--navy-800), var(--navy-900));flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff08 0 2px,#0000 2px 6px);position:absolute;inset:0}.login-brand>*{z-index:1;position:relative}.brand-logo{border:2px solid var(--gold-500);border-radius:10px;width:92px;box-shadow:0 8px 24px #00000059}.login-brand h1{color:var(--white);margin:28px 0 12px;font-size:clamp(28px,3.4vw,42px);font-weight:800}.login-brand h1 span{color:var(--gold-400)}.login-brand p.lead{color:#c8d4e6;max-width:460px;font-size:17px}.feature-list{gap:14px;margin:32px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:#dbe4f1;align-items:flex-start;gap:12px;display:flex}.feature-list .dot{width:28px;height:28px;color:var(--gold-400);background:#c9a2272e;border-radius:8px;flex:none;place-items:center;font-size:15px;display:grid}.brand-foot{color:#8fa3c0;font-size:13px}.login-panel{background:var(--white);place-items:center;padding:40px 24px;display:grid}.login-card{width:min(420px,100%)}.login-card h2{font-size:26px;font-weight:800}.login-card .sub{color:var(--ink-500);margin:6px 0 26px}.segmented{background:var(--ink-100);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.segmented button{color:var(--ink-500);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px;font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}@media (width<=860px){.login-shell{grid-template-columns:1fr}.login-brand{padding:32px 24px}.feature-list,.brand-foot{display:none}.login-brand h1{margin-top:18px}}.topbar{z-index:20;background:var(--navy-900);color:var(--white);border-bottom:3px solid var(--gold-500);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:12px 20px;display:flex}.brand-mini{align-items:center;gap:12px;min-width:0;display:flex}.brand-mini img{border:1px solid var(--gold-500);border-radius:6px;width:40px}.brand-mini strong{color:var(--white);font-size:16px;display:block}.brand-mini small{color:#9fb2cf;font-size:12px}.user-chip{align-items:center;gap:12px;display:flex}.avatar{background:var(--gold-500);width:36px;height:36px;color:var(--navy-900);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.user-chip .who{text-align:right;line-height:1.2}.user-chip .who strong{font-size:14px;display:block}.user-chip .who small{color:#9fb2cf;font-size:12px}@media (width<=640px){.user-chip .who{display:none}}.container{max-width:1180px;margin:0 auto;padding:28px 20px 60px}.hero{border-radius:var(--radius-lg);color:var(--white);background:radial-gradient(circle at 95% 0%, #c9a22759, transparent 45%), linear-gradient(120deg, var(--navy-700), var(--navy-900));box-shadow:var(--shadow-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;display:flex}.hero h1{color:var(--white);font-size:clamp(22px,3vw,30px);font-weight:800}.hero p{color:#c8d4e6;margin-top:6px}.hero-stats{flex-wrap:wrap;gap:12px;display:flex}.hero-stat{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff24;min-width:110px;padding:10px 16px}.hero-stat strong{color:var(--gold-400);font-size:22px;display:block}.hero-stat span{color:#c8d4e6;font-size:12px}.section-title{justify-content:space-between;align-items:center;margin:32px 0 14px;display:flex}.section-title h2{font-size:18px;font-weight:700}.section-title small{color:var(--ink-500)}.card{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.card h3{margin-bottom:14px;font-size:16px;font-weight:700}.grid{gap:18px;display:grid}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.exam-card{flex-direction:column;gap:16px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.exam-card:before{content:"";background:linear-gradient(90deg, var(--navy-600), var(--gold-500), var(--red-600));height:4px;position:absolute;top:0;left:0;right:0}.exam-card .tag{color:var(--gold-500);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.exam-card h3{margin:2px 0 0;font-size:19px}.exam-card .desc{color:var(--ink-500);font-size:14px}.meta-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.meta{background:var(--navy-50);border:1px solid var(--navy-100);text-align:center;border-radius:10px;padding:10px}.meta strong{color:var(--navy-700);font-size:18px;display:block}.meta span{color:var(--ink-500);font-size:12px}.empty{text-align:center;color:var(--ink-500);padding:36px 20px}.empty .icon{margin-bottom:8px;font-size:34px}.history-item{border-bottom:1px solid var(--ink-100);justify-content:space-between;align-items:center;gap:16px;padding:14px 4px;display:flex}.history-item:last-child{border-bottom:0}.history-item .when{color:var(--ink-500);margin-top:2px;font-size:13px}.history-item .score{align-items:center;gap:14px;display:flex}.history-item .pct{color:var(--navy-700);text-align:right;min-width:60px;font-size:18px;font-weight:800}.exam-bar{z-index:20;background:var(--white);border-bottom:1px solid var(--ink-200);box-shadow:var(--shadow-sm);position:sticky;top:0}.exam-bar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:12px 20px;display:flex}.exam-bar h2{font-size:17px}.exam-bar small{color:var(--ink-500)}.timer{font-variant-numeric:tabular-nums;background:var(--navy-900);color:var(--white);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:22px;font-weight:800;display:inline-flex}.timer.danger{background:var(--red-600);animation:1.2s infinite pulse}.progress{background:var(--ink-100);height:6px}.progress>div{background:linear-gradient(90deg, var(--navy-600), var(--gold-500));height:100%;transition:width .3s}.exam-layout{grid-template-columns:1fr 280px;align-items:start;gap:20px;display:grid}@media (width<=900px){.exam-layout{grid-template-columns:1fr}}.q-label{color:var(--gold-500);text-transform:uppercase;letter-spacing:.8px;font-size:13px;font-weight:700}.q-text{margin:10px 0 22px;font-size:20px;font-weight:600;line-height:1.45}.option{text-align:left;background:var(--white);border:1.5px solid var(--ink-200);border-radius:var(--radius);width:100%;color:var(--ink-900);cursor:pointer;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;font-size:15px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.option:hover{border-color:var(--navy-600);background:var(--navy-50)}.option .letter{background:var(--ink-100);width:34px;height:34px;color:var(--ink-700);border-radius:50%;flex:none;place-items:center;font-weight:800;transition:background .15s,color .15s;display:grid}.option.selected{border-color:var(--navy-600);background:var(--navy-100);box-shadow:0 0 0 3px #1f4e791f}.option.selected .letter{background:var(--navy-600);color:var(--white)}.q-nav{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;display:flex}.palette{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.palette button{aspect-ratio:1;border:1.5px solid var(--ink-200);background:var(--white);color:var(--ink-700);cursor:pointer;border-radius:8px;font-weight:700}.palette button.answered{background:var(--green-100);color:var(--green-600);border-color:#86efac}.palette button.current{border-color:var(--navy-600);box-shadow:0 0 0 2px #1f4e7940}.legend{color:var(--ink-500);flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border:1px solid var(--ink-300);border-radius:3px;width:12px;height:12px;margin-right:5px;display:inline-block}.result-card{text-align:center;max-width:760px;margin:0 auto;padding:36px 28px}.ring{--p:0;--c:var(--green-600);background:conic-gradient(var(--c) calc(var(--p) * 1%), var(--ink-100) 0);border-radius:50%;place-items:center;width:170px;height:170px;margin:22px auto;display:grid}.ring>div{background:var(--white);border-radius:50%;align-content:center;place-items:center;width:136px;height:136px;display:grid}.ring strong{color:var(--ink-900);font-size:34px;font-weight:800}.ring span{color:var(--ink-500);font-size:12px}.result-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}@media (width<=560px){.result-grid{grid-template-columns:repeat(2,1fr)}}.result-grid div{background:var(--navy-50);border:1px solid var(--navy-100);border-radius:var(--radius);padding:14px}.result-grid strong{color:var(--navy-700);font-size:22px;display:block}.result-grid span{color:var(--ink-500);font-size:12px}.result-status{border-radius:999px;padding:10px 26px;font-size:20px;font-weight:800;display:inline-block}.admin-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy-800), var(--navy-900));color:var(--white);flex-direction:column;gap:6px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.sidebar .brand-mini{border-bottom:1px solid #ffffff14;margin-bottom:14px;padding:4px 8px 22px}.nav-item{color:#b8c7dd;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:var(--white);background:#ffffff0f}.nav-item.active{color:var(--gold-400);box-shadow:inset 3px 0 0 var(--gold-500);background:#c9a22729}.nav-item .ico{text-align:center;width:20px}.sidebar .spacer{flex:1}.admin-main{min-width:0}.admin-head{background:var(--white);border-bottom:1px solid var(--ink-200);z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;position:sticky;top:0}.admin-head h1{font-size:21px;font-weight:800}.admin-head p{color:var(--ink-500);font-size:13px}.admin-body{max-width:1280px;padding:26px 28px 60px}.stat-card{align-items:center;gap:14px;display:flex}.stat-card .ico{background:var(--navy-100);border-radius:12px;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.stat-card strong{font-size:24px;font-weight:800;display:block}.stat-card span{color:var(--ink-500);font-size:13px}.table-wrap{border:1px solid var(--ink-200);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;background:var(--white);width:100%;font-size:14px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-500);background:var(--ink-100);white-space:nowrap;padding:11px 14px;font-size:12px}.table td{border-top:1px solid var(--ink-100);vertical-align:middle;padding:12px 14px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.toolbar .input{max-width:320px}.dropzone{border:2px dashed var(--ink-300);border-radius:var(--radius);text-align:center;background:var(--navy-50);cursor:pointer;padding:34px 20px;transition:border-color .15s,background .15s;display:block}.dropzone:hover{border-color:var(--navy-600);background:var(--navy-100)}.dropzone .icon{font-size:34px}.dropzone input{display:none}.hint{color:var(--ink-500);font-size:13px}.code-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.code-chips code{background:var(--ink-100);color:var(--ink-700);border-radius:6px;padding:2px 8px;font-size:12px}pre.errors{background:var(--ink-100);text-align:left;border-radius:8px;max-height:280px;padding:12px;font-size:12px;overflow:auto}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;height:auto;padding:10px;position:static}.sidebar .brand-mini{border:0;margin:0 auto 0 0;padding:4px 8px}.sidebar .spacer{display:none}.nav-item{width:auto}.admin-head{padding:14px 18px;position:static}.admin-body{padding:18px}}.section-banner{background:linear-gradient(90deg, var(--navy-100), var(--gold-100));border:1px solid #dfe6f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin:-4px 0 18px;padding:10px 14px;display:flex}.section-banner strong{color:var(--navy-700);font-size:15px}.section-step{letter-spacing:.8px;text-transform:uppercase;color:var(--white);background:var(--navy-600);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.section-marks{color:var(--gold-500);margin-left:auto;font-size:13px;font-weight:700}.q-marks{color:var(--ink-500);text-transform:none;letter-spacing:0;font-weight:600}.palette-section+.palette-section{border-top:1px dashed var(--ink-200);margin-top:16px;padding-top:14px}.palette-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.palette-head span{color:var(--navy-700);font-size:13px;font-weight:700}.palette-head small{color:var(--ink-500);white-space:nowrap;font-size:12px}.palette button.locked{background:var(--ink-100);color:var(--ink-300);cursor:not-allowed;border-style:dashed}.section-results{text-align:left;gap:12px;margin:22px 0 6px;display:grid}.section-result{background:var(--navy-50);border:1px solid var(--navy-100);border-radius:var(--radius);padding:14px 16px}.sr-top{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.sr-top strong:last-child{color:var(--navy-700);font-size:18px}.sr-bar{background:var(--ink-200);border-radius:999px;height:8px;margin-bottom:6px;overflow:hidden}.sr-bar>div{background:linear-gradient(90deg, var(--navy-600), var(--gold-500));border-radius:999px;height:100%}.section-result small{color:var(--ink-500)}.split-preview{border-radius:999px;grid-template-columns:30fr 70fr;height:10px;margin:6px 0 4px;display:grid;overflow:hidden}.split-preview .en{background:var(--gold-500)}.split-preview .dep{background:var(--navy-600)}.sec-chip{background:var(--ink-100);white-space:nowrap;border-radius:6px;margin:2px 4px 2px 0;padding:2px 8px;font-size:12px;display:inline-block}.sec-chip strong{color:var(--navy-700)}.stat-filter{background:var(--navy-50);border:1.5px solid var(--ink-200);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;font-family:inherit;display:flex}.stat-filter strong{font-size:22px;font-weight:800}.stat-filter span{color:var(--ink-500);font-size:13px}.stat-filter.active{border-color:var(--navy-600);background:var(--navy-100)}.sheet-section{color:var(--navy-700);margin:22px 0 10px;font-size:16px}.sheet-q{border-left:5px solid var(--ink-300);margin-bottom:12px}.sheet-q.ok{border-left-color:var(--green-600)}.sheet-q.bad{border-left-color:var(--red-600)}.sheet-q-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-q-text{margin:8px 0 12px;font-weight:600}.sheet-options{gap:8px;display:grid}.sheet-opt{border:1px solid var(--ink-200);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:flex}.sheet-opt .letter{background:var(--ink-100);width:28px;height:28px;color:var(--ink-700);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.sheet-opt .tag{white-space:nowrap;margin-left:auto;font-size:12px;font-weight:700}.sheet-opt.correct{background:var(--green-100);border-color:#86efac}.sheet-opt.correct .letter{background:var(--green-600);color:var(--white)}.sheet-opt.correct .tag{color:var(--green-600)}.sheet-opt.wrong{background:var(--red-100);border-color:#f8c4c7}.sheet-opt.wrong .letter{background:var(--red-600);color:var(--white)}.sheet-opt.wrong .tag{color:var(--red-600)}@media print{.sidebar,.admin-head,.no-print,.alert{display:none!important}.admin-shell{display:block}.admin-body{padding:0}.sheet-q{break-inside:avoid;box-shadow:none}body{background:#fff}}body.exam-lock,body.exam-lock *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}@media print{body.exam-lock #root{display:none!important}body.exam-lock:after{content:"Printing is disabled during the exam.";padding:40px;font-size:20px;display:block}}:root{--navy-grad:linear-gradient(135deg, #1f4e79 0%, #16365f 55%, #0b1f3a 100%);--gold-grad:linear-gradient(135deg, #f0cf6b 0%, #c9a227 60%, #a8841c 100%);--red-grad:linear-gradient(135deg, #ef4444 0%, #d7262e 100%);--glass:#ffffffc7;--shadow-card:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--shadow-hover:0 14px 34px #0b1f3a24;--radius:14px;--radius-lg:22px}body{background-color:#f2f5fa;background-image:radial-gradient(1200px 600px at 100% -10%,#c9a2271a,#0000 60%),radial-gradient(900px 500px at -10% 110%,#1f4e791a,#0000 60%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}@keyframes floaty{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-22px)scale(1.06)}}@keyframes shimmer{0%{transform:translate(-120%)skew(-20deg)}to{transform:translate(220%)skew(-20deg)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes popIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.btn{letter-spacing:.2px;border-radius:10px;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;height:100%;position:absolute;top:0;left:0;transform:translate(-120%)skew(-20deg)}.btn:hover:not(:disabled):after{animation:.8s shimmer}.btn-primary{background:var(--navy-grad);box-shadow:0 6px 16px #1f4e7947}.btn-primary:hover:not(:disabled){background:var(--navy-grad);transform:translateY(-1px);box-shadow:0 10px 24px #1f4e7961}.btn-gold{background:var(--gold-grad);color:#1b1405;box-shadow:0 6px 16px #c9a22752}.btn-gold:hover:not(:disabled){background:var(--gold-grad);transform:translateY(-1px)}.btn-danger{background:var(--red-grad);box-shadow:0 6px 16px #d7262e47}.btn-danger:hover:not(:disabled){background:var(--red-grad);transform:translateY(-1px)}.btn-ghost{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6}.btn-ghost:hover:not(:disabled){border-color:var(--navy-600);color:var(--navy-700)}.input,select.input{background:#fbfcfe;border-color:#d5dde8;border-radius:10px}.input:hover{border-color:#b8c5d6}.input:focus{border-color:var(--navy-600);background:#fff;box-shadow:0 0 0 4px #1f4e791f}.card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid #e2e8f0e6;animation:.35s both popIn}.card h3{align-items:center;gap:8px;display:flex}.login-brand{background:radial-gradient(circle at 85% 15%,#c9a2274d,#0000 40%),radial-gradient(circle at 10% 90%,#d7262e38,#0000 45%),linear-gradient(150deg,#16365f,#0b1f3a 70%)}.login-brand:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#c9a22759,#0000 65%);border-radius:50%;width:420px;height:420px;animation:9s ease-in-out infinite floaty;position:absolute;bottom:-120px;right:-120px}.brand-logo{width:104px;animation:.6s both popIn;box-shadow:0 0 0 6px #c9a2272e,0 18px 40px #00000073}.login-brand h1{letter-spacing:-.5px}.login-brand h1 span{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.feature-list li{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px}.feature-list .dot{background:var(--gold-grad);color:#1b1405}.login-panel{background:radial-gradient(600px 300px at 80% 0,#1f4e7912,#0000 60%),#f7f9fc}.login-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #e8edf4;padding:36px 34px;position:relative;box-shadow:0 24px 60px #0b1f3a1f}.login-card:before{content:"";background:linear-gradient(90deg, var(--navy-600), var(--gold-500), var(--red-600));border-radius:0 0 6px 6px;height:4px;position:absolute;top:0;left:34px;right:34px}.login-card h2{letter-spacing:-.4px;font-size:28px}.segmented{background:#eef2f7;border-radius:12px}.segmented button.active{background:var(--navy-grad);color:#fff;box-shadow:0 6px 14px #1f4e7940}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1f3aeb;border-bottom:0;box-shadow:0 6px 24px #0b1f3a40}.topbar:after{content:"";background:linear-gradient(90deg, var(--navy-600), var(--gold-500), var(--red-600));background-size:200% 100%;height:3px;animation:8s infinite gradientMove;display:block}.avatar{background:var(--gold-grad);box-shadow:0 0 0 3px #c9a22740}.hero{border-radius:var(--radius-lg);background:linear-gradient(120deg,#1f4e79,#16365f,#0b1f3a,#1f4e79) 0 0/300% 300%;padding:34px;animation:14s infinite gradientMove;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero:before{background:radial-gradient(circle,#c9a22773,#0000 65%);width:280px;height:280px;animation:10s ease-in-out infinite floaty;top:-110px;right:-60px}.hero:after{background:radial-gradient(circle,#d7262e40,#0000 65%);width:200px;height:200px;animation:12s ease-in-out infinite reverse floaty;bottom:-120px;left:40%}.hero>*{z-index:1;position:relative}.hero h1{letter-spacing:-.5px;font-size:clamp(24px,3.2vw,34px)}.hero-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;min-width:120px;transition:transform .2s}.hero-stat:hover{transform:translateY(-3px)}.hero-stat strong{font-size:26px}.section-title h2{letter-spacing:-.2px;align-items:center;gap:10px;font-size:19px;display:flex}.section-title h2:before{content:"";background:linear-gradient(180deg, var(--gold-500), var(--navy-600));border-radius:4px;width:6px;height:20px}.exam-card{background:#fff;border-radius:18px;padding:24px}.exam-card:before{background:linear-gradient(90deg, var(--navy-600), var(--gold-500), var(--red-600));height:5px}.exam-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.exam-card .tag{background:var(--gold-100);color:#8a6a12;border-radius:999px;padding:3px 10px;font-size:11px;display:inline-block}.exam-card h3{margin-top:8px;font-size:20px}.meta{background:linear-gradient(#f7f9fc,#eef3f9);border-color:#e3eaf3;border-radius:12px}.meta strong{font-size:20px}.history-item{border-radius:10px;padding:16px 8px;transition:background .15s}.history-item:hover{background:var(--navy-50)}.exam-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0}.timer{background:var(--navy-grad);letter-spacing:1px;border-radius:12px;box-shadow:0 8px 20px #0b1f3a40}.timer.warn{background:linear-gradient(135deg,#f59e0b,#b45309)}.timer.danger{background:var(--red-grad)}.progress{height:5px}.progress>div{background:linear-gradient(90deg, var(--navy-600), var(--gold-500), var(--red-600))}.q-text{letter-spacing:-.2px;font-size:21px}.option{background:#fff;border-radius:14px;padding:15px 18px;transition:transform .12s,border-color .15s,box-shadow .15s,background .15s}.option:hover{transform:translate(4px);box-shadow:0 6px 16px #0f172a0f}.option.selected{background:linear-gradient(90deg,#e9f0f8,#f7fafd);box-shadow:0 0 0 3px #1f4e7926,0 8px 18px #1f4e791a}.option.selected .letter{background:var(--navy-grad)}.palette button{border-radius:10px;transition:transform .1s}.palette button:hover:not(:disabled){transform:scale(1.06)}.palette button.answered{background:linear-gradient(#dcfce7,#bbf7d0)}.result-card{border-radius:var(--radius-lg);background:#fff;padding:42px 30px}.ring{animation:.6s both popIn;box-shadow:0 0 0 10px #1f4e790a,0 18px 40px #0b1f3a1f}.ring strong{font-size:38px}.result-status{box-shadow:0 8px 20px #0f172a14}.result-grid div{background:linear-gradient(#f7f9fc,#eef3f9);border-radius:14px}.sidebar{background:radial-gradient(300px 300px at 0 100%,#c9a22726,#0000 70%),linear-gradient(#16365f,#0b1f3a);box-shadow:4px 0 24px #0b1f3a2e}.nav-item{border-radius:12px;padding:12px 14px;transition:background .15s,color .15s,transform .15s}.nav-item:hover{transform:translate(3px)}.nav-item.active{background:var(--gold-grad);color:#1b1405;box-shadow:0 8px 18px #c9a2274d}.nav-item .ico{font-size:17px}.admin-head{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9}.admin-head h1{letter-spacing:-.4px;font-size:23px}.stat-card{background:#fff;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(90deg, var(--navy-600), var(--gold-500));opacity:.8;height:3px;position:absolute;bottom:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.stat-card .ico{border-radius:14px;width:50px;height:50px;font-size:22px}.stat-card strong{font-size:26px}.table-wrap{box-shadow:var(--shadow-card);background:#fff;border-color:#e6ecf3;border-radius:14px}.table th{color:#52627a;background:linear-gradient(#f6f8fb,#eef2f7);position:sticky;top:0}.table tbody tr:nth-child(2n) td{background:#fafbfd}.table tbody tr:hover td{background:#eef4fb}.badge{letter-spacing:.3px;white-space:nowrap;padding:4px 11px}.badge-pass{background:linear-gradient(#dcfce7,#c9f7d8)}.badge-fail{background:linear-gradient(#fde8e9,#fbd5d7)}.alert{border-left:4px solid var(--navy-600);border-radius:12px}.alert-error{border-left-color:var(--red-600)}.dropzone{background:linear-gradient(#f7f9fc,#eef3f9);border-radius:16px}.dropzone:hover{box-shadow:inset 0 0 0 2px #1f4e7926}.sheet-q{border-radius:14px}.stat-filter{border-radius:14px;transition:transform .15s}.stat-filter:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.send-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.send-opt{border:1.5px solid var(--ink-200);cursor:pointer;color:var(--ink-700);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.send-opt.on{border-color:var(--navy-600);background:var(--navy-100);color:var(--navy-700)}.send-opt input{width:16px;height:16px;accent-color:var(--navy-600)}.invite-result{border-top:1px dashed var(--ink-300);margin-top:18px;padding-top:16px}.cred{background:var(--navy-50);border:1px solid var(--navy-100);border-radius:12px;gap:6px;padding:12px 14px;display:grid}.cred div{justify-content:space-between;gap:10px;font-size:14px;display:flex}.cred span{color:var(--ink-500)}.cred .mono{letter-spacing:.5px;font-family:Consolas,monospace;font-size:15px}.invite-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.invite-actions a.btn{text-decoration:none}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 6px 14px #128c7e4d}.alert-closable{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.alert-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px;font-size:20px;line-height:1}.alert-close:hover{opacity:1}.brand-header{align-items:center;gap:16px;display:flex}.brand-header .brand-logo{border-radius:10px;width:68px}.brand-name{letter-spacing:-.3px;color:#fff;font-size:clamp(20px,2.2vw,26px);font-weight:800;line-height:1.15}.brand-tag{letter-spacing:2px;text-transform:uppercase;color:var(--gold-400);margin-top:4px;font-size:12px;font-weight:700}.login-brand h1{margin-top:44px}.feature-list .dot{letter-spacing:.5px;width:34px;height:34px;font-size:12px;font-weight:800}.brand-foot{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:18px;display:flex}.dev-credit{border-left:2px solid var(--gold-400,#d4af37);align-items:center;gap:10px;padding-left:14px;display:inline-flex}.dev-label{letter-spacing:1.6px;text-transform:uppercase;color:#9fb2cf;font-size:10.5px;font-weight:600}.dev-name{letter-spacing:.4px;color:var(--gold-400,#d4af37);font-size:13px;font-weight:700}@media (width<=860px){.brand-foot{display:flex}.login-brand h1{margin-top:22px}}.page-nav{gap:8px;margin-bottom:10px;display:flex}.nav-btn{border:1px solid var(--ink-200,#d9dee7);color:var(--ink-700,#334155);font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.nav-btn:hover:not(:disabled){color:#1d4ed8;background:#eef4ff;border-color:#9db8ec}.nav-btn:disabled{opacity:.45;cursor:default}.user-menu{position:relative}.avatar-btn{cursor:pointer;font:inherit;border:none;font-weight:700;transition:transform .15s,box-shadow .15s}.avatar-btn:hover,.avatar-btn[aria-expanded=true]{transform:scale(1.06);box-shadow:0 0 0 4px #c9a22759}.user-menu-pop{z-index:1000;color:#1e293b;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:210px;padding:6px;animation:.12s ease-out menuIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #0f172a2e}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.user-menu-head{border-bottom:1px solid #eef2f7;margin-bottom:4px;padding:10px 12px 8px}.user-menu-head strong{color:#0f172a;font-size:14px;display:block}.user-menu-head small{color:#64748b;font-size:12px}.user-menu-item{width:100%;font:inherit;color:#1e293b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.user-menu-item:hover{background:#f1f5f9}.user-menu-item.danger{color:#b91c1c}.user-menu-item.danger:hover{background:#fef2f2}.user-menu-item .ico{text-align:center;width:18px}.settings-row{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.settings-row span{color:#64748b}.req{color:#dc2626;margin-left:2px;font-weight:700}.steps-note{color:#64748b;margin:-4px 0 12px;font-size:13px}.field-next{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b4d!important}.next-hint{color:#b45309;margin-top:4px;font-size:12px;font-weight:600}.step-next{outline:2px solid #f59e0b;box-shadow:0 0 0 6px #f59e0b2e}.next-banner{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:14px}.leave-overlay{z-index:9999;background:#0f172abf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.leave-box{text-align:center;background:#fff;border-top:6px solid #d7262e;border-radius:14px;width:100%;max-width:460px;padding:26px 24px;box-shadow:0 20px 50px #00000059}.leave-box h2{color:#b91c1c;margin:6px 0 10px}.leave-box p{color:#334155;margin:0 0 12px;line-height:1.5}.leave-icon{font-size:44px}