:root{--navy:#102b55;--navy2:#0b1f3e;--gold:#d4a62a;--bg:#f4f7fb;--text:#1d2733;--muted:#6f7b8a;--danger:#c0392b;--ok:#1f8a55;--line:#dfe6ef}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:#174f91;text-decoration:none}.topbar{height:62px;background:linear-gradient(90deg,var(--navy2),var(--navy));color:#fff;display:flex;align-items:center;padding:0 22px;box-shadow:0 2px 8px #0002}.brand{font-weight:800;letter-spacing:.2px}.shell{display:flex;min-height:calc(100vh - 62px)}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:18px 12px}.sidebar a{display:block;padding:11px 14px;border-radius:7px;color:#24364f;margin:3px 0;font-weight:600}.sidebar a:hover,.sidebar a.active{background:#eaf1fb;color:var(--navy)}.main{flex:1;padding:22px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #102b5510;padding:18px;margin-bottom:18px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{border-left:4px solid var(--gold)}.stat b{font-size:27px;color:var(--navy)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f7f9fc;color:#34495e}.btn{display:inline-block;border:0;border-radius:6px;padding:9px 13px;font-weight:700;cursor:pointer;background:var(--navy);color:white}.btn-sm{padding:6px 9px;font-size:12px}.btn-gold{background:var(--gold);color:#1c2430}.btn-danger{background:var(--danger)}.btn-ok{background:var(--ok)}input,select,textarea{width:100%;padding:10px;border:1px solid #cfd8e5;border-radius:6px;background:#fff}label{font-weight:700;font-size:13px;display:block;margin:9px 0 5px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.alert{padding:11px 13px;border-radius:6px;margin:12px 0}.alert-success{background:#e8f7ef;color:#17623d}.alert-danger{background:#fdeceb;color:#8e231c}.alert-warning{background:#fff5d7;color:#7b5a00}.badge{display:inline-block;padding:4px 8px;border-radius:12px;background:#e9eef5;font-size:12px}.badge.approved,.badge.success,.badge.sent,.badge.published{background:#dff4e7;color:#16633c}.badge.pending,.badge.created{background:#fff2cc;color:#755600}.badge.rejected,.badge.failed,.badge.blocked,.badge.disqualified{background:#fde2e0;color:#8e231c}.public-wrap{max-width:980px;margin:32px auto;padding:0 16px}.hero{background:linear-gradient(120deg,#0b1f3e,#173d75);color:#fff;border-radius:14px;padding:34px}.exam-wrap{max-width:1180px;margin:20px auto;padding:0 14px}.exam-head{position:sticky;top:0;z-index:5;background:#fff;border:1px solid var(--line);padding:12px;border-radius:8px;display:flex;justify-content:space-between}.timer{font-size:24px;font-weight:800;color:var(--danger)}.options label{font-weight:500;border:1px solid var(--line);padding:10px;border-radius:7px;margin:7px 0}.navnums{display:flex;flex-wrap:wrap;gap:6px}.navnums button{width:36px;height:34px;border:1px solid var(--line);background:#fff;border-radius:5px}@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;display:flex;overflow:auto}.sidebar a{white-space:nowrap}.main{padding:12px}.row,.grid-4{grid-template-columns:1fr}.topbar{padding:0 12px}}
.top-meta{margin-left:auto;display:flex;align-items:center;gap:8px}.top-meta a{color:#fff}.role-chip{font-size:11px;text-transform:uppercase;letter-spacing:.4px;background:#ffffff22;border:1px solid #ffffff44;padding:3px 7px;border-radius:12px}.side-title{padding:4px 14px 10px;font-size:11px;color:#8996a8;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.table-scroll{overflow-x:auto}.inline-form{display:inline-flex;align-items:center;gap:5px}.filter-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.check-row{display:flex;align-items:center;gap:8px;font-weight:600}.check-row input{width:auto}.btn-muted{background:#6f7b8a}.narrow{max-width:500px}.muted{color:var(--muted)}.card h3{color:var(--navy);margin-top:4px}.sidebar{position:sticky;top:0;align-self:flex-start;min-height:calc(100vh - 62px)}.main h2{color:var(--navy);margin-top:0}.topbar{border-bottom:3px solid var(--gold)}
@media(max-width:700px){.top-meta{font-size:12px}.sidebar{position:static;min-height:0}.side-title{display:none}.table-scroll{padding:10px}.exam-head{gap:8px;flex-wrap:wrap}.timer{font-size:20px}}

.exam-status{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:center}.exam-legend{margin-bottom:10px}.exam-warning{position:sticky;top:74px;z-index:7;margin:10px 0;padding:13px 15px;border:1px solid #e8c766;border-left:5px solid var(--gold);background:#fff8de;color:#6d5200;border-radius:7px;box-shadow:0 3px 12px #102b5518;font-weight:700}.exam-warning-severe{border-color:#df8b82;border-left-color:var(--danger);background:#fdeceb;color:#8e231c}.navnums button.nav-answered{background:#dff4e7;border-color:#9ed3b4;color:#16633c}.navnums button.nav-review{background:#fff2cc;border-color:#e3c868;color:#755600}.btn:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:700px){.exam-status{order:3;width:100%;justify-content:flex-start}.exam-head{position:sticky}.exam-warning{top:118px}.exam-head .timer{margin-left:auto}}

/* ============================================================
   v1.2 Premium Brand + Login + Admin Console
   ============================================================ */
:root{--premium-navy:#071a33;--premium-navy-2:#0d2d57;--premium-blue:#154b86;--premium-gold:#d6ad45;--premium-gold-2:#f0cf76;--premium-ink:#152237;--premium-soft:#eef3f9;--premium-border:#dfe7f1;--premium-shadow:0 18px 50px rgba(9,31,61,.10)}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}

/* Authentication */
.auth-body{min-height:100vh;background:linear-gradient(135deg,#071a33 0%,#0d2d57 55%,#143b6c 100%);color:var(--premium-ink)}
.auth-body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 12% 18%,rgba(240,207,118,.15),transparent 28%),radial-gradient(circle at 88% 78%,rgba(255,255,255,.08),transparent 30%);pointer-events:none}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);position:relative;z-index:1}
.auth-showcase{display:flex;align-items:center;padding:7vw;position:relative;overflow:hidden;color:#fff}
.auth-showcase:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(240,207,118,.18);border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 44px rgba(240,207,118,.035),0 0 0 90px rgba(240,207,118,.02)}
.auth-showcase-inner{max-width:690px;position:relative;z-index:2}
.auth-brand-large{display:flex;align-items:center;gap:18px;margin-bottom:46px}.auth-brand-large img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.22))}.auth-brand-large span{font-size:11px;letter-spacing:2.2px;color:var(--premium-gold-2);font-weight:900}.auth-brand-large h1{font-size:22px;margin:5px 0 0;color:#fff;letter-spacing:.2px}
.auth-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900;color:#a97c17}.auth-kicker{color:var(--premium-gold-2);border:1px solid rgba(240,207,118,.28);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.045)}
.auth-showcase h2{font-size:clamp(34px,4vw,58px);line-height:1.04;max-width:760px;margin:22px 0 18px;color:#fff;letter-spacing:-1.7px}.auth-showcase>div>p{font-size:17px;color:#d9e5f2;max-width:620px;line-height:1.7}
.auth-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:34px}.auth-feature-grid>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:15px;padding:16px;backdrop-filter:blur(9px)}.auth-feature-grid b{display:block;color:#fff;font-size:13px;margin-bottom:6px}.auth-feature-grid span{display:block;color:#bfcde0;font-size:11px;line-height:1.5}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:36px;background:rgba(247,250,253,.97);border-radius:34px 0 0 34px;box-shadow:-28px 0 70px rgba(0,0,0,.14)}
.auth-card{width:min(470px,100%)}.auth-card h2,.verify-card h2{font-size:31px;letter-spacing:-.7px;margin:9px 0;color:var(--premium-navy)}.auth-card>p.muted{margin:0 0 24px}
.auth-logo-mobile{display:none;align-items:center;gap:10px;margin-bottom:24px}.auth-logo-mobile img{width:44px;height:44px}.auth-logo-mobile b{color:var(--premium-navy)}
.input-premium input,.auth-card input,.verify-card input{height:50px;border:1px solid #ced9e6;border-radius:11px;background:#fff;box-shadow:0 2px 7px rgba(9,31,61,.03);font-size:14px}.input-premium input:focus,.auth-card input:focus,.verify-card input:focus,input:focus,select:focus,textarea:focus{outline:0;border-color:#2f67a2;box-shadow:0 0 0 4px rgba(47,103,162,.10)}
.btn-premium{background:linear-gradient(135deg,var(--premium-navy-2),#174c87);box-shadow:0 10px 24px rgba(13,45,87,.22);border:1px solid rgba(255,255,255,.12);transition:.2s transform,.2s box-shadow}.btn-premium:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(13,45,87,.27)}.btn-block{width:100%;padding:14px 18px;border-radius:11px;font-size:14px;margin-top:20px}
.auth-security-note{margin-top:25px;padding:14px 15px;border-radius:12px;background:#f3f7fb;border:1px solid #e0e9f3;display:flex;align-items:center;gap:12px}.auth-security-note b{display:block;color:var(--premium-navy);font-size:12px}.auth-security-note small{display:block;color:#728096;line-height:1.5;margin-top:2px}.security-dot{width:10px;height:10px;border-radius:50%;background:#31a56a;box-shadow:0 0 0 5px rgba(49,165,106,.12);flex:0 0 auto}.auth-links{display:flex;justify-content:space-between;margin-top:16px;font-size:12px}.auth-footer{text-align:center;color:#8b97a6;font-size:11px;margin-top:27px}
.verify-shell{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;z-index:1}.verify-card{width:min(470px,100%);background:#fff;padding:38px;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.24);text-align:center;border:1px solid rgba(255,255,255,.6)}.verify-logo{width:68px;height:68px;object-fit:contain;margin:0 auto 18px}.verify-card label{text-align:left}.otp-input{text-align:center!important;font-size:28px!important;font-weight:900!important;letter-spacing:9px!important;height:60px!important}.otp-input.compact{max-width:260px;letter-spacing:7px!important}.verify-back{display:inline-block;margin-top:18px;font-size:12px;color:#728096}

/* Admin Console */
.admin-body{background:#f1f5fa;color:var(--premium-ink);min-height:100vh}.admin-shell{display:flex;min-height:100vh}.premium-sidebar{width:286px;background:linear-gradient(180deg,#071a33,#0b2548 60%,#0c2b52);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:50;box-shadow:14px 0 50px rgba(7,26,51,.12)}
.sidebar-brand{height:86px;display:flex;align-items:center;gap:13px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.015)}.sidebar-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}.sidebar-brand strong{display:block;font-size:13px;color:#fff;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand span{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#b7c7d9;margin-top:4px}
.sidebar-scroll{padding:14px 13px 20px;overflow:auto;flex:1}.premium-side-title{padding:17px 13px 7px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900;color:#7188a3}.premium-nav-link{position:relative;display:flex;align-items:center;gap:11px;color:#c8d5e3!important;padding:10px 12px;margin:3px 0;border-radius:10px;font-size:12px;font-weight:700;transition:.16s ease}.premium-nav-link:hover{background:rgba(255,255,255,.07);color:#fff!important;transform:translateX(2px)}.premium-nav-link.active{background:linear-gradient(90deg,rgba(214,173,69,.18),rgba(255,255,255,.07));color:#fff!important;box-shadow:inset 3px 0 0 var(--premium-gold)}.premium-nav-link.active i{position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:var(--premium-gold-2)}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.055);font-size:13px;color:var(--premium-gold-2)}.premium-nav-link.active .nav-icon{background:rgba(214,173,69,.15)}
.sidebar-security{margin:10px 14px 16px;padding:13px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.sidebar-security b{display:block;font-size:11px;color:#fff}.sidebar-security small{display:block;font-size:9px;color:#9fb2c8;margin-top:2px}
.admin-workspace{margin-left:286px;min-width:0;width:calc(100% - 286px)}.premium-topbar{height:86px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:40;border-bottom:1px solid #e1e8f1;box-shadow:0 6px 22px rgba(9,31,61,.045)}.topbar-left{display:flex;align-items:center;gap:13px}.topbar-left h1{font-size:19px;margin:3px 0 0;color:var(--premium-navy);letter-spacing:-.35px}.menu-toggle{display:none;border:0;background:#eef3f8;color:#173b65;width:40px;height:40px;border-radius:10px;font-size:18px}.topbar-right{display:flex;align-items:center;gap:14px}.top-security-link{display:flex;align-items:center;gap:7px;background:#f6f8fb;border:1px solid #e2e9f1;padding:9px 11px;border-radius:10px;color:#324b6b;font-size:10px}.top-security-link span{color:#a97c17}.admin-identity{display:flex;align-items:center;gap:9px}.admin-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#0c2b52,#1a568e);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 7px 15px rgba(9,31,61,.16)}.admin-identity b{display:block;font-size:11px;color:#1b2b42}.admin-identity small{display:block;font-size:9px;color:#8290a2;margin-top:2px}.logout-link{font-size:11px;font-weight:800;color:#8d2830!important;background:#fff4f5;border:1px solid #f1dadd;padding:9px 12px;border-radius:9px}
.premium-main{padding:26px 28px 12px}.content-frame{max-width:1650px;margin:0 auto}.content-frame>h2,.page-head h2,.student-page-head h2{font-size:24px;color:var(--premium-navy);letter-spacing:-.6px;margin:0 0 18px}.content-frame>.card,.premium-card{border:1px solid var(--premium-border);border-radius:16px;box-shadow:0 8px 28px rgba(9,31,61,.055);padding:20px;background:#fff}.card h3{font-size:15px;color:var(--premium-navy);letter-spacing:-.2px}.content-frame table{border-radius:12px;overflow:hidden}.content-frame th{background:#f5f8fc;color:#415571;font-size:10px;letter-spacing:.4px;text-transform:uppercase;font-weight:900;border-bottom:1px solid #dfe7f0}.content-frame td{font-size:12px;color:#2c3d54}.content-frame tr:hover td{background:#fbfdff}
.content-frame input,.content-frame select,.content-frame textarea{border-radius:9px;border-color:#d3dce8;padding:10px 11px}.content-frame .btn{border-radius:9px;box-shadow:0 4px 11px rgba(7,26,51,.08)}.stat{border-left:0;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-20px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(214,173,69,.08)}.stat b{font-size:29px;color:var(--premium-navy)}
.admin-footer{max-width:1650px;margin:28px auto 0;border-top:1px solid #e0e7ef;padding:18px 4px;color:#8b97a6;font-size:10px;display:flex;justify-content:space-between}.sidebar-overlay{display:none}
.page-head,.student-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h2,.student-page-head h2{margin:4px 0 2px}.page-head p,.student-page-head p{margin:0;color:#758396;font-size:12px}.page-head-actions{display:flex;gap:8px}
.security-status-card{display:flex;gap:15px;align-items:center;padding:18px 20px;background:#fff;border:1px solid #dce5ef;border-radius:15px;box-shadow:0 8px 22px rgba(9,31,61,.05);margin-bottom:18px}.security-status-card.enabled{border-color:#bfe5ce;background:linear-gradient(135deg,#fff,#f3fcf7)}.security-status-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#daf3e4;color:#187347;font-size:22px;font-weight:900}.security-status-card h3{margin:0 0 4px;color:#14335c}.security-status-card p{margin:0 0 3px;color:#647489;font-size:12px}.security-status-card small{color:#8b98a8}
.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.step-chip{display:inline-block;background:#edf3fa;color:#254e7f;border-radius:999px;padding:5px 8px;font-size:9px;letter-spacing:1px;font-weight:900;margin-bottom:6px}.totp-qr{display:inline-block;padding:10px;background:#fff;border:1px solid #dce5ef;border-radius:14px;box-shadow:0 8px 20px rgba(9,31,61,.08);margin:10px 0}.totp-qr svg{display:block;width:260px;height:260px;max-width:100%}.secret-box{background:#071a33;color:#f4ce6e;padding:14px 16px;border-radius:11px;overflow:auto;margin:10px 0}.secret-box code{font-size:15px;letter-spacing:1.6px;font-weight:800;white-space:nowrap}.secure-form{max-width:780px}

/* Student header refresh */
.student-premium-topbar{background:linear-gradient(90deg,#071a33,#0d2d57);color:#fff;min-height:72px;display:flex;align-items:center;padding:0 22px;border-bottom:3px solid var(--premium-gold);box-shadow:0 7px 20px rgba(7,26,51,.14)}.student-brand{display:flex;align-items:center;gap:11px}.student-brand img{width:42px;height:42px}.student-brand b{color:#fff;font-size:13px}.student-brand span{display:block;color:#9fb4cb;font-size:9px;margin-top:2px;text-transform:uppercase;letter-spacing:1px}.student-account{margin-left:auto;display:flex;align-items:center;gap:10px;color:#dce6f2;font-size:11px}.student-account a{color:#f0cf76}

@media(max-width:1050px){.premium-sidebar{width:255px}.admin-workspace{margin-left:255px;width:calc(100% - 255px)}.auth-shell{grid-template-columns:1fr 1fr}.auth-showcase{padding:6vw}.auth-feature-grid{grid-template-columns:1fr}.auth-feature-grid>div:nth-child(3){display:none}}
@media(max-width:820px){.auth-shell{display:block}.auth-showcase{display:none}.auth-panel{min-height:100vh;border-radius:0;padding:24px}.auth-logo-mobile{display:flex}.premium-sidebar{transform:translateX(-102%);transition:.22s transform;width:280px}.admin-workspace{margin-left:0;width:100%}.menu-toggle{display:grid;place-items:center}.sidebar-open .premium-sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(4,15,29,.54);z-index:45}.sidebar-open .sidebar-overlay{display:block}.premium-topbar{padding:0 16px}.premium-main{padding:18px 14px}.top-security-link{display:none}.setup-grid{grid-template-columns:1fr}.page-head,.student-page-head{align-items:flex-start;flex-direction:column}.page-head-actions{width:100%}.page-head-actions .btn{flex:1;text-align:center}}
@media(max-width:560px){.auth-card h2,.verify-card h2{font-size:26px}.auth-panel{padding:20px}.verify-card{padding:27px 20px}.topbar-right{gap:8px}.admin-identity div{display:none}.logout-link{padding:8px 9px}.premium-topbar{height:76px}.topbar-left h1{font-size:16px}.topbar-left .eyebrow{font-size:8px}.premium-main{padding-top:14px}.content-frame>.card{padding:14px}.auth-links{gap:12px;flex-direction:column}.otp-input{font-size:23px!important;letter-spacing:6px!important}.totp-qr svg{width:220px;height:220px}.admin-footer{flex-direction:column;gap:5px}.student-account .student-name{display:none}}
.profile-security-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.security-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.security-card-head{display:flex;gap:13px;align-items:center;margin:10px 0 18px}.security-card-head h3{margin:0 0 4px}.small-note{font-size:10px;margin:12px 0 0}@media(max-width:900px){.profile-security-grid{grid-template-columns:1fr}}
.admin-controls{min-width:220px}.control-details{display:inline-block;position:relative;margin:2px}.control-details summary{list-style:none;cursor:pointer;background:#edf2f8;color:#2a4c75;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.control-details summary::-webkit-details-marker{display:none}.control-pop{position:absolute;right:0;top:34px;z-index:20;width:260px;background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:13px;box-shadow:0 16px 40px rgba(7,26,51,.18)}.control-pop label{font-size:10px}.control-pop .btn{margin-top:8px;width:100%}
.branding-settings{display:flex;gap:22px;align-items:center;padding:18px;border:1px solid #e1e8f1;background:#f8fafc;border-radius:14px;margin-bottom:24px}.branding-preview{width:130px;min-width:130px;text-align:center}.branding-preview img{width:92px;height:92px;object-fit:contain;border-radius:18px;background:#071a33;padding:8px;box-shadow:0 10px 24px rgba(7,26,51,.16)}.branding-preview span{display:block;font-size:9px;color:#7d8c9e;margin-top:8px;text-transform:uppercase;letter-spacing:1px;font-weight:800}@media(max-width:700px){.branding-settings{align-items:flex-start;flex-direction:column}.branding-preview{width:100%;text-align:left}.branding-preview img{width:70px;height:70px}}

/* ============================================================
   v1.2.1 Compact Premium Login
   ============================================================ */
.auth-body.compact-login .auth-shell{grid-template-columns:minmax(390px,.96fr) minmax(360px,.72fr)}
.auth-body.compact-login .auth-showcase{padding:clamp(30px,4.2vw,66px)}
.auth-body.compact-login .auth-showcase-inner{max-width:610px}
.auth-body.compact-login .auth-brand-large{gap:14px;margin-bottom:26px}
.auth-body.compact-login .auth-brand-large img{width:58px;height:58px}
.auth-body.compact-login .auth-brand-large h1{font-size:19px;margin-top:3px}
.auth-body.compact-login .auth-brand-large span{font-size:10px;letter-spacing:1.8px}
.auth-body.compact-login .auth-kicker{padding:6px 10px;font-size:9px;letter-spacing:1.25px}
.auth-body.compact-login .auth-showcase h2{font-size:clamp(28px,3.2vw,44px);line-height:1.07;letter-spacing:-1.15px;margin:14px 0 11px}
.auth-body.compact-login .auth-showcase>div>p{font-size:14px;line-height:1.55;margin:0;max-width:560px}
.auth-body.compact-login .auth-feature-grid{gap:9px;margin-top:22px}
.auth-body.compact-login .auth-feature-grid>div{border-radius:12px;padding:11px 12px}
.auth-body.compact-login .auth-feature-grid b{font-size:11px;margin-bottom:3px}
.auth-body.compact-login .auth-feature-grid span{font-size:9.5px;line-height:1.35}
.auth-body.compact-login .auth-panel{padding:24px;border-radius:26px 0 0 26px}
.auth-body.compact-login .auth-card{width:min(398px,100%)}
.auth-body.compact-login .auth-card h2{font-size:26px;letter-spacing:-.45px;margin:6px 0}
.auth-body.compact-login .auth-card>p.muted{font-size:12px;margin:0 0 15px}
.auth-body.compact-login .eyebrow{font-size:9px;letter-spacing:1.25px}
.auth-body.compact-login .auth-card label{font-size:11px;margin:7px 0 4px}
.auth-body.compact-login .input-premium input,.auth-body.compact-login .auth-card input{height:44px;border-radius:9px;padding:8px 11px;font-size:13px}
.auth-body.compact-login .btn-block{padding:11px 15px;border-radius:9px;font-size:12px;margin-top:14px}
.auth-body.compact-login .auth-security-note{margin-top:16px;padding:10px 11px;border-radius:10px;gap:10px}
.auth-body.compact-login .auth-security-note b{font-size:10.5px}
.auth-body.compact-login .auth-security-note small{font-size:9.5px;line-height:1.35;margin-top:1px}
.auth-body.compact-login .security-dot{width:8px;height:8px;box-shadow:0 0 0 4px rgba(49,165,106,.12)}
.auth-body.compact-login .auth-links{margin-top:12px;font-size:10.5px}
.auth-body.compact-login .auth-footer{font-size:9.5px;margin-top:16px}
.auth-body.compact-login .alert{padding:8px 10px;margin:9px 0;font-size:11px}
@media(max-width:1050px){
  .auth-body.compact-login .auth-shell{grid-template-columns:minmax(360px,.9fr) minmax(350px,.7fr)}
  .auth-body.compact-login .auth-showcase{padding:34px}
  .auth-body.compact-login .auth-feature-grid{grid-template-columns:1fr 1fr}
  .auth-body.compact-login .auth-feature-grid>div:nth-child(3){display:none}
}
@media(max-width:820px){
  .auth-body.compact-login .auth-panel{min-height:100svh;padding:18px;border-radius:0}
  .auth-body.compact-login .auth-card{width:min(390px,100%);margin:auto}
  .auth-body.compact-login .auth-logo-mobile{display:flex;margin-bottom:18px}
  .auth-body.compact-login .auth-logo-mobile img{width:38px;height:38px}
}
@media(max-width:560px){
  .auth-body.compact-login .auth-panel{padding:16px}
  .auth-body.compact-login .auth-card h2{font-size:23px}
  .auth-body.compact-login .auth-card>p.muted{margin-bottom:12px}
  .auth-body.compact-login .auth-links{flex-direction:row;flex-wrap:wrap;gap:8px 14px;justify-content:flex-start}
  .auth-body.compact-login .auth-security-note{margin-top:13px}
  .auth-body.compact-login .auth-footer{margin-top:13px}
}

/* ============================================================
   v1.3 Certificate Studio + Premium Quiz + Distinct Login Themes
   ============================================================ */
:root{--student-indigo:#5146d8;--student-violet:#6c55e8;--student-cyan:#13a8c7;--student-sky:#edf6ff;--student-ink:#18213a;--student-green:#22a06b;--student-border:#dfe7f2}

/* Distinct Admin Login Theme */
.admin-auth{background:#061a34;color:#162238}.admin-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(390px,.85fr);background:linear-gradient(135deg,#04142b 0%,#0a2b55 58%,#123a6a 100%)}
.admin-login-showcase{position:relative;padding:52px 6vw;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.admin-login-showcase:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(216,174,70,.18);right:-230px;top:-170px;box-shadow:0 0 0 54px rgba(216,174,70,.04),0 0 0 110px rgba(216,174,70,.02)}.admin-login-showcase:after{content:"";position:absolute;inset:auto auto -210px -160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(26,90,157,.46),transparent 70%)}
.admin-login-brand{display:flex;gap:14px;align-items:center;position:relative;z-index:2}.admin-login-brand img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.24))}.admin-login-brand span{display:block;color:#e4c56c;font-size:10px;font-weight:900;letter-spacing:2px}.admin-login-brand h1{font-size:19px;margin:4px 0 0;color:#fff}.admin-login-copy{max-width:700px;position:relative;z-index:2}.admin-login-kicker{display:inline-flex;border:1px solid rgba(223,187,87,.32);background:rgba(255,255,255,.05);color:#efcf75;border-radius:999px;padding:7px 11px;font-size:10px;letter-spacing:1.6px;font-weight:900}.admin-login-copy h2{font-size:clamp(36px,4.4vw,62px);line-height:1.02;letter-spacing:-2px;margin:20px 0 15px;color:#fff;max-width:690px}.admin-login-copy>p{color:#d1dfef;font-size:16px;line-height:1.7;max-width:600px}.admin-login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.admin-login-features>div{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:14px;padding:14px;backdrop-filter:blur(6px)}.admin-login-features span{display:block;color:#e9c869;font-size:18px;margin-bottom:8px}.admin-login-features b{display:block;font-size:12px;color:#fff}.admin-login-features small{display:block;font-size:10px;color:#b9c9db;line-height:1.45;margin-top:4px}.admin-login-footer{position:relative;z-index:2;color:#87a0bd;font-size:10px;letter-spacing:.8px}
.admin-login-panel{display:flex;align-items:center;justify-content:center;background:#f6f9fc;border-radius:34px 0 0 34px;padding:34px;box-shadow:-30px 0 70px rgba(0,0,0,.15)}.admin-login-card{width:min(405px,100%)}.admin-card-emblem{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#09264c,#184f8a);display:grid;place-items:center;box-shadow:0 12px 28px rgba(9,38,76,.22);margin-bottom:18px}.admin-card-emblem span{color:#e7c769;font-size:9px;font-weight:900;letter-spacing:1.3px}.admin-login-card h2{font-size:28px;margin:6px 0;color:#0b2850}.admin-login-card .admin-note{background:#eef4fa}.admin-login-card .btn-block{margin-top:16px}

/* Distinct Student Login Theme */
.student-login-body{margin:0;min-height:100vh;background:#f4f7ff;color:var(--student-ink)}.student-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,.82fr) minmax(520px,1.18fr)}.student-login-panel{display:flex;align-items:center;justify-content:center;padding:34px;background:#fff;position:relative;z-index:2}.student-login-card{width:min(430px,100%)}.student-login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:var(--student-ink)}.student-login-logo img{width:48px;height:48px;object-fit:contain}.student-login-logo b{display:block;font-size:15px;color:#1b2850}.student-login-logo span{display:block;font-size:10px;color:#71809b;margin-top:2px;letter-spacing:.7px;text-transform:uppercase}.student-login-kicker{display:inline-block;color:var(--student-indigo);font-size:10px;font-weight:900;letter-spacing:1.7px}.student-login-card h1{font-size:32px;line-height:1.05;letter-spacing:-1px;margin:9px 0;color:#182344}.student-login-card>p{margin:0 0 22px;color:#72809a}.student-login-card label{font-size:12px;color:#35425b}.student-login-input{height:48px;border:1px solid #d9e1ef;border-radius:13px;display:flex;align-items:center;padding:0 13px;background:#fbfcff;transition:.18s}.student-login-input:focus-within{border-color:#675ee5;box-shadow:0 0 0 4px rgba(81,70,216,.09);background:#fff}.student-login-input>span{color:#7a75db;width:26px;font-size:15px}.student-login-input input{border:0!important;box-shadow:none!important;background:transparent;padding:0;height:44px;font-size:13px}.student-login-btn{margin-top:18px;width:100%;height:49px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--student-indigo),#7259ea 62%,#4c80ef);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 13px 28px rgba(81,70,216,.24);display:flex;align-items:center;justify-content:center;gap:9px}.student-login-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(81,70,216,.28)}.student-login-links{display:flex;justify-content:space-between;font-size:11px;margin-top:14px}.student-login-links a{color:#554bd2;font-weight:700}.student-login-security{display:flex;gap:11px;align-items:center;margin-top:22px;border-radius:12px;padding:12px 13px;background:#f4f6ff;border:1px solid #e5e8fb}.student-login-security>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e2fbf1;color:#16895b;font-weight:900}.student-login-security b{display:block;font-size:11px;color:#303b58}.student-login-security small{display:block;font-size:10px;color:#7d88a0;margin-top:2px}
.student-login-showcase{position:relative;overflow:hidden;padding:7vw;display:flex;align-items:center;background:linear-gradient(145deg,#4b43cf 0%,#6250e7 48%,#168eb5 100%);color:#fff}.student-login-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 15%,rgba(255,255,255,.15),transparent 28%),radial-gradient(circle at 20% 82%,rgba(20,230,210,.15),transparent 32%)}.student-showcase-copy{position:relative;z-index:3;max-width:680px}.student-showcase-copy>span{font-size:10px;letter-spacing:2px;font-weight:900;color:#cbefff}.student-showcase-copy h2{font-size:clamp(38px,4.6vw,65px);line-height:1.02;letter-spacing:-2.2px;margin:16px 0;color:#fff}.student-showcase-copy>p{font-size:16px;color:#e6ecff;line-height:1.7;max-width:600px}.student-showcase-badge{position:absolute;top:38px;right:44px;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.09);border-radius:999px;padding:9px 13px;font-size:9px;font-weight:900;letter-spacing:1.5px;z-index:3}.student-showcase-stats{display:flex;gap:10px;margin-top:28px}.student-showcase-stats>div{min-width:105px;border-radius:14px;padding:13px 14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(6px)}.student-showcase-stats b{display:block;color:#fff;font-size:16px}.student-showcase-stats small{display:block;color:#d8e1fb;font-size:9px;margin-top:4px}.student-sport-mark{position:absolute;right:10%;bottom:9%;font-size:150px;line-height:1;color:rgba(255,255,255,.08);transform:rotate(-10deg)}.sport-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.13)}.orbit-a{width:520px;height:520px;right:-210px;top:-190px;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 94px rgba(255,255,255,.018)}.orbit-b{width:290px;height:290px;left:-115px;bottom:-115px}

/* Certificate Studio */
.cert-studio-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(520px,1.2fr);gap:18px;align-items:start}.sticky-editor{position:relative}.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-title-row h3{margin:4px 0 3px}.template-library{display:grid;gap:12px}.template-card{border:1px solid #e0e7f0;border-radius:14px;padding:10px;background:#fbfcfe;transition:.18s}.template-card:hover,.template-card.selected{border-color:#92add0;box-shadow:0 10px 24px rgba(13,45,87,.08);background:#fff}.template-card.selected{outline:2px solid rgba(213,171,65,.28)}.template-thumb{height:125px;border-radius:10px;overflow:hidden;background:#eef2f6;border:1px solid #e3e8ef}.template-thumb img{width:100%;height:100%;object-fit:cover}.template-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:9px}.template-meta b{display:block;font-size:12px;color:#15345c}.template-meta small{display:block;font-size:9px;color:#7a8798;margin-top:3px}.template-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:9px}.template-actions form{margin:0}.certificate-preview-shell{margin:12px 0 18px}.certificate-live-preview{position:relative;aspect-ratio:1.414/1;border-radius:12px;overflow:hidden;border:1px solid #d9e1eb;background:#fff;box-shadow:0 12px 30px rgba(11,42,80,.08)}.certificate-live-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cert-preview-overlay{position:absolute;inset:0;pointer-events:none;text-align:center;font-family:Georgia,serif}.cp-title{position:absolute;top:14%;left:0;right:0;font-weight:800;font-size:clamp(16px,2.2vw,28px);letter-spacing:1px}.cp-event{position:absolute;top:31%;left:0;right:0;font-weight:800;font-size:clamp(10px,1.4vw,17px)}.cp-student{position:absolute;top:47%;left:10%;right:10%;font-weight:800;font-size:clamp(13px,2vw,24px)}.cp-meta{position:absolute;top:61%;left:0;right:0;font-size:clamp(7px,1vw,11px);color:#273548}.designer-form{margin-top:12px}.designer-section{border:1px solid #e1e7ef;border-radius:12px;margin:12px 0;background:#fbfcfe}.designer-section summary{cursor:pointer;padding:12px 14px;font-weight:800;font-size:12px;color:#193b68}.designer-section[open] summary{border-bottom:1px solid #e7ecf2;background:#f5f8fc;border-radius:12px 12px 0 0}.designer-section>div,.designer-section>label,.designer-section>textarea,.designer-section>small{margin-left:14px;margin-right:14px}.designer-section>.row,.designer-section>.field-toggle-grid{padding:2px 14px 14px;margin:0}.field-toggle-grid,.control-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.toggle-card{display:flex!important;align-items:center;gap:9px;margin:0!important;border:1px solid #dfe6ef;border-radius:10px;padding:10px;background:#fff;font-weight:400}.toggle-card input{width:auto}.toggle-card b{display:block;font-size:11px;color:#24415f}.toggle-card small{display:block;font-size:9px;color:#7d8999;margin-top:2px}.signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.signature-control{border:1px solid #dfe6ef;border-radius:12px;padding:11px;background:#fbfcfe}.signature-control>b{display:block;margin-bottom:7px;color:#213e61;font-size:12px}.signature-control img{display:block;width:100%;height:54px;object-fit:contain;background:#fff;border:1px dashed #d4dde7;border-radius:8px;margin:8px 0}.certificate-revoke-note{margin-top:6px;padding:6px 8px;border-radius:7px;background:#fdeceb;color:#8e231c;font-size:9px;max-width:220px}

/* Premium Admin Quiz Module */
.quiz-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.mini-stat-card{background:linear-gradient(145deg,#fff,#f7f9fc);border:1px solid #dfe6ef;border-radius:13px;padding:14px 16px;box-shadow:0 6px 20px rgba(16,43,85,.05)}.mini-stat-card span{display:block;color:#728095;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.mini-stat-card b{display:block;color:#102f5b;font-size:24px;margin-top:3px}.quiz-admin-layout{display:grid;grid-template-columns:minmax(560px,1.3fr) minmax(330px,.7fr);gap:18px;align-items:start}.form-section{border-top:1px solid #e7ecf3;padding:17px 0}.form-section:first-of-type{border-top:0;padding-top:2px}.form-section h4{margin:0 0 10px;color:#17375f;font-size:12px;text-transform:uppercase;letter-spacing:.7px}.form-submit-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;border-radius:12px;background:#f2f6fb;border:1px solid #dde7f1}.form-submit-bar b{display:block;color:#17375f;font-size:12px}.form-submit-bar span{display:block;color:#788699;font-size:9px;margin-top:2px}.quiz-card-list{display:grid;gap:10px;max-height:1160px;overflow:auto;padding-right:3px}.admin-quiz-card{border:1px solid #e0e7ef;border-radius:13px;padding:13px;background:#fff;box-shadow:0 5px 18px rgba(13,45,87,.04)}.admin-quiz-card-top{display:flex;justify-content:space-between;gap:10px}.admin-quiz-card h4{margin:7px 0 2px;color:#14375f;font-size:13px}.admin-quiz-card p{margin:0;color:#8490a0;font-size:10px}.quiz-phase{display:inline-block;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;background:#edf2f7;color:#5a697c}.quiz-phase.live{background:#def6e9;color:#137347}.quiz-phase.upcoming{background:#e8efff;color:#315fb5}.quiz-phase.ended,.quiz-phase.closed{background:#f2f3f5;color:#717b89}.admin-quiz-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.admin-quiz-metrics span{background:#f6f8fb;border-radius:8px;padding:7px;text-align:center;font-size:8px;color:#7a8797}.admin-quiz-metrics b{display:block;color:#203f64;font-size:11px}.admin-quiz-schedule{display:flex;gap:6px;align-items:center;justify-content:space-between;border-top:1px dashed #dce4ed;border-bottom:1px dashed #dce4ed;padding:8px 0;color:#637187;font-size:8px}.admin-quiz-card-footer{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:10px}.admin-quiz-card-footer small{color:#8190a4;font-size:8px}.status-orb{border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;text-transform:uppercase;background:#eef1f5;color:#5b6574}.status-orb.published{background:#e1f5e9;color:#1d7147}.status-orb.closed{background:#fde8e5;color:#9a382e}.page-actions{display:flex;gap:8px;align-items:center}.empty-state{text-align:center;padding:28px;color:#8592a2;font-size:11px}.premium-table th{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.cert-control-form{min-width:180px}.cert-control-form select{font-size:10px;margin-bottom:6px}

/* Student Portal Dashboard */
.student-portal-body{background:linear-gradient(180deg,#f4f7fc 0,#eef4fb 100%);color:var(--student-ink)}.student-premium-topbar{height:72px;background:#fff;border-bottom:1px solid #e2e8f1;box-shadow:0 4px 18px rgba(21,44,80,.05);display:flex;align-items:center;padding:0 max(18px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:20}.student-brand{display:flex;align-items:center;gap:10px;min-width:255px}.student-brand img{width:43px;height:43px;object-fit:contain}.student-brand b{display:block;color:#18335f;font-size:13px}.student-brand span{display:block;color:#8490a1;font-size:9px;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}.student-main-nav{display:flex;gap:5px;align-items:center;margin-left:auto;margin-right:auto}.student-main-nav a{padding:9px 12px;border-radius:9px;color:#66758b;font-size:11px;font-weight:700}.student-main-nav a.active,.student-main-nav a:hover{background:#edf3ff;color:#354ab8}.student-account{display:flex;align-items:center;gap:9px}.student-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#5146d8,#229bc0);color:#fff;font-weight:900;box-shadow:0 8px 16px rgba(81,70,216,.16)}.student-account-copy b{display:block;font-size:10px;color:#2f3f58;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-account-copy small{display:block;font-size:8px;color:#8c98a8;margin-top:2px}.student-logout{font-size:9px;font-weight:800;color:#93443c;background:#fff1ef;border:1px solid #f4d9d5;border-radius:8px;padding:6px 8px}.student-main{min-height:calc(100vh - 72px)}.student-content{max-width:1240px;margin:0 auto;padding:22px 18px 36px}.student-footer{max-width:1240px;margin:0 auto;padding:18px;border-top:1px solid #dde5ef;display:flex;justify-content:space-between;color:#8995a6;font-size:9px}.student-hero{position:relative;overflow:hidden;min-height:230px;border-radius:22px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1c2f6f 0%,#5146d8 53%,#1a9bb8 100%);color:#fff;box-shadow:0 20px 42px rgba(44,55,145,.20)}.student-hero:after{content:"";position:absolute;right:24%;top:-130px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 68%)}.student-hero-copy{position:relative;z-index:3;max-width:720px}.student-hero-kicker{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;font-weight:900;color:#c9f2ff}.student-hero h1{font-size:34px;margin:6px 0 7px;letter-spacing:-1px;color:#fff}.student-hero p{margin:0;color:#e4e8ff;font-size:13px;max-width:620px;line-height:1.6}.student-hero-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.student-soft-badge{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700;color:#fff}.student-soft-badge.ok{background:rgba(24,197,124,.18);border-color:rgba(85,232,164,.28)}.student-soft-badge.warn{background:rgba(255,194,67,.18);border-color:rgba(255,218,133,.32)}.student-hero-art{position:relative;width:190px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.student-hero-art .hero-trophy{font-size:58px;color:#f5d56b;text-shadow:0 13px 24px rgba(0,0,0,.18)}.student-hero-art span{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#d8e5ff;font-weight:800}.student-hero-art b{font-size:24px;color:#fff}.hero-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.ring-one{width:170px;height:170px}.ring-two{width:125px;height:125px;border-color:rgba(245,213,107,.30)}.student-alert{display:flex;gap:9px;align-items:center;border-radius:13px;padding:12px 15px;margin:13px 0;font-size:10px}.student-alert b{font-size:10px}.student-alert.warning{background:#fff6dd;border:1px solid #f3e2a7;color:#755800}.student-alert.info{background:#eef5ff;border:1px solid #d9e8fa;color:#315c91}.student-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 22px}.student-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e8f1;border-radius:15px;padding:14px 16px;box-shadow:0 6px 20px rgba(20,42,78,.045)}.student-stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef0ff;color:#5146d8;font-weight:900}.student-stat small{display:block;font-size:8px;color:#8390a0;text-transform:uppercase;font-weight:800;letter-spacing:.6px}.student-stat b{display:block;font-size:21px;color:#243858;margin-top:1px}.student-section{background:#fff;border:1px solid #e0e7f0;border-radius:18px;padding:18px;box-shadow:0 8px 28px rgba(19,43,78,.045);margin-bottom:16px}.student-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.student-section-head span{font-size:8px;color:#5c55d0;font-weight:900;letter-spacing:1.3px}.student-section-head h2{font-size:19px;margin:3px 0 0;color:#213756}.section-chip{font-size:8px;border-radius:999px;padding:6px 8px;background:#f0f3f8;color:#657389;font-weight:800}.student-quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.student-quiz-card{position:relative;overflow:hidden;border:1px solid #e2e8f0;border-radius:17px;padding:16px;background:linear-gradient(160deg,#fff 0,#f9fbff 100%);box-shadow:0 8px 22px rgba(25,48,82,.05);transition:.18s}.student-quiz-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(50,63,145,.11);border-color:#cfdaf0}.student-quiz-card-glow{position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(81,70,216,.11),transparent 70%)}.student-quiz-card-top{display:flex;justify-content:space-between;position:relative}.student-fee-badge{font-size:8px;font-weight:900;color:#315a90;background:#edf4fd;padding:5px 7px;border-radius:999px}.student-quiz-card h3{position:relative;margin:12px 0 3px;color:#1d3458;font-size:15px;line-height:1.3}.quiz-competition{color:#8793a3;font-size:9px;margin:0}.student-quiz-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.student-quiz-metrics>div{text-align:center;background:#f3f6fb;border-radius:9px;padding:8px 5px}.student-quiz-metrics b{display:block;color:#273d60;font-size:13px}.student-quiz-metrics small{display:block;font-size:7px;color:#8996a8;margin-top:2px;text-transform:uppercase}.student-quiz-schedule{display:flex;align-items:center;justify-content:space-between;gap:4px;border-top:1px dashed #dce4ed;padding-top:10px;color:#6f7e92;font-size:8px}.student-quiz-action{margin-top:12px}.student-primary-btn{border:0;border-radius:10px;padding:10px 12px;background:linear-gradient(135deg,#5146d8,#455fe0);color:#fff!important;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 9px 20px rgba(81,70,216,.18);cursor:pointer}.student-primary-btn.pay{background:linear-gradient(135deg,#168c7d,#20aa81);box-shadow:0 9px 20px rgba(22,140,125,.17)}.action-disabled{display:block;text-align:center;border-radius:10px;padding:10px;background:#f1f3f6;color:#7c8898;font-size:9px;font-weight:800}.student-empty-state{grid-column:1/-1;text-align:center;padding:30px;color:#8491a2}.student-empty-state>span{font-size:30px;color:#8b83e5}.student-empty-state h3{margin:7px 0 4px;color:#3b4b64}.student-empty-state p{margin:0;font-size:10px}.student-dashboard-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.student-result-list,.student-attempt-list{display:grid;gap:8px}.student-result-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #e4eaf1;border-radius:13px;padding:11px;background:#fbfcfe}.result-score-ring{width:52px;height:52px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:16px;background:conic-gradient(#584fd9 0 70%,#e8ecf3 70% 100%);box-shadow:inset 0 0 0 6px #fff}.result-score-ring b{font-size:13px;color:#263758}.result-score-ring small{font-size:7px;color:#68758a}.result-copy h3{font-size:11px;margin:0;color:#263c5e}.result-copy p{font-size:9px;color:#7b8799;margin:4px 0}.result-action{text-align:right}.result-action a{font-size:9px;font-weight:800;color:#5146d8}.result-action small,.result-action span{display:block;font-size:7px;color:#8793a2;margin-top:3px}.student-attempt-item{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #edf0f5;padding:8px 2px}.attempt-dot{width:8px;height:8px;border-radius:50%;background:#aeb7c3}.attempt-dot.active{background:#3b86ee;box-shadow:0 0 0 4px rgba(59,134,238,.10)}.attempt-dot.submitted,.attempt-dot.auto_submitted{background:#22a06b}.attempt-dot.disqualified,.attempt-dot.terminated{background:#cc5548}.student-attempt-item b{display:block;font-size:9px;color:#34465f}.student-attempt-item small{display:block;font-size:7px;color:#8994a3;margin-top:2px}.attempt-status{text-align:right}.student-empty-mini{padding:18px;border-radius:11px;background:#f7f9fc;color:#8a96a5;font-size:9px;text-align:center}

/* Student Quiz Instructions */
.quiz-intro-hero{border-radius:20px;padding:25px 28px;background:linear-gradient(135deg,#152d6c,#5146d8 60%,#1b91b3);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 18px 38px rgba(42,54,139,.18);overflow:hidden;position:relative}.quiz-intro-hero h1{font-size:29px;margin:5px 0;color:#fff;letter-spacing:-.8px}.quiz-intro-hero p{margin:0;color:#dbe3ff}.quiz-intro-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.quiz-intro-chips span{font-size:8px;font-weight:800;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);border-radius:999px;padding:5px 8px}.quiz-countdown-card{min-width:190px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:16px;padding:16px;text-align:center;backdrop-filter:blur(8px)}.quiz-countdown-card small{display:block;font-size:8px;letter-spacing:1.2px;color:#ccecf7}.quiz-countdown-card b{display:block;font-size:19px;margin:5px 0}.quiz-countdown-card span{display:block;font-size:9px;color:#e8edff}.quiz-countdown-card em{display:block;font-style:normal;margin-top:8px;font-size:7px;color:#c8d2ec}.quiz-instruction-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:16px;margin-top:16px;align-items:start}.quiz-rules-card{margin:0}.instruction-copy{font-size:11px;line-height:1.7;color:#485a72;background:#f8fafc;border-radius:11px;padding:12px 13px}.quiz-rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:13px 0}.quiz-rule-grid>div{position:relative;border:1px solid #e2e8f0;border-radius:12px;padding:12px 12px 11px 42px;background:#fff}.quiz-rule-grid>div>span{position:absolute;left:10px;top:11px;width:24px;height:24px;border-radius:8px;background:#eef0ff;color:#5146d8;display:grid;place-items:center;font-size:8px;font-weight:900}.quiz-rule-grid b{display:block;font-size:10px;color:#28405f}.quiz-rule-grid p{font-size:8px;color:#7b8899;margin:3px 0 0;line-height:1.45}.quiz-checklist-card{margin:0;position:sticky;top:92px}.quiz-checklist-card h3{font-size:17px;color:#263a5a;margin:5px 0 13px}.quiz-checklist{list-style:none;padding:0;margin:0;display:grid;gap:8px}.quiz-checklist li{display:flex;align-items:center;gap:8px;font-size:9px;color:#5e6d81}.quiz-checklist li span{width:20px;height:20px;border-radius:7px;background:#e6f8ef;color:#19845a;display:grid;place-items:center;font-weight:900}.quiz-security-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0}.quiz-security-summary>div{background:#f3f6fb;border-radius:8px;padding:8px 5px;text-align:center}.quiz-security-summary small{display:block;font-size:6px;color:#8792a2;text-transform:uppercase}.quiz-security-summary b{display:block;font-size:9px;color:#334962;margin-top:2px}.quiz-agree{display:flex!important;gap:8px;align-items:flex-start;font-size:8px!important;font-weight:600!important;color:#5b687a}.quiz-agree input{width:auto;margin-top:1px}.start-quiz-btn{width:100%;margin-top:10px;padding:12px}.quiz-back-link{display:block;text-align:center;margin-top:10px;font-size:8px;color:#6d79a3}

/* Premium Exam UI */
.exam-premium-body{background:#eef3f8;color:#17263c;min-height:100vh}.exam-app{max-width:1440px;margin:0 auto;padding:12px 14px 24px}.exam-premium-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(320px,1.4fr) minmax(150px,.55fr);gap:18px;align-items:center;border-radius:15px;padding:10px 14px;background:#fff;border:1px solid #dfe6ef;box-shadow:0 8px 26px rgba(15,41,74,.08)}.exam-brand-mini{display:flex;align-items:center;gap:9px}.exam-brand-mini img{width:40px;height:40px;object-fit:contain}.exam-brand-mini small{display:block;color:#8994a3;font-size:7px;text-transform:uppercase;letter-spacing:.6px}.exam-brand-mini b{display:block;color:#17375e;font-size:11px;margin-top:2px}.exam-progress-copy{display:flex;justify-content:space-between;font-size:8px;color:#6f7d90}.exam-progress-copy span:first-child{font-weight:800;color:#354867}.exam-progress-track{height:6px;border-radius:999px;background:#e9edf3;margin-top:5px;overflow:hidden}.exam-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5146d8,#27a3bd);transition:.25s}.exam-timer-block{text-align:right}.exam-timer-block small{display:block;font-size:7px;letter-spacing:1px;color:#8d97a5}.exam-timer-block .timer{font-size:26px;color:#d14336;margin-top:1px}.exam-security-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin:8px 0;border-radius:11px;background:#f8fafc;border:1px solid #e1e7ef}.exam-security-strip>div{display:flex;gap:5px;flex-wrap:wrap}.exam-premium-warning{position:sticky;top:88px;z-index:28;margin:8px 0}.exam-premium-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}.exam-question-card{border-radius:16px;background:#fff;border:1px solid #dfe6ef;box-shadow:0 8px 28px rgba(15,41,74,.055);padding:23px;min-height:560px}.question-card-head{display:flex;gap:7px;align-items:center}.question-number-pill,.question-type-pill{font-size:7px;font-weight:900;letter-spacing:.9px;border-radius:999px;padding:5px 8px}.question-number-pill{background:#eceaff;color:#5146d8}.question-type-pill{background:#eef5f8;color:#3a7287}.exam-question-card h2{font-size:20px;line-height:1.5;color:#1d3150;margin:18px 0 20px;font-weight:700}.premium-options{display:grid;gap:9px}.premium-options .option-card{display:grid;grid-template-columns:36px 1fr 24px;gap:10px;align-items:center;padding:12px 13px;border:1px solid #dfe6ef;border-radius:13px;margin:0;background:#fbfcfe;cursor:pointer;transition:.15s;font-weight:500}.premium-options .option-card:hover{border-color:#aebbe0;background:#fafaff}.premium-options .option-card:has(input:checked){border-color:#6d62e4;background:#f2f0ff;box-shadow:0 0 0 2px rgba(81,70,216,.08)}.premium-options input{position:absolute;opacity:0;pointer-events:none}.option-key{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef2f6;color:#4c5c72;font-weight:900}.option-card:has(input:checked) .option-key{background:#5146d8;color:#fff}.option-text{font-size:11px;line-height:1.5;color:#3a4a61}.option-check{opacity:0;color:#5146d8;font-weight:900}.option-card:has(input:checked) .option-check{opacity:1}.question-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:17px 0 12px;padding-top:13px;border-top:1px solid #edf0f4}.review-toggle{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:9px!important;color:#6b5a1d;font-weight:700!important}.review-toggle input{width:auto}.question-nav-buttons{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.exam-nav-btn{border:1px solid #d8e0e9;border-radius:10px;padding:10px 14px;background:#fff;color:#44566f;font-size:9px;font-weight:800;cursor:pointer}.exam-nav-btn.primary{background:linear-gradient(135deg,#5146d8,#445ddd);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(81,70,216,.16)}.exam-palette-panel{position:sticky;top:88px}.exam-palette-card{background:#fff;border:1px solid #dfe6ef;border-radius:15px;padding:13px;box-shadow:0 8px 26px rgba(15,41,74,.055)}.palette-student{display:flex;gap:9px;align-items:center;border-bottom:1px solid #e9edf2;padding-bottom:11px}.palette-student b{display:block;font-size:9px;color:#31445e}.palette-student small{display:block;font-size:7px;color:#8994a2;margin-top:2px}.palette-heading{display:flex;justify-content:space-between;align-items:end;margin:12px 0 8px}.palette-heading span{font-size:9px;font-weight:900;color:#2a405f}.palette-heading small{font-size:7px;color:#8e98a5}.premium-navnums{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.premium-navnums button{width:auto;height:34px;border-radius:8px;font-size:9px;font-weight:800}.premium-navnums button.nav-current{background:#5146d8!important;color:#fff!important;border-color:#5146d8!important;box-shadow:0 6px 14px rgba(81,70,216,.19)}.premium-navnums button.nav-answered:not(.nav-current){background:#e2f6eb;border-color:#a9ddbf;color:#157247}.premium-navnums button.nav-review:not(.nav-current){background:#fff3cc;border-color:#e7cf7b;color:#735900}.palette-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:12px 0;padding-top:10px;border-top:1px solid #edf0f4}.palette-legend span{display:flex;align-items:center;gap:5px;font-size:7px;color:#728095}.palette-legend i{width:9px;height:9px;border-radius:3px;border:1px solid #d6dde6;background:#fff}.legend-current{background:#5146d8!important;border-color:#5146d8!important}.legend-answered{background:#dff4e7!important;border-color:#9ed3b4!important}.legend-review{background:#fff2cc!important;border-color:#e3c868!important}.palette-rule-note{border-radius:10px;padding:9px;background:#fff8e4;border:1px solid #f0dfa8;color:#715b11}.palette-rule-note b{font-size:8px}.palette-rule-note p{font-size:7px;line-height:1.45;margin:3px 0 0}.final-submit-btn{width:100%;margin-top:10px;background:linear-gradient(135deg,#ba3e34,#d05445);box-shadow:0 8px 18px rgba(186,62,52,.16)}

@media(max-width:1100px){.admin-login-shell,.student-login-shell{grid-template-columns:1fr 1fr}.admin-login-showcase,.student-login-showcase{padding:42px}.admin-login-features{grid-template-columns:1fr}.admin-login-features>div:nth-child(n+3){display:none}.cert-studio-grid,.quiz-admin-layout{grid-template-columns:1fr}.student-quiz-grid{grid-template-columns:repeat(2,1fr)}.student-dashboard-columns{grid-template-columns:1fr}.exam-premium-layout{grid-template-columns:minmax(0,1fr) 245px}.student-main-nav{display:none}}
@media(max-width:800px){.admin-login-shell,.student-login-shell{display:block}.admin-login-showcase{display:none}.admin-login-panel{min-height:100vh;border-radius:0;padding:22px}.student-login-showcase{display:none}.student-login-panel{min-height:100vh;padding:22px}.student-stat-grid,.quiz-admin-stats{grid-template-columns:repeat(2,1fr)}.signature-grid{grid-template-columns:1fr}.student-hero{padding:24px}.student-hero-art{display:none}.student-quiz-grid{grid-template-columns:1fr}.quiz-instruction-layout{grid-template-columns:1fr}.quiz-checklist-card{position:static}.exam-premium-header{grid-template-columns:1fr auto;gap:8px}.exam-progress-block{grid-column:1/-1;grid-row:2}.exam-premium-layout{grid-template-columns:1fr}.exam-palette-panel{position:static;order:-1}.exam-palette-card{display:grid;grid-template-columns:1fr;gap:8px}.premium-navnums{grid-template-columns:repeat(10,1fr)}.palette-rule-note{display:none}.exam-question-card{min-height:0}.field-toggle-grid,.control-toggles{grid-template-columns:1fr}}
@media(max-width:600px){.student-premium-topbar{height:62px;padding:0 10px}.student-brand{min-width:0;flex:1}.student-brand img{width:36px;height:36px}.student-brand b{font-size:10px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-brand span{font-size:7px}.student-account-copy{display:none}.student-logout{font-size:8px;padding:5px 6px}.student-content{padding:12px 10px 24px}.student-hero{border-radius:16px;padding:20px;min-height:190px}.student-hero h1{font-size:26px}.student-hero p{font-size:10px}.student-stat-grid{gap:7px}.student-stat{padding:10px}.student-stat-icon{width:31px;height:31px}.student-stat b{font-size:17px}.student-section{border-radius:14px;padding:12px}.student-result-card{grid-template-columns:auto 1fr}.result-action{grid-column:2;text-align:left}.quiz-intro-hero{padding:19px;display:block}.quiz-intro-hero h1{font-size:24px}.quiz-countdown-card{margin-top:14px;min-width:0;text-align:left}.quiz-rule-grid{grid-template-columns:1fr}.student-footer{padding:14px 10px;display:block}.student-footer span{display:block;margin:2px 0}.exam-app{padding:6px}.exam-premium-header{border-radius:11px;padding:8px}.exam-brand-mini img{width:32px;height:32px}.exam-brand-mini b{font-size:9px}.exam-timer-block .timer{font-size:21px}.exam-security-strip{overflow:auto}.exam-security-strip .badge{white-space:nowrap}.exam-question-card{padding:14px}.exam-question-card h2{font-size:16px}.premium-options .option-card{grid-template-columns:31px 1fr 18px;padding:10px}.option-key{width:28px;height:28px}.premium-navnums{grid-template-columns:repeat(8,1fr)}.question-nav-buttons{gap:5px}.exam-nav-btn{padding:9px 10px}.cert-studio-grid{display:block}.certificate-live-preview{border-radius:9px}.row{grid-template-columns:1fr}.quiz-admin-stats{grid-template-columns:repeat(2,1fr)}}
.verification-card{margin-top:40px}.verification-brand{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e4e9f0}.verification-brand img{width:44px;height:44px;object-fit:contain}.verification-brand b{display:block;color:#18335f;font-size:13px}.verification-brand span{display:block;color:#8994a3;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.verification-state{text-align:center;padding:24px 10px 18px}.verification-state>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;font-size:24px;font-weight:900}.verification-state h2{margin:0 0 5px;font-size:21px}.verification-state p{margin:0;color:#788599;font-size:10px}.verification-state.valid>span{background:#e4f8ed;color:#188156}.verification-state.valid h2{color:#188156}.verification-state.invalid>span{background:#fdebea;color:#a43c33}.verification-state.invalid h2{color:#a43c33}