:root{
  --navy-950:#071d33;--navy-900:#0b2c4d;--navy-800:#123e68;--blue-700:#0f5da8;--blue-600:#1673c7;
  --sky-100:#eaf4fd;--gold-500:#f0aa25;--gold-100:#fff6df;--green-700:#24714f;--green-100:#eaf7f0;
  --red-700:#a63d35;--red-100:#fff0ed;--ink:#1b2733;--ink-soft:#435364;--muted:#748292;--paper:#f4f6f9;
  --white:#fff;--line:#dfe5eb;--line-dark:#cfd7df;--shadow:0 14px 38px rgba(18,42,66,.08);--shadow-soft:0 6px 18px rgba(18,42,66,.06);
  --radius:14px;--radius-sm:10px;--sidebar:264px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}a{color:var(--blue-700);text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}svg{width:1em;height:1em;fill:currentColor;display:block}

/* Institutional header */
.site-header{background:#fff;position:relative;z-index:30;box-shadow:0 1px 0 rgba(10,35,57,.08)}.site-header-main{background:#fff}.site-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.school-identity{display:flex;align-items:center;gap:14px;color:var(--ink);min-width:0}.school-logo,.admin-logo{display:grid;place-items:center;flex:0 0 auto;background:#fff;border:1px solid var(--line);overflow:hidden}.school-logo{width:58px;height:58px;border-radius:50%;padding:5px;box-shadow:var(--shadow-soft)}.school-logo img,.admin-logo img{width:100%;height:100%;object-fit:contain;display:block}.school-copy{display:block;min-width:0}.school-copy small{display:block;color:var(--blue-700);font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:2px}.school-copy strong{display:block;color:var(--navy-900);font-size:1.1rem;line-height:1.2;letter-spacing:-.01em}.school-copy em{display:block;font-style:normal;color:var(--muted);font-size:.82rem;margin-top:3px}.site-header-actions{display:flex;align-items:center;gap:13px}.header-year{font-size:.78rem;color:var(--muted);padding-right:14px;border-right:1px solid var(--line)}.header-year b{display:block;color:var(--navy-900);font-size:.87rem}.header-admin,.header-logout{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:9px 13px;border-radius:9px;color:var(--navy-900);font-weight:750;font-size:.86rem;background:#fff}.header-logout svg{font-size:1.05rem}.school-rule{height:5px;display:grid;grid-template-columns:1.6fr .55fr .18fr}.school-rule span:nth-child(1){background:var(--navy-900)}.school-rule span:nth-child(2){background:var(--blue-600)}.school-rule span:nth-child(3){background:var(--gold-500)}

.page-shell{min-height:calc(100vh - 178px);padding:34px 0 58px}.site-footer{background:#fff;border-top:1px solid var(--line);padding:22px 0}.site-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:.78rem}.site-footer strong{display:block;color:var(--navy-900);font-size:.88rem}.site-footer span{display:block;margin-top:2px}.footer-note{text-align:right}

/* Public landing */
.portal-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.65fr);min-height:520px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.portal-copy{padding:58px 56px 52px;position:relative}.portal-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--blue-700);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.portal-kicker:before{content:"";width:28px;height:2px;background:var(--gold-500)}.portal-copy h1{font-family:Georgia,"Times New Roman",serif;color:var(--navy-950);font-size:clamp(2.5rem,5vw,4.55rem);line-height:.98;letter-spacing:-.045em;margin:24px 0 20px;max-width:760px;font-weight:700}.portal-copy h1 span{color:var(--blue-700)}.portal-copy>p{color:var(--ink-soft);font-size:1.04rem;line-height:1.8;max-width:650px;margin:0}.portal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.portal-trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.portal-trust div{display:flex;align-items:center;gap:10px}.portal-trust i{width:8px;height:8px;border-radius:50%;background:var(--green-700);box-shadow:0 0 0 4px var(--green-100)}.portal-trust span{font-size:.82rem;color:var(--muted)}.portal-trust strong{display:block;color:var(--ink);font-size:.9rem}.portal-panel{background:var(--navy-900);color:#fff;padding:48px 40px;position:relative;overflow:hidden}.portal-panel:before{content:"TKA";position:absolute;right:-18px;top:-34px;font-family:Georgia,"Times New Roman",serif;font-size:9.5rem;font-weight:700;color:rgba(255,255,255,.035);letter-spacing:-.09em}.portal-panel .panel-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#9fc5e8;font-weight:800}.portal-panel h2{font-size:1.55rem;line-height:1.25;margin:10px 0 28px}.portal-steps{display:grid;gap:0}.portal-step{display:grid;grid-template-columns:42px 1fr;gap:15px;position:relative;padding-bottom:25px}.portal-step:not(:last-child):before{content:"";position:absolute;left:20px;top:39px;bottom:0;width:1px;background:rgba(255,255,255,.18)}.portal-step b{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;font-size:.82rem;color:#fff;background:rgba(255,255,255,.06);z-index:1}.portal-step strong{display:block;font-size:.95rem;margin:2px 0 3px}.portal-step span{display:block;color:#b8c9d8;font-size:.82rem;line-height:1.55}.portal-note{margin-top:12px;padding:15px 16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:10px;font-size:.78rem;color:#c6d6e4;line-height:1.55}

/* Shared cards and typography */
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px}.section-title h1,.section-title h2,.section-title h3{margin:0;color:var(--navy-950);letter-spacing:-.025em;line-height:1.2}.section-title h1{font-size:1.82rem}.section-title h2{font-size:1.26rem}.section-title h3{font-size:1.05rem}.section-title p{margin:6px 0 0;color:var(--muted);font-size:.9rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft)}.card+.card{margin-top:18px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue-700);font-weight:850;font-size:.73rem;text-transform:uppercase;letter-spacing:.09em}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}

