:root{--navy:#073f73;--blue:#075ca8;--blue-soft:#eaf4fc;--green:#08765f;--green-2:#0b8a6d;--mint:#edf8f4;--gold:#f2b705;--ink:#183246;--muted:#687b89;--line:#dce7ef;--bg:#f4f8fb;--white:#fff}
body{background:linear-gradient(180deg,#eef6fb 0,#f7fafc 260px,#f4f8fb 100%);color:var(--ink)}
.official-strip{background:#052f57;color:#dcecf8;border:0}.site-header{position:sticky;top:0;z-index:50;min-height:74px;background:rgba(7,63,115,.97);border-bottom:1px solid rgba(255,255,255,.13);box-shadow:0 8px 28px rgba(3,39,72,.14);backdrop-filter:blur(14px)}.brand-mark{border-radius:12px;background:linear-gradient(145deg,#ffcc29,#eca900);box-shadow:0 6px 16px rgba(0,0,0,.16)}.site-header nav{gap:10px}.page-shell{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 210px);padding:42px 0 70px}.page-shell h1{letter-spacing:-.035em}.dash-card,.auth-card,.form-card,.detail-card,.participant-list,.admin-filter{border-color:#dce8f0!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(24,66,101,.07)!important}.button{border-radius:9px;background:linear-gradient(135deg,var(--blue),#087f72);border:0;box-shadow:0 7px 16px rgba(7,92,168,.15);transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(7,92,168,.22)}input,select,textarea{border-radius:8px!important;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:#1681bf!important;box-shadow:0 0 0 4px rgba(22,129,191,.1)!important;outline:0}.dashboard-head{padding:27px 30px;border-radius:16px;background:linear-gradient(125deg,#fff,#eef7fc);border:1px solid #dce8f0;box-shadow:0 10px 28px rgba(24,66,101,.06)}.stats-grid article{overflow:hidden;position:relative;border:1px solid #dce8f0;border-radius:14px;background:#fff;box-shadow:0 9px 25px rgba(24,66,101,.06)}.stats-grid article:after{content:"";position:absolute;right:-20px;bottom:-35px;width:100px;height:100px;border-radius:50%;background:var(--blue-soft)}
.notification-menu{position:relative}.notification-menu>summary{position:relative;width:43px;height:43px;display:grid;place-items:center;border-radius:11px;color:#fff;cursor:pointer;list-style:none;background:rgba(255,255,255,.1);transition:background .18s}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu>summary:hover{background:rgba(255,255,255,.18)}.notification-badge{position:absolute;top:-4px;right:-5px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--navy);border-radius:20px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:900}.notification-dropdown{position:absolute;top:53px;right:0;width:min(390px,calc(100vw - 24px));overflow:hidden;border:1px solid #d9e5ed;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 20px 55px rgba(5,38,66,.23)}.notification-head{display:flex;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid var(--line)}.notification-head>div{display:grid}.notification-head small{color:var(--muted);font-size:.7rem}.notification-head form{margin:0}.notification-head button{padding:0;border:0;background:none;color:var(--blue);font-size:.7rem;font-weight:800;cursor:pointer}.notification-list{max-height:390px;overflow:auto}.notification-list>a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:14px 17px;border-bottom:1px solid #edf2f5;text-decoration:none;transition:background .18s}.notification-list>a:hover{background:#f3f8fc}.notification-list>a>span:nth-child(2){display:grid}.notification-list strong{font-size:.78rem}.notification-list small{color:var(--muted);font-size:.7rem;line-height:1.45}.notification-list time{color:#8b9aa5;font-size:.61rem;white-space:nowrap}.notification-dot{width:9px;height:9px;margin-top:5px;border-radius:50%}.notification-dot.is-new{background:#1681bf}.notification-dot.is-file{background:#e7a600}.notification-footer{display:block;padding:12px;color:var(--blue)!important;text-align:center;font-size:.73rem!important;font-weight:800!important;text-decoration:none}.notification-empty{display:grid;justify-items:center;gap:5px;padding:34px 20px;color:#93a4af;text-align:center}.notification-empty strong{color:#496170}.notification-empty small{font-size:.7rem}
.profile-menu>summary{border-radius:12px!important;background:rgba(255,255,255,.08)}.profile-dropdown{border-radius:14px!important;box-shadow:0 20px 55px rgba(5,38,66,.23)!important}.eyebrow{color:var(--blue);letter-spacing:.12em}.status-open{background:#e6f7f1!important;color:#087057!important}.card-link{color:var(--blue)!important}.panitia-hero{background:linear-gradient(125deg,#063f75,#087a66)!important;border-radius:16px!important}.participant-title,.admin-quick-card{padding:25px;border:1px solid #dce8f0;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(24,66,101,.06)}
.site-header .brand strong{color:#fff}.site-header .brand small{color:#d5e8f6;opacity:1}.site-header .profile-menu>summary{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.1)}.site-header .profile-menu>summary:hover,.site-header .profile-menu[open]>summary{border-color:#fff;background:rgba(255,255,255,.16);box-shadow:0 5px 18px rgba(0,0,0,.12)}.site-header .profile-copy strong{color:#fff}.site-header .profile-copy small{color:#d4e7f4}.site-header .profile-chevron{color:#e2eff8}.site-header .nav-avatar{background:#07836a;border-color:#cfece5}.site-header .profile-dropdown,.site-header .profile-dropdown a,.site-header .profile-dropdown button{color:#344554}.site-header .profile-dropdown .dropdown-heading strong{color:var(--navy)}.site-header .profile-dropdown .dropdown-heading small{color:var(--muted)}.site-header .profile-dropdown form button{color:#9b2929}.dash-card p,.dashboard-head p,.detail-card p,.form-card p,.auth-card>p{color:#586d7c}.detail-card h2,.dash-card h2,.admin-quick-card h2{color:var(--navy)}label{color:#344c5d!important}input,select,textarea{color:#1e3444!important;background:#fff!important}input::placeholder,textarea::placeholder{color:#8a9aa5;opacity:1}.button,.button:hover{color:#fff}.button-outline{color:var(--blue);background:#fff;border:1px solid var(--blue)}
@media(max-width:760px){.page-shell{width:min(100% - 24px,1180px);padding-top:24px}.official-strip span:last-child{display:none}.site-header{padding:11px 13px}.site-header nav{margin-left:auto}.profile-copy{display:none!important}.notification-dropdown{position:fixed;top:76px;right:12px}.dashboard-head{padding:21px}.auth-card{margin-top:10px}.participant-title,.admin-quick-card{padding:19px}}
@media(max-width:430px){.brand span:last-child small{display:none}.brand strong{font-size:.79rem}.brand-mark{width:39px;height:39px}.page-shell{width:calc(100% - 18px)}.notification-menu>summary{width:39px;height:39px}}
.site-header .brand,.site-header .brand:link,.site-header .brand:visited{color:#fff!important}.site-header .brand strong{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.site-header .brand small{color:#e5f2fb!important;opacity:1!important}.site-header nav{color:#fff}.site-header nav>a{color:#fff!important}.site-header .profile-menu>summary .profile-copy strong{color:#fff!important}.site-header .profile-menu>summary .profile-copy small{color:#e5f2fb!important}.site-header .profile-menu>summary .profile-chevron{color:#fff!important}
.site-header nav>a:not(.button){display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border:1px solid transparent;border-radius:9px;color:#fff!important;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.site-header nav>a:not(.button):hover,.site-header nav>a:not(.button):focus-visible{color:#fff!important;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);text-decoration:none;transform:translateY(-1px);outline:none}.site-header nav>a.button,.site-header nav>a.button-light{color:var(--navy)!important;background:#fff!important;border:1px solid #fff!important;box-shadow:0 5px 14px rgba(0,0,0,.13)}.site-header nav>a.button:hover,.site-header nav>a.button-light:hover,.site-header nav>a.button:focus-visible{color:var(--navy)!important;background:#ffcf32!important;border-color:#ffcf32!important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.2);outline:none}.notification-menu>summary:hover,.notification-menu>summary:focus-visible{color:#fff!important;background:rgba(255,255,255,.2)!important;outline:2px solid rgba(255,255,255,.45);outline-offset:2px}.site-header .profile-menu>summary:hover,.site-header .profile-menu>summary:focus-visible,.site-header .profile-menu[open]>summary{color:#fff!important;background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.8)!important;outline:none}.profile-dropdown a:hover,.profile-dropdown a:focus-visible,.profile-dropdown button:hover,.profile-dropdown button:focus-visible{color:var(--navy)!important;background:#e7f3fb!important;outline:none}.profile-dropdown form button:hover,.profile-dropdown form button:focus-visible{color:#8e1f1f!important;background:#fff0f0!important}
@media(max-width:760px){.site-header nav>a:not(.button){display:none}}
.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:28px 30px;border:1px solid #d8e6ef;border-radius:16px;background:linear-gradient(125deg,#fff,#eaf5fc);box-shadow:0 10px 28px rgba(24,66,101,.07)}.settings-hero h1{margin:5px 0 6px;color:var(--navy);font-size:clamp(2rem,5vw,3rem)}.settings-hero p{margin:0;color:#586d7c}.settings-state{padding:9px 13px;border-radius:30px;font-size:.75rem;font-weight:850;white-space:nowrap}.settings-state.is-open{background:#dff5ec;color:#087057}.settings-state.is-closed{background:#fde8e8;color:#9b2929}.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px}.settings-main{display:grid;gap:17px}.settings-side{align-self:start}.settings-announcement{grid-column:1/-1}.settings-grid label{display:grid;gap:7px;font-size:.8rem;font-weight:750}.settings-grid textarea{width:100%;padding:12px;resize:vertical}.modern-switch{grid-template-columns:auto 1fr!important;align-items:center;cursor:pointer}.modern-switch input{position:absolute;opacity:0}.modern-switch span{width:48px;height:27px;position:relative;border-radius:30px;background:#bac7cf;transition:.2s}.modern-switch span:after{content:"";position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.modern-switch input:checked+span{background:var(--green)}.modern-switch input:checked+span:after{transform:translateX(21px)}.settings-help{margin:17px 0 0;padding:13px;border-radius:8px;background:#f2f7fa;color:#617584!important;font-size:.75rem}.settings-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px}.home-announcement{margin-top:20px;padding:14px 16px;border-left:4px solid var(--gold);border-radius:7px;background:#fff8da}.home-announcement strong{color:var(--navy);font-size:.8rem}.home-announcement p{margin:3px 0 0!important;color:#5d5329!important;font-size:.82rem!important}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.settings-announcement,.settings-actions{grid-column:auto}}@media(max-width:600px){.settings-hero{align-items:flex-start;flex-direction:column;padding:21px}.settings-state{width:100%;text-align:center}.settings-actions{flex-direction:column-reverse}.settings-actions .button{width:100%}}
.settings-grid .detail-card{padding:27px 28px}.settings-grid .section-heading{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #e5edf2}.settings-grid .section-heading h2{font-size:1.15rem;line-height:1.3}.settings-main{align-content:start;gap:20px}.settings-grid label{gap:8px;color:#324b5d!important;font-size:.79rem;line-height:1.35}.settings-grid input:not([type=checkbox]),.settings-grid textarea{display:block;width:100%;min-width:0;min-height:47px;padding:11px 13px;border:1px solid #bdccd7!important;border-radius:8px!important;background:#fff!important;color:#1e3444!important;font:inherit;font-size:.86rem}.settings-grid input[type=date]{padding-right:10px}.settings-grid textarea{min-height:135px;line-height:1.6}.settings-grid input:hover,.settings-grid textarea:hover{border-color:#829daf!important}.settings-side{min-height:255px}.settings-side .modern-switch{display:flex!important;gap:11px;padding:14px;border:1px solid #dce8ef;border-radius:10px;background:#f7fafc}.settings-side .modern-switch b{color:#244357;font-size:.8rem}.settings-help{line-height:1.65}.settings-actions{margin-top:-2px;padding:18px 0 2px;border-top:1px solid #dce7ee}.settings-actions .button{min-width:165px}.settings-announcement{border-top-color:var(--blue)!important}@media(max-width:800px){.settings-side{min-height:0}.settings-grid .detail-card{padding:23px}.settings-actions{margin-top:0}}@media(max-width:520px){.settings-grid{gap:14px}.settings-grid .detail-card{padding:19px 17px}.settings-grid .section-heading{align-items:flex-start}.settings-grid .form-pair{grid-template-columns:1fr}.settings-grid input:not([type=checkbox]){font-size:16px}.settings-hero h1{font-size:2rem}}
.admin-quick-card+.admin-quick-card{margin-top:22px}.admin-quick-card{min-height:150px}.admin-quick-card>div{max-width:760px}.admin-quick-card .eyebrow{margin-bottom:2px}.admin-quick-card h2{line-height:1.3}.admin-quick-card p{line-height:1.65}@media(max-width:760px){.admin-quick-card+.admin-quick-card{margin-top:18px}.admin-quick-card{min-height:0}}
.brand-mark.brand-logo{width:54px;height:54px;padding:3px;overflow:hidden;border:2px solid rgba(255,255,255,.82);border-radius:14px;background:#fff!important;box-shadow:0 6px 17px rgba(0,0,0,.18)}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.site-header .brand-logo{flex:0 0 54px}@media(max-width:760px){.brand-mark.brand-logo{width:45px;height:45px;padding:2px;border-radius:11px}.site-header .brand-logo{flex-basis:45px}}@media(max-width:430px){.brand-mark.brand-logo{width:41px;height:41px}.site-header .brand-logo{flex-basis:41px}}
.form-stack select{width:100%;min-height:47px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.identity-help{margin-top:-7px;padding:10px 12px;border-left:3px solid var(--blue);border-radius:5px;background:#eef6fb;color:#506b7d;font-size:.72rem;line-height:1.55}.registration-identity{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px;padding:24px 28px;border:1px solid #d8e5ed;border-left:5px solid var(--blue);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(24,66,101,.07)}.identity-copy h2{margin:5px 0 4px;color:var(--navy);font-size:clamp(1.45rem,3vw,2rem);letter-spacing:.035em}.identity-copy p{margin:0;color:var(--muted);font-size:.82rem}.barcode-panel{width:min(360px,42%);display:grid;justify-items:center;padding:12px 18px 8px;border:1px dashed #aebdc7;border-radius:9px;background:#fff;color:#111}.registration-barcode{width:100%;height:62px}.barcode-panel strong{margin-top:5px;font-family:Consolas,monospace;font-size:.75rem;letter-spacing:.15em}@media(max-width:700px){.registration-identity{align-items:stretch;flex-direction:column;padding:20px}.barcode-panel{width:100%}}@media print{.site-header,.official-strip,footer,.dashboard-grid{display:none!important}.registration-identity{box-shadow:none;border:1px solid #333}.barcode-panel{width:380px}}
.identity-print-link{display:inline-block;margin-top:9px;color:var(--blue);font-size:.78rem;font-weight:800;text-decoration:none}.result-card.result-passed{border-top-color:#0a966d!important;background:linear-gradient(145deg,#fff,#edfaf5)}.proof-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.proof-toolbar h1{margin:5px 0 0;color:var(--navy);font-size:clamp(2rem,5vw,3rem)}.proof-toolbar>div:last-child{display:flex;gap:10px}.registration-proof{max-width:900px;margin:auto;padding:38px 44px;border:1px solid #cad9e3;border-radius:12px;background:#fff;color:#233b4b;box-shadow:0 14px 40px rgba(18,55,84,.1)}.proof-header{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:3px double #264c68;text-align:center}.proof-header img{width:78px;height:78px;object-fit:contain}.proof-header div{display:grid;flex:1}.proof-header span{font-size:.76rem;font-weight:700;letter-spacing:.08em}.proof-header strong{color:var(--navy);font-size:1.45rem}.proof-header small{font-size:.72rem}.proof-title{display:grid;justify-items:center;padding:22px 0;text-align:center}.proof-title span{font-size:1.15rem;font-weight:900;letter-spacing:.08em}.proof-title strong{color:var(--blue);font-size:.8rem}.proof-identity{display:grid;grid-template-columns:1fr 310px;align-items:center;gap:25px;padding:20px;border-radius:9px;background:#edf6fb}.proof-identity>div:first-child{display:grid}.proof-identity span,.proof-data dt,.proof-status span{color:#687c89;font-size:.7rem}.proof-identity strong{color:var(--navy);font-size:1.4rem;letter-spacing:.04em}.proof-identity small{font-size:.68rem}.proof-barcode{display:grid;justify-items:center;padding:8px 12px;background:#fff;color:#111}.proof-barcode svg{width:100%;height:55px}.proof-barcode b{font-family:Consolas,monospace;font-size:.68rem;letter-spacing:.13em}.proof-data{padding:25px 0}.proof-data h2{margin:0 0 15px;color:var(--navy);font-size:1rem}.proof-data dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:#dce5eb;border:1px solid #dce5eb}.proof-data dl div{padding:11px 13px;background:#fff}.proof-data dl .proof-wide{grid-column:1/-1}.proof-data dt{margin-bottom:2px}.proof-data dd{margin:0;font-size:.8rem;font-weight:750}.proof-status{display:grid;grid-template-columns:1fr 1fr;gap:15px}.proof-status div{display:grid;padding:13px;border:1px solid #dce6ec;border-radius:7px}.proof-status strong{font-size:.78rem}.is-complete{color:#087057}.is-waiting{color:#8a6510}.registration-proof .proof-footer{display:flex;justify-content:space-between;gap:30px;margin-top:26px;padding:18px 0 0;background:#fff;border-top:1px solid #cad7df;color:#586d7a}.proof-footer p{max-width:470px;margin:0;font-size:.7rem}.proof-footer div{display:grid;text-align:center;font-size:.7rem}.proof-footer div strong{margin-top:30px;color:#263e4e}@media(max-width:720px){.proof-toolbar{align-items:stretch;flex-direction:column}.proof-toolbar>div:last-child,.proof-toolbar .button{width:100%}.registration-proof{padding:25px 20px}.proof-header img{width:58px;height:58px}.proof-header strong{font-size:1.05rem}.proof-identity{grid-template-columns:1fr}.proof-data dl,.proof-status{grid-template-columns:1fr}.proof-data dl .proof-wide{grid-column:auto}.registration-proof .proof-footer{flex-direction:column}}@media print{body{background:#fff}.page-shell{width:100%;padding:0}.proof-toolbar,.official-strip,.site-header,body>footer{display:none!important}.registration-proof{max-width:none;padding:20px;border:0;box-shadow:none}.proof-header img{width:68px;height:68px}.registration-proof .proof-footer{display:flex!important}}
.proof-student-layout{display:grid;grid-template-columns:132px 1fr;align-items:stretch;gap:16px}.proof-student-layout .proof-photo{width:132px;min-height:174px;display:grid;place-items:center;align-content:center;gap:7px;overflow:hidden;border:1px solid #cbd8df;border-radius:7px;background:#edf3f6;color:var(--blue)}.proof-photo img{width:100%;height:100%;min-height:174px;object-fit:cover}.proof-photo>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#dbeaf3;font-size:1.5rem;font-weight:900}.proof-photo>small{padding:0 8px;color:#71838e;font-size:.62rem;text-align:center}.proof-student-layout dl{height:100%}@media(max-width:600px){.proof-student-layout{grid-template-columns:1fr}.proof-student-layout .proof-photo{width:118px;min-height:150px;justify-self:center}.proof-photo img{min-height:150px}}@media print{.proof-student-layout{grid-template-columns:120px 1fr}.proof-student-layout .proof-photo{width:120px;min-height:158px}.proof-photo img{min-height:158px}}
.required-note,.optional-note{display:inline-flex;width:max-content;margin-left:5px;padding:2px 7px;border-radius:20px;font-size:.6rem;font-weight:800;vertical-align:middle}.required-note{background:#fee7e7;color:#a12626}.optional-note{background:#e7f2f8;color:#3f667d}.proof-student-layout .proof-photo{width:120px!important;height:160px!important;min-height:160px!important;align-self:start}.proof-photo img{width:120px!important;height:160px!important;min-height:160px!important;object-fit:cover}.proof-student-layout{grid-template-columns:120px 1fr!important}@media(max-width:600px){.proof-student-layout{grid-template-columns:1fr!important}.proof-student-layout .proof-photo{justify-self:center}}@media print{.proof-student-layout{grid-template-columns:105px 1fr!important}.proof-student-layout .proof-photo,.proof-photo img{width:105px!important;height:140px!important;min-height:140px!important}}
.report-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:24px}.report-head h1{margin:5px 0;color:var(--navy);font-size:clamp(2.1rem,5vw,3.2rem)}.report-head p{margin:0;color:var(--muted)}.report-actions{display:flex;gap:10px}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.report-stats article{padding:20px;border:1px solid #dbe7ee;border-radius:13px;background:#fff;box-shadow:0 7px 22px rgba(24,66,101,.06)}.report-stats span{display:block;color:var(--muted);font-size:.75rem}.report-stats strong{display:block;margin-top:5px;color:var(--blue);font-size:1.8rem}.report-filter{display:grid;grid-template-columns:1.5fr 1fr 1fr auto auto;align-items:end;gap:11px;margin-bottom:20px;padding:18px;border:1px solid #dbe7ee;border-radius:13px;background:#fff}.report-filter label{display:grid;gap:6px;font-size:.72rem;font-weight:800}.report-filter input,.report-filter select{min-height:44px;padding:9px 11px;border:1px solid #c7d5de;font:inherit}.report-sheet{padding:24px;border:1px solid #d7e3eb;border-radius:13px;background:#fff;box-shadow:0 10px 30px rgba(24,66,101,.06)}.report-print-title{display:none}.report-table-wrap{overflow-x:auto}.report-sheet table{width:100%;border-collapse:collapse;font-size:.76rem}.report-sheet th{padding:12px 10px;background:#eaf4fa;color:#365366;text-align:left;white-space:nowrap}.report-sheet td{padding:12px 10px;border-bottom:1px solid #e5edf2;vertical-align:middle}.report-sheet td>small,.report-sheet td>span+small{display:block;color:#748691;font-size:.65rem}.report-chip{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:.65rem;font-weight:800;white-space:nowrap}.report-chip.good{background:#dff5ec;color:#087057}.report-chip.wait{background:#fff2ca;color:#765408}.report-chip.bad{background:#fee5e5;color:#9b2525}.report-empty{padding:35px!important;color:var(--muted);text-align:center}.report-signature{display:none}@media(max-width:900px){.report-stats{grid-template-columns:repeat(2,1fr)}.report-filter{grid-template-columns:1fr 1fr}.report-filter label:first-child{grid-column:1/-1}}@media(max-width:620px){.report-head{align-items:stretch;flex-direction:column}.report-actions,.report-actions .button{width:100%}.report-stats{grid-template-columns:1fr 1fr}.report-filter{grid-template-columns:1fr}.report-filter label:first-child{grid-column:auto}.report-filter .button{width:100%}.report-sheet{padding:12px}}@media print{.report-head,.report-stats,.report-filter,.simple-pagination,.site-header,.official-strip,body>footer{display:none!important}.page-shell{width:100%;padding:0}.report-sheet{padding:0;border:0;box-shadow:none}.report-print-title{display:flex;align-items:center;justify-content:center;gap:14px;padding-bottom:15px;border-bottom:3px double #24475f;text-align:center}.report-print-title img{width:58px;height:58px;object-fit:contain}.report-print-title div{display:grid}.report-print-title strong{font-size:1rem}.report-print-title span{font-size:.72rem}.report-sheet table{font-size:.65rem}.report-sheet th,.report-sheet td{padding:7px 6px}.report-signature{display:grid;justify-content:end;margin-top:25px;text-align:center;font-size:.7rem}.report-signature strong{margin-top:4px}.report-signature i{margin-top:35px;font-style:normal}}
.admin-stats article small{display:block;position:relative;z-index:1;color:#77909f;font-size:.68rem}.dashboard-charts{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:24px}.chart-card{padding:24px;border:1px solid #dbe7ee;border-radius:14px;background:#fff;box-shadow:0 9px 27px rgba(24,66,101,.065)}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.chart-heading h2{margin:5px 0 0;color:var(--navy);font-size:1.1rem}.chart-heading>strong{color:var(--blue);font-size:1.8rem}.progress-chart{display:grid;gap:17px}.progress-chart>div{display:grid;gap:7px}.progress-chart span,.selection-item span{display:flex;justify-content:space-between;gap:15px;font-size:.73rem}.progress-chart span i{color:var(--muted);font-style:normal}.progress-chart em,.selection-item em{height:9px;display:block;overflow:hidden;border-radius:20px;background:#e8eff4}.progress-chart u,.selection-item u{height:100%;display:block;border-radius:20px;background:linear-gradient(90deg,var(--blue),#0b9476);text-decoration:none}.donut-layout{display:flex;align-items:center;justify-content:center;gap:30px}.donut-chart{width:148px;height:148px;display:grid;place-items:center;flex:0 0 148px;border-radius:50%;background:conic-gradient(#0b9270 0 var(--valid),#e5a80b var(--valid) var(--valid-repair),#3485bb var(--valid-repair) 100%);position:relative}.donut-chart:after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:#fff}.donut-chart span{display:grid;z-index:1;text-align:center}.donut-chart strong{color:var(--navy);font-size:1.5rem;line-height:1}.donut-chart small{color:var(--muted);font-size:.65rem}.chart-legend{display:grid;gap:11px}.chart-legend span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;color:#607481;font-size:.69rem}.chart-legend i{width:9px;height:9px;border-radius:50%}.legend-valid{background:#0b9270}.legend-repair{background:#e5a80b}.legend-wait{background:#3485bb}.chart-legend b{color:var(--navy)}.selection-chart{grid-column:1/-1}.selection-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.selection-item{display:grid;gap:8px}.selection-item span strong{font-size:1.15rem}.selection-item.passed u{background:#0b9270}.selection-item.failed u{background:#d64b4b}.selection-item.pending u{background:#e5a80b}@media(max-width:850px){.dashboard-charts{grid-template-columns:1fr}.selection-chart{grid-column:auto}}@media(max-width:650px){.selection-bars{grid-template-columns:1fr}.donut-layout{align-items:flex-start;flex-direction:column}.donut-chart{align-self:center}.chart-legend{width:100%}}
.panitia-form select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cbd8e2;background:#fff;font:inherit}.read-only-notice{border-top-color:#e5a80b!important;background:#fffaf0!important}.read-only-notice h2{margin-bottom:7px}.read-only-notice p{margin:0}.password-card{margin-top:15px}
.selection-letter{max-width:900px;margin:auto;padding:38px 44px;border:1px solid #cad9e3;border-radius:12px;background:#fff;color:#233b4b;box-shadow:0 14px 40px rgba(18,55,84,.1)}.letter-title{padding:22px 0;text-align:center}.letter-title h2{margin:0;color:var(--navy);font-size:1.15rem;text-decoration:underline;letter-spacing:.055em}.letter-title p,.letter-title span{display:block;margin:4px 0 0;font-size:.76rem}.letter-body>p{font-size:.82rem;line-height:1.75;text-align:justify}.letter-student{display:grid;grid-template-columns:120px 1fr;gap:20px;margin:20px 0}.letter-photo{width:120px;height:160px;display:grid;place-items:center;align-content:center;overflow:hidden;border:1px solid #cbd8df;border-radius:6px;background:#edf3f6}.letter-photo img{width:120px!important;height:160px!important;object-fit:cover}.letter-student dl{display:grid;align-content:start;gap:0;margin:0;border:1px solid #dce5eb}.letter-student dl div{display:grid;grid-template-columns:170px 1fr;padding:8px 12px;border-bottom:1px solid #e5edf2}.letter-student dl div:last-child{border-bottom:0}.letter-student dt{color:#687c89;font-size:.72rem}.letter-student dd{margin:0;font-size:.78rem;font-weight:750}.letter-decision{margin:24px 0;padding:18px;border:2px solid #13865f;border-radius:9px;background:#eefaf6;text-align:center}.letter-failed .letter-decision{border-color:#b34242;background:#fff3f3}.letter-decision span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.12em}.letter-decision strong{display:block;margin:4px 0;color:#087057;font-size:1.4rem;letter-spacing:.06em}.letter-failed .letter-decision strong{color:#a52d2d}.letter-decision p{margin:0;font-size:.78rem}.letter-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:28px;padding-top:18px;border-top:1px solid #cad7df}.letter-code{width:280px;display:grid;justify-items:center}.letter-code svg{width:100%;height:50px}.letter-code b{font-family:Consolas,monospace;font-size:.67rem;letter-spacing:.12em}.letter-code small{color:#687c89;font-size:.6rem}.letter-signature{min-width:250px;display:grid;text-align:center;font-size:.72rem}.letter-signature strong{margin-top:4px}.letter-signature i{margin-top:48px;color:#213b4c;font-style:normal;font-weight:800;text-decoration:underline}.letter-signature small{color:#70828d;font-size:.6rem}@media(max-width:700px){.selection-letter{padding:25px 20px}.letter-student{grid-template-columns:1fr}.letter-photo{justify-self:center}.letter-student dl div{grid-template-columns:1fr;gap:2px}.letter-footer{align-items:center;flex-direction:column}.letter-code,.letter-signature{width:100%}}@media print{.result-toolbar,.official-strip,.site-header,body>footer{display:none!important}.page-shell{width:100%;padding:0}.selection-letter{max-width:none;padding:12px 20px;border:0;box-shadow:none}.letter-header img{width:68px;height:68px}.letter-footer{display:flex!important}.letter-title{padding:16px 0}.letter-body>p{line-height:1.55}.letter-student{grid-template-columns:105px 1fr;margin:12px 0}.letter-photo,.letter-photo img{width:105px!important;height:140px!important}.letter-decision{margin:15px 0;padding:12px}}
.letter-code #tte-qrcode{width:112px;height:112px;margin-bottom:8px;padding:5px;border:1px solid #d3dde3;background:#fff}.letter-code #tte-qrcode img,.letter-code #tte-qrcode canvas{width:100%!important;height:100%!important}.validation-page{max-width:720px;margin:15px auto;padding:38px;border:1px solid #d9e5ec;border-radius:16px;background:#fff;text-align:center;box-shadow:0 14px 38px rgba(20,60,90,.09)}.validation-emblem{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%}.validation-emblem.is-valid{background:#dff6ed;color:#087057}.validation-emblem.is-invalid{background:#fee6e6;color:#a52d2d}.validation-page h1{margin:7px 0;color:var(--navy);font-size:clamp(1.8rem,5vw,2.6rem)}.validation-page>p{max-width:560px;margin:0 auto 24px;color:var(--muted);line-height:1.65}.validation-data{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 22px;border:1px solid #dce5eb;background:#dce5eb;text-align:left}.validation-data div{padding:12px 14px;background:#fff}.validation-data dt{color:#71838e;font-size:.68rem}.validation-data dd{margin:3px 0 0;color:#243e4f;font-size:.82rem;font-weight:800}.valid-text{color:#087057!important}.invalid-text{color:#a52d2d!important}.validation-signer{display:grid;margin:20px 0 25px;padding:15px;border-radius:9px;background:#edf6fb}.validation-signer span,.validation-signer small{color:#637986;font-size:.68rem}.validation-signer strong{margin:4px 0;color:var(--navy)}@media(max-width:600px){.validation-page{padding:27px 18px}.validation-data{grid-template-columns:1fr}}
.selection-letter{max-width:900px;margin:auto;padding:38px 44px;border:1px solid #cad9e3;border-radius:12px;background:#fff;color:#233b4b;box-shadow:0 14px 40px rgba(18,55,84,.1)}.letter-title{padding:22px 0;text-align:center}.letter-title h2{margin:0;color:var(--navy);font-size:1.15rem;text-decoration:underline;letter-spacing:.055em}.letter-title p,.letter-title span{display:block;margin:4px 0 0;font-size:.76rem}.letter-body>p{font-size:.82rem;line-height:1.75;text-align:justify}.letter-student{display:grid;grid-template-columns:120px 1fr;gap:20px;margin:20px 0}.letter-photo{width:120px;height:160px;display:grid;place-items:center;align-content:center;overflow:hidden;border:1px solid #cbd8df;border-radius:6px;background:#edf3f6}.letter-photo img{width:120px!important;height:160px!important;object-fit:cover}.letter-student dl{display:grid;align-content:start;gap:0;margin:0;border:1px solid #dce5eb}.letter-student dl div{display:grid;grid-template-columns:170px 1fr;padding:8px 12px;border-bottom:1px solid #e5edf2}.letter-student dl div:last-child{border-bottom:0}.letter-student dt{color:#687c89;font-size:.72rem}.letter-student dd{margin:0;font-size:.78rem;font-weight:750}.letter-decision{margin:24px 0;padding:18px;border:2px solid #13865f;border-radius:9px;background:#eefaf6;text-align:center}.letter-failed .letter-decision{border-color:#b34242;background:#fff3f3}.letter-decision span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.12em}.letter-decision strong{display:block;margin:4px 0;color:#087057;font-size:1.4rem;letter-spacing:.06em}.letter-failed .letter-decision strong{color:#a52d2d}.letter-decision p{margin:0;font-size:.78rem}.letter-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:28px;padding-top:18px;border-top:1px solid #cad7df}.letter-code{width:280px;display:grid;justify-items:center}.letter-code svg{width:100%;height:50px}.letter-code b{font-family:Consolas,monospace;font-size:.67rem;letter-spacing:.12em}.letter-code small{color:#687c89;font-size:.6rem}.letter-signature{min-width:250px;display:grid;text-align:center;font-size:.72rem}.letter-signature strong{margin-top:4px}.letter-signature i{margin-top:48px;color:#213b4c;font-style:normal;font-weight:800;text-decoration:underline}.letter-signature small{color:#70828d;font-size:.6rem}@media(max-width:700px){.selection-letter{padding:25px 20px}.letter-student{grid-template-columns:1fr}.letter-photo{justify-self:center}.letter-student dl div{grid-template-columns:1fr;gap:2px}.letter-footer{align-items:center;flex-direction:column}.letter-code,.letter-signature{width:100%}}@media print{.result-toolbar,.official-strip,.site-header,body>footer{display:none!important}.page-shell{width:100%;padding:0}.selection-letter{max-width:none;padding:12px 20px;border:0;box-shadow:none}.letter-header img{width:68px;height:68px}.letter-footer{display:flex!important}.letter-title{padding:16px 0}.letter-body>p{line-height:1.55}.letter-student{grid-template-columns:105px 1fr;margin:12px 0}.letter-photo,.letter-photo img{width:105px!important;height:140px!important}.letter-decision{margin:15px 0;padding:12px}}