/* Buttons */
.btn{appearance:none;border:1px solid transparent;border-radius:9px;padding:11px 16px;font:inherit;font-size:.88rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;min-height:42px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue-700);color:#fff;border-color:var(--blue-700);box-shadow:0 7px 16px rgba(15,93,168,.16)}.btn-primary:hover{background:#0c4f91;border-color:#0c4f91}.btn-secondary{background:#fff;color:var(--navy-900);border-color:var(--line-dark)}.btn-secondary:hover{background:#f7f9fb}.btn-light{background:#f5f7f9;color:var(--navy-900);border-color:#edf0f3}.btn-danger{background:var(--red-100);color:var(--red-700);border-color:#f4d1cb}.btn-warning{background:var(--gold-100);color:#7c5d16;border-color:#f1dcaa}.btn-sm{padding:7px 10px;min-height:34px;border-radius:8px;font-size:.8rem}.btn-block{width:100%}.btn-arrow:after{content:"→";font-size:1.08rem;margin-left:3px}

/* Forms */
.form-group{margin-bottom:17px}.form-label{display:block;font-size:.79rem;font-weight:800;color:#334557;margin-bottom:7px}.form-control,.form-select{width:100%;border:1px solid var(--line-dark);border-radius:9px;padding:11px 12px;font:inherit;font-size:.9rem;color:var(--ink);background:#fff;outline:none;transition:border-color .16s,box-shadow .16s}.form-control{min-height:44px}.form-select{min-height:44px}.form-control:focus,.form-select:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(22,115,199,.11)}.form-control::placeholder{color:#a4afb9}.form-hint{font-size:.76rem;color:var(--muted);margin-top:6px;line-height:1.5}.check-row{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:#f9fafb}.check-row input{margin-top:4px;accent-color:var(--blue-700);transform:scale(1.12)}textarea.form-control{min-height:90px;resize:vertical}

/* Alerts */
.alert{padding:13px 15px 13px 16px;border-radius:9px;margin-bottom:16px;border:1px solid transparent;font-size:.84rem;line-height:1.6;position:relative}.alert:before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:3px;border-radius:3px}.alert-success{background:#f4fbf7;border-color:#d5eadf;color:#286044}.alert-success:before{background:#4b9d72}.alert-danger{background:#fff6f4;border-color:#f0d4cf;color:#893b35}.alert-danger:before{background:#c55f56}.alert-warning{background:#fffbef;border-color:#f0e0b5;color:#705715}.alert-warning:before{background:var(--gold-500)}.alert-info{background:#f3f8fd;border-color:#d6e6f4;color:#315d81}.alert-info:before{background:var(--blue-600)}

/* Student login */
.auth-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.7fr);min-height:570px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.auth-context{background:var(--navy-900);color:#fff;padding:54px 48px;position:relative;overflow:hidden}.auth-context:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-100px;bottom:-95px;box-shadow:0 0 0 42px rgba(255,255,255,.022),0 0 0 84px rgba(255,255,255,.018)}.auth-overline{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:#a9cce9;font-weight:850}.auth-context h1{font-family:Georgia,"Times New Roman",serif;font-size:2.6rem;line-height:1.05;margin:16px 0 16px;max-width:520px}.auth-context p{color:#c6d6e4;line-height:1.75;max-width:520px;margin:0}.auth-guide{display:grid;gap:13px;margin-top:38px;max-width:520px}.auth-guide div{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-top:1px solid rgba(255,255,255,.12)}.auth-guide b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy-900);font-size:.72rem;flex:0 0 auto}.auth-guide span{font-size:.83rem;color:#c7d8e6;line-height:1.5}.auth-guide strong{display:block;color:#fff;font-size:.88rem;margin-bottom:2px}.auth-form-pane{padding:54px 46px;display:flex;align-items:center}.auth-form-wrap{width:100%;max-width:430px;margin:auto}.auth-form-wrap .mini-brand{display:flex;align-items:center;gap:10px;color:var(--navy-900);margin-bottom:34px}.auth-form-wrap .mini-brand:before{content:"";width:30px;height:4px;background:var(--gold-500);border-radius:4px}.auth-form-wrap .mini-brand span{font-weight:850;font-size:.77rem;text-transform:uppercase;letter-spacing:.08em}.auth-form-wrap h2{font-size:1.72rem;color:var(--navy-950);margin:0 0 7px;letter-spacing:-.025em}.auth-form-wrap>p{color:var(--muted);margin:0 0 26px;font-size:.88rem;line-height:1.65}.auth-help{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted);line-height:1.6}.auth-admin .auth-context{background:#101b27}.auth-admin .auth-context:before{content:"ADMIN";position:absolute;left:44px;bottom:6px;font:700 6.2rem/1 Georgia,serif;color:rgba(255,255,255,.025);letter-spacing:-.05em}
.login-shell{width:min(500px,100%);margin:30px auto}.login-card{padding:30px}.login-card h1{margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 24px;line-height:1.6}

/* Student dashboard */
.student-welcome{background:var(--navy-900);color:#fff;border-radius:15px;padding:26px 28px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;overflow:hidden}.student-welcome:after{content:"";position:absolute;right:-40px;top:-80px;width:220px;height:220px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.student-welcome small{display:block;color:#a9c9e4;font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.student-welcome h1{margin:0;font-size:1.62rem;letter-spacing:-.025em}.student-welcome p{margin:5px 0 0;color:#c0d1df;font-size:.86rem}.student-welcome .badge{position:relative;z-index:1}.registration-progress{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 20px;margin-bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;box-shadow:var(--shadow-soft)}.progress-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;position:relative;padding-right:22px}.progress-step:not(:last-child):after{content:"";position:absolute;left:42px;right:8px;top:16px;height:1px;background:var(--line-dark);z-index:0}.progress-step .step-index{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-dark);background:#fff;color:var(--muted);font-weight:850;font-size:.76rem;z-index:1}.progress-step .step-copy{background:#fff;z-index:1;padding-right:8px}.progress-step .step-copy strong{display:block;font-size:.8rem;color:var(--ink)}.progress-step .step-copy span{display:block;color:var(--muted);font-size:.7rem;margin-top:1px}.progress-step.done .step-index{background:var(--green-700);border-color:var(--green-700);color:#fff}.progress-step.active .step-index{background:var(--blue-700);border-color:var(--blue-700);color:#fff;box-shadow:0 0 0 4px var(--sky-100)}.progress-step.done:not(:last-child):after{background:#9fcab4}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.profile-item{padding:15px 17px;border-bottom:1px solid var(--line);min-height:72px}.profile-item:nth-child(odd){border-right:1px solid var(--line)}.profile-item .k{font-size:.68rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.profile-item .v{font-size:.94rem;font-weight:750;margin-top:5px;color:#243444}.status-panel{padding:15px;border-radius:10px;background:#f7f9fb;border:1px solid var(--line);font-size:.86rem}.status-panel strong{display:block;margin-bottom:5px;color:var(--navy-900)}

/* Review cards */
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:10px 0 18px}.choice-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line-dark);border-radius:11px;background:#fff;cursor:pointer;transition:.16s}.choice-card:hover{border-color:#b8c4cf;box-shadow:var(--shadow-soft)}.choice-card input{margin-top:4px;accent-color:var(--blue-700);transform:scale(1.15)}.choice-card span{display:block}.choice-card strong{display:block;font-size:.92rem;margin-bottom:4px;color:var(--navy-900)}.choice-card small{display:block;color:var(--muted);line-height:1.5}.choice-card:has(input:checked){border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(22,115,199,.09)}.choice-correct:has(input:checked){border-color:#63a581;background:#f8fcfa}.choice-incorrect:has(input:checked){border-color:#d4aa55;background:#fffcf5}.correction-box{padding:19px;border:1px solid #ead9ae;border-radius:11px;background:#fffdf8;margin-top:14px}.correction-box[hidden],.correction-input[hidden]{display:none!important}.correction-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.correction-item{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.check-row.compact{border:0;border-radius:0;background:#f8fafb;padding:13px}.correction-input{padding:13px;border-top:1px solid var(--line);background:#fff}.correction-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}.correction-summary>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.correction-summary>div.full{grid-column:1/-1}.correction-summary span,.detail-pair span{display:block;color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.correction-summary strong{display:block;line-height:1.5;font-size:.87rem}.detail-list{display:grid;gap:8px}.detail-pair{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f8fafb}.report-card{border-left:4px solid var(--gold-500)}.report-card.processed{border-left-color:#4b9d72}.report-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}

/* Badges */
.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;font-size:.69rem;font-weight:850;white-space:nowrap}.badge-success{background:var(--green-100);color:var(--green-700)}.badge-warning{background:var(--gold-100);color:#7a5d18}.badge-danger{background:var(--red-100);color:var(--red-700)}.badge-info{background:var(--sky-100);color:#245f91}.badge-muted{background:#eef1f4;color:#657483}

/* Tables */
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:780px;background:#fff}.table th,.table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.83rem}.table th{background:#f7f9fb;color:#617181;font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;position:sticky;top:0;z-index:1;font-weight:850}.table tbody tr:hover{background:#fbfcfd}.table tr:last-child td{border-bottom:0}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.inline-form{display:inline}.empty{text-align:center;padding:44px 20px;color:var(--muted);font-size:.87rem}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#edf1f4;padding:2px 6px;border-radius:5px;font-size:.82em}

/* Admin shell */
.area-admin{background:#f3f5f8}.admin-app{min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--navy-950);color:#fff;z-index:60;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);transition:transform .2s ease}.admin-brand-wrap{padding:22px 20px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-brand{display:flex;gap:12px;align-items:center;color:#fff}.admin-logo{width:46px;height:46px;border-radius:50%;padding:4px;border-color:rgba(255,255,255,.18);background:#fff}.admin-brand-copy{min-width:0}.admin-brand-copy small{display:block;color:#7fb3de;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.admin-brand-copy strong{display:block;color:#fff;font-size:.95rem;line-height:1.22;margin-top:2px}.admin-brand-copy em{display:block;color:#91a7ba;font-style:normal;font-size:.66rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.sidebar-caption{padding:20px 22px 8px;color:#617a90;font-size:.61rem;letter-spacing:.13em;font-weight:850}.admin-nav{padding:0 12px;display:grid;gap:3px}.admin-nav a,.sidebar-public-link,.sidebar-logout{display:flex;align-items:center;gap:11px;color:#a9bbca;padding:10px 11px;border-radius:8px;font-size:.82rem;font-weight:700;transition:.15s}.admin-nav a:hover,.sidebar-public-link:hover{background:rgba(255,255,255,.055);color:#fff}.admin-nav a.active{background:#123d67;color:#fff;box-shadow:inset 3px 0 0 var(--gold-500)}.nav-icon{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto}.nav-icon svg{width:18px;height:18px}.sidebar-bottom{margin-top:auto;padding:14px 12px 18px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-logout{color:#e0a09a}.sidebar-logout:hover{background:rgba(191,76,66,.12);color:#ffd4cf}.sidebar-version{display:flex;align-items:center;gap:7px;color:#627b91;font-size:.63rem;padding:15px 11px 0}.sidebar-version span{width:7px;height:7px;border-radius:50%;background:#54b67f;box-shadow:0 0 0 3px rgba(84,182,127,.12)}.sidebar-version b{margin-left:auto;color:#7690a7}.admin-main{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .2s ease}.admin-topbar{height:72px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 30px;position:sticky;top:0;z-index:40}.admin-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.admin-breadcrumb small{display:block;color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.admin-breadcrumb strong{display:block;color:var(--navy-950);font-size:.95rem;margin-top:1px}.admin-top-actions{display:flex;align-items:center;gap:13px}.open-status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:99px;background:#f1f4f7;color:#667482;font-size:.68rem;font-weight:800}.open-status i{width:7px;height:7px;border-radius:50%;background:#a1acb6}.open-status.is-open{background:var(--green-100);color:var(--green-700)}.open-status.is-open i{background:#47a373}.open-status.is-closed{background:var(--red-100);color:var(--red-700)}.open-status.is-closed i{background:#c05f56}.topbar-link{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:800;color:var(--navy-900);padding-left:13px;border-left:1px solid var(--line)}.topbar-link svg{font-size:.95rem}.admin-content{width:100%;max-width:1480px;margin:0 auto;padding:28px 30px 44px;flex:1}.admin-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 30px;border-top:1px solid var(--line);font-size:.69rem;color:#8794a1;background:#fff}.icon-button{border:0;background:transparent;padding:8px;color:var(--navy-900);cursor:pointer;border-radius:8px}.icon-button:hover{background:#f1f4f7}.sidebar-toggle-button{display:grid;place-items:center;flex:0 0 auto}.sidebar-toggle-button svg{width:20px;height:20px}.sidebar-scrim{display:none}.admin-app.sidebar-collapsed .admin-sidebar{transform:translateX(-100%)}.admin-app.sidebar-collapsed .admin-main{margin-left:0}

/* Branding upload */
.branding-card{overflow:hidden}.branding-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:24px;align-items:stretch}.branding-preview{border:1px solid var(--line);border-radius:12px;background:#f7f9fb;padding:22px;display:flex;align-items:center;gap:18px;min-height:170px}.branding-logo-stage{width:112px;height:112px;flex:0 0 auto;border-radius:22px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:12px;box-shadow:var(--shadow-soft)}.branding-preview-logo{display:grid;place-items:center;width:100%;height:100%}.branding-preview-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.branding-preview strong{display:block;color:var(--navy-950);font-size:1rem}.branding-preview span{display:block;color:var(--muted);font-size:.8rem;line-height:1.55;margin-top:5px}.branding-upload-form{display:flex;flex-direction:column;gap:13px}.upload-dropzone{position:relative;border:1.5px dashed #b8c7d5;border-radius:12px;background:#fbfcfd;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;cursor:pointer;transition:.16s}.upload-dropzone:hover{border-color:var(--blue-600);background:#f6faff}.upload-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sky-100);color:var(--blue-700);font-size:1.3rem;font-weight:900;margin-bottom:8px}.upload-dropzone strong{color:var(--navy-900);font-size:.92rem}.upload-dropzone>span:last-child{color:var(--muted);font-size:.75rem;margin-top:4px}.branding-file-note{display:grid;gap:5px;color:var(--muted);font-size:.75rem;line-height:1.5}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#eef2f5;border:1px solid #e0e6eb;border-radius:5px;padding:1px 5px;color:#33485a;font-size:.9em}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* Admin dashboard */
.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.dashboard-heading .eyebrow{margin-bottom:5px}.dashboard-heading h1{margin:0;color:var(--navy-950);font-size:1.9rem;letter-spacing:-.035em}.dashboard-heading p{margin:5px 0 0;color:var(--muted);font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow-soft);min-height:128px;position:relative;overflow:hidden}.stat-card .label{color:var(--muted);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.stat-card .value{font-size:2rem;font-weight:850;margin-top:7px;letter-spacing:-.045em;color:var(--navy-950);line-height:1}.stat-card .meta{font-size:.72rem;color:var(--muted);margin-top:9px;line-height:1.45}.stat-card.accent{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}.stat-card.accent:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:1px solid rgba(255,255,255,.09);right:-24px;top:-28px;box-shadow:0 0 0 24px rgba(255,255,255,.018)}.stat-card.accent .label,.stat-card.accent .meta{color:#aac0d3}.stat-card.accent .value{color:#fff}.progress{height:7px;background:#e9edf1;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--blue-600);border-radius:inherit}.summary-row{display:grid;grid-template-columns:minmax(170px,1.4fr) repeat(6,minmax(82px,.55fr));gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.summary-row:last-child{border-bottom:0}.summary-head{font-size:.68rem;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.06em}.danger-zone{border-color:#f0d1cc;background:#fffafa}

/* Legacy hero aliases retained for compatibility */
.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-copy{padding:38px}.hero h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;margin:18px 0 16px;letter-spacing:-.04em;color:var(--navy-950)}.hero p{font-size:1rem;line-height:1.75;color:var(--muted);max-width:680px}.hero-side{padding:28px;background:var(--navy-900);color:#fff}.steps{display:grid;gap:14px;margin-top:18px}.step{display:flex;gap:13px;align-items:flex-start}.step b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1)}.step span{opacity:.82;line-height:1.55}

@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card.accent{grid-row:span 1}.portal-copy{padding:50px 42px}.portal-panel{padding:42px 32px}}
@media(max-width:980px){.portal-hero,.auth-layout{grid-template-columns:1fr}.branding-grid{grid-template-columns:1fr}.portal-panel{min-height:360px}.auth-context{min-height:360px}.auth-form-pane{padding:42px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.filters .wide{grid-column:1/-1}.summary-row{grid-template-columns:1.5fr repeat(3,.6fr)}.summary-row>*:nth-child(n+5){display:none}.admin-sidebar{transform:translateX(-100%)}.admin-app.sidebar-open .admin-sidebar{transform:translateX(0)}.admin-main,.admin-app.sidebar-collapsed .admin-main{margin-left:0}.sidebar-toggle-button{display:grid;place-items:center}.sidebar-scrim{display:block;position:fixed;inset:0;background:rgba(4,19,33,.42);z-index:50;opacity:0;visibility:hidden;transition:.2s}.admin-app.sidebar-open .sidebar-scrim{opacity:1;visibility:visible}.admin-content{padding:24px 22px 40px}.admin-topbar{padding:0 22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card.accent{grid-column:1/-1}.registration-progress{grid-template-columns:1fr;gap:12px}.progress-step{padding-right:0}.progress-step:not(:last-child):after{left:16px;right:auto;top:34px;bottom:-12px;width:1px;height:auto}.progress-step .step-copy{padding-left:2px}.site-header-actions .header-year{display:none}}
@media(max-width:720px){.container{width:min(100% - 24px,1180px)}.branding-preview{align-items:flex-start;flex-direction:column}.branding-logo-stage{width:96px;height:96px}.site-header-inner{min-height:76px}.school-logo{width:48px;height:48px}.school-copy strong{font-size:.96rem}.school-copy em{font-size:.72rem}.site-header-actions{gap:6px}.header-admin,.header-logout{padding:8px 9px;font-size:.76rem}.page-shell{padding:24px 0 42px}.portal-copy{padding:34px 26px}.portal-copy h1{font-size:2.55rem}.portal-panel{padding:32px 26px}.portal-trust{gap:16px}.auth-context{padding:36px 28px}.auth-context h1{font-size:2.25rem}.auth-form-pane{padding:36px 26px}.student-welcome{padding:22px;align-items:flex-start;flex-direction:column}.grid-2,.grid-3,.grid-4,.stats-grid{grid-template-columns:1fr}.stat-card.accent{grid-column:auto}.profile-grid{grid-template-columns:1fr}.profile-item:nth-child(odd){border-right:0}.choice-grid,.correction-list,.correction-summary{grid-template-columns:1fr}.correction-summary>div.full{grid-column:auto}.section-title{align-items:flex-start;flex-direction:column}.actions .btn{width:100%}.filters{grid-template-columns:1fr}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-heading .actions{width:100%;margin:0}.dashboard-heading .actions .btn{width:100%}.admin-top-actions .open-status{display:none}.topbar-link{font-size:0;border-left:0;padding-left:0}.topbar-link svg{font-size:1.1rem}.admin-footer{flex-direction:column;gap:3px}.site-footer-inner{flex-direction:column;align-items:flex-start}.footer-note{text-align:left}.summary-row{grid-template-columns:1fr repeat(2,.5fr)}}
@media(max-width:460px){.school-copy em{display:none}.school-copy small{font-size:.61rem}.portal-copy h1{font-size:2.2rem}.portal-actions .btn{width:100%}.auth-form-pane{padding:32px 20px}.auth-context{padding:32px 22px}.admin-content{padding:20px 14px 34px}.admin-topbar{padding:0 14px}.card{padding:18px}.site-header-actions .header-admin{display:none}}

/* v1.4.2 - Student TKA briefing */
.tka-briefing{background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:18px;box-shadow:var(--shadow-soft);overflow:hidden}.tka-briefing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:22px 24px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}.briefing-kicker{display:block;color:var(--blue-700);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.tka-briefing-head h2{margin:0;color:var(--navy-950);font-size:1.22rem;line-height:1.25;letter-spacing:-.02em}.tka-briefing-head p{margin:7px 0 0;color:var(--ink-soft);font-size:.86rem}.briefing-badge{display:inline-flex;align-items:center;white-space:nowrap;background:var(--gold-100);color:#795b16;border:1px solid #efdca9;border-radius:99px;padding:6px 10px;font-size:.68rem;font-weight:850}.tka-briefing-grid{display:grid;grid-template-columns:.9fr 1.1fr}.tka-core-panel,.tka-choice-panel{padding:20px 24px 22px}.tka-core-panel{border-right:1px solid var(--line)}.briefing-section-label{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;margin-bottom:15px}.briefing-section-label>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--navy-900);color:#fff;font-size:.69rem;font-weight:850}.briefing-section-label strong{display:block;color:var(--navy-950);font-size:.9rem}.briefing-section-label small{display:block;color:var(--muted);font-size:.73rem;line-height:1.45;margin-top:2px}.mandatory-subjects{display:grid;gap:8px}.mandatory-subject{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fafbfd}.mandatory-subject>span{height:30px;border-radius:7px;display:grid;place-items:center;background:var(--sky-100);color:var(--blue-700);font-size:.66rem;font-weight:900}.mandatory-subject strong{font-size:.82rem;color:#2a3b4c}.selection-advice{border-left:3px solid var(--gold-500);background:#fffaf0;padding:12px 14px;border-radius:0 9px 9px 0}.selection-advice>strong{display:block;color:#6f5517;font-size:.8rem;margin-bottom:4px}.selection-advice p{margin:0;color:#5d5360;font-size:.78rem;line-height:1.62}.selection-advice b{color:#303c48}.choice-guidance{padding:7px 9px;border-radius:7px;background:#f7f9fb;border:1px solid #edf0f3}.choice-guidance strong{color:var(--navy-900)}
@media(max-width:820px){.tka-briefing-grid{grid-template-columns:1fr}.tka-core-panel{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){.tka-briefing-head{padding:19px 18px;flex-direction:column}.briefing-badge{align-self:flex-start}.tka-core-panel,.tka-choice-panel{padding:18px}.tka-briefing-head h2{font-size:1.08rem}}

/* v1.5.0 - role based dashboard & analysis */
.subject-summary-link{display:block;text-decoration:none;color:inherit;padding:12px 14px;border:1px solid transparent;border-radius:12px;transition:.18s ease}
.subject-summary-link:hover{border-color:#c7d7e6;background:#f7fafc;transform:translateY(-1px)}
.subject-summary-link .badge{white-space:nowrap}
.account-edit-form{margin-top:12px;padding:14px;min-width:300px;background:#f8fafc;border:1px solid #dbe5ee;border-radius:12px;display:grid;gap:10px}
.account-edit-form label{font-size:.82rem;font-weight:700;color:#334e68;display:grid;gap:5px}
.account-edit-form .check-line{display:flex;align-items:center;gap:8px}
.account-edit-form details summary{cursor:pointer}
details>summary.btn{list-style:none;display:inline-flex}details>summary.btn::-webkit-details-marker{display:none}
.stat-card .meta a{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.account-edit-form{min-width:250px}.subject-summary-link{padding:10px}}

/* v1.5.1 */
.selection-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){.selection-mode-grid{grid-template-columns:1fr}}
\n\n/* v1.5.4 - pemberitahuan Web TKA Resmi untuk siswa */\n.official-tka-inline{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;margin-top:18px;padding:14px 16px;border:1px solid #b9dfca;border-radius:12px;background:#f3fbf6;color:#174c2e}.official-tka-inline-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#16834c;color:#fff;font-weight:900;font-size:1.1rem;box-shadow:0 0 0 5px rgba(22,131,76,.08)}.official-tka-inline strong{display:block;font-size:.88rem;color:#174c2e;margin-top:1px}.official-tka-inline p{margin:4px 0 0;color:#436452;font-size:.78rem;line-height:1.55}\n.official-tka-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.official-tka-modal.is-visible{opacity:1;visibility:visible}.official-tka-modal.is-closing{opacity:0}.official-tka-modal-backdrop{position:absolute;inset:0;background:rgba(3,20,35,.68);backdrop-filter:blur(5px)}.official-tka-modal-card{position:relative;z-index:1;width:min(560px,100%);max-height:calc(100% - 20px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:30px;box-shadow:0 28px 80px rgba(3,20,35,.28);transform:translateY(12px) scale(.985);transition:transform .2s ease}.official-tka-modal.is-visible .official-tka-modal-card{transform:translateY(0) scale(1)}.official-tka-modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#52606d;font-size:1.45rem;line-height:1;cursor:pointer}.official-tka-modal-close:hover{background:#f5f7f9;color:var(--navy-950)}.official-tka-success-mark{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 0 17px;background:#eaf8ef;border:1px solid #bde4cb}.official-tka-success-mark span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#16834c;color:#fff;font-size:1.45rem;font-weight:900}.official-tka-kicker{display:block;color:#16834c;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.official-tka-modal-card h2{margin:0;color:var(--navy-950);font-size:1.55rem;line-height:1.2;letter-spacing:-.025em;padding-right:34px}.official-tka-lead{margin:9px 0 18px;color:var(--muted);font-size:.87rem;line-height:1.55}.official-tka-subjects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.official-tka-subjects>div{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#f9fbfc}.official-tka-subjects span{display:block;color:var(--blue-700);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.official-tka-subjects strong{display:block;color:var(--navy-950);font-size:.86rem;line-height:1.4}.official-tka-time{margin-top:10px;color:var(--muted);font-size:.72rem}.official-tka-time strong{color:#435363}.official-tka-next{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:start;margin-top:18px;padding:15px;border-radius:12px;background:#fff8e8;border:1px solid #efdba7}.official-tka-next-icon{width:52px;height:52px;border-radius:11px;display:grid;place-items:center;background:#fff;color:#a56b00;border:1px solid #eccd7c;font-size:.72rem;font-weight:900}.official-tka-next strong{display:block;color:#6c4c0a;font-size:.83rem}.official-tka-next p{margin:4px 0 0;color:#6c5a34;font-size:.79rem;line-height:1.55}.official-tka-modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.official-tka-modal-actions .btn{flex:1 1 190px;justify-content:center}\n@media(max-width:600px){.official-tka-modal{padding:12px}.official-tka-modal-card{padding:24px 18px 20px;border-radius:16px}.official-tka-modal-card h2{font-size:1.3rem}.official-tka-subjects{grid-template-columns:1fr}.official-tka-next{grid-template-columns:44px minmax(0,1fr)}.official-tka-next-icon{width:44px;height:44px}.official-tka-modal-actions{display:grid;grid-template-columns:1fr}.official-tka-modal-actions .btn{width:100%}.official-tka-inline{grid-template-columns:36px minmax(0,1fr)}.official-tka-inline-icon{width:36px;height:36px}}\n@media(prefers-reduced-motion:reduce){.official-tka-modal,.official-tka-modal-card{transition:none}}\n