@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Montserrat:wght@700;800&display=swap";:root{--blue:#0754a6;--blue-2:#0b6dc9;--navy:#073b7a;--cyan:#08a9c9;--gold:#f9c437;--red:#e7333f;--green:#0aa676;--ink:#17243a;--muted:#66758c;--line:#dce7f3;--soft:#f3f8fd;--white:#fff;--shadow:0 20px 60px #053d7a24;color:var(--ink);font-synthesis:none;font-family:Be Vietnam Pro,sans-serif}*{box-sizing:border-box}body{background:#eaf3fb;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh}.public-page{background:radial-gradient(circle at 10% 8%,#3597e930,#0000 25%),radial-gradient(circle at 92% 14%,#08a9c921,#0000 20%),linear-gradient(145deg,#eaf5fe 0%,#f8fbff 52%,#e7f1fb 100%);min-height:100vh;padding:28px}.hero-card,.main-card{width:min(1060px,100%);margin:auto}.hero-card{isolation:isolate;text-align:center;color:#fff;border-bottom:5px solid var(--gold);box-shadow:var(--shadow);background:linear-gradient(135deg,#0b72cf,#0754a6 54%,#073b7a);border-radius:28px 28px 0 0;padding:40px 70px 34px;position:relative;overflow:hidden}.hero-grid{z-index:-2;opacity:.14;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.hero-card:before{content:"";z-index:-1;background:radial-gradient(circle at 18% 15%,#fff3,#0000 18%),radial-gradient(circle at 84% 30%,#00deff38,#0000 22%);position:absolute;inset:0}.hero-orbit{z-index:-1;border:1px solid #ffffff2e;border-radius:50%;position:absolute}.orbit-one{width:400px;height:400px;top:-230px;right:-190px;box-shadow:0 0 0 38px #ffffff09,0 0 0 78px #ffffff06}.orbit-two{width:180px;height:180px;bottom:-100px;left:-100px;box-shadow:0 0 0 30px #ffffff06}.hero-logo{object-fit:contain;background:#ffffff21;border:1px solid #ffffff59;border-radius:22px;width:88px;height:88px;padding:8px;box-shadow:0 12px 30px #0003}.organizer{letter-spacing:.04em;margin:14px 0 10px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700}.hero-card h1{text-transform:uppercase;text-shadow:0 3px 14px #0003;max-width:900px;margin:0 auto;font-family:Montserrat,sans-serif;font-size:clamp(22px,3vw,32px);line-height:1.45}.status-pill{color:#724d00;background:linear-gradient(135deg,#ffe06d,#f8c02a);border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:9px 20px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #00000026}.status-pill span{background:#0ba46d;border-radius:50%;width:9px;height:9px;animation:1.6s infinite pulse;box-shadow:0 0 0 5px #0ba46d26}.admin-link{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff4d;border-radius:11px;align-items:center;gap:7px;padding:9px 13px;display:flex;position:absolute;top:20px;right:20px}.main-card{box-shadow:var(--shadow);background:#fff;border-radius:0 0 28px 28px;padding:42px 52px 48px;animation:.35s rise}.section-heading{text-align:center;margin-bottom:32px}.section-heading>span,.eyebrow{letter-spacing:.16em;color:var(--blue-2);text-transform:uppercase;font-size:12px;font-weight:800}.section-heading h2,.result-card h2{color:var(--navy);text-transform:uppercase;margin:8px 0;font-family:Montserrat,sans-serif;font-size:28px}.section-heading h2:after{content:"";background:linear-gradient(90deg,var(--blue-2),var(--cyan));border-radius:4px;width:64px;height:4px;margin:13px auto;display:block}.section-heading p{color:var(--muted);margin:0;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field{display:block}.field.wide{grid-column:1/-1}.field>span{color:#1d4f8e;margin-bottom:9px;font-size:14px;font-weight:700;display:block}.field i{color:var(--red);margin-left:3px;font-style:normal}.field input,.field select,.field textarea{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:14px 15px;transition:all .2s}.field input,.field select{height:52px}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-2);box-shadow:0 0 0 4px #0b6dc91a}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-right:42px}.select-wrap svg{color:#66809c;pointer-events:none;position:absolute;top:17px;right:15px}.exam-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;display:grid}.exam-summary>div{background:var(--soft);border:1px solid #dfebf6;border-radius:14px;grid-template-columns:44px 1fr;align-items:center;column-gap:10px;padding:14px;display:grid}.exam-summary svg{color:var(--blue-2);background:#e1effd;border-radius:11px;grid-row:1/3;width:42px;height:42px;padding:9px}.exam-summary strong{color:var(--navy);font-size:15px}.exam-summary span{color:var(--muted);font-size:11px}.primary-button,.submit-button,.admin-primary{color:#fff;background:linear-gradient(135deg,#1380de,#0754a6);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:15px 22px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 24px #0754a640}.registration-form>.primary-button{text-transform:uppercase;letter-spacing:.04em;width:100%;height:56px}.primary-button:hover,.admin-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0754a64d}footer{text-align:center;color:#6f8197;padding:24px;font-size:12px}.exam-card{padding-top:32px}.exam-topbar{justify-content:space-between;align-items:center;display:flex}.exam-topbar>div:first-child{flex-direction:column;gap:4px;display:flex}.exam-topbar span{color:var(--muted);font-size:12px}.exam-topbar strong{color:var(--navy);font-size:15px}.timer{color:var(--navy);background:#fff8de;border:1px solid #f1d26b;border-radius:13px;align-items:center;gap:8px;padding:12px 18px;font-family:Montserrat;font-size:20px;font-weight:800;display:flex}.timer.danger{color:#bd1f2d;background:#fff0f0;border-color:#ffb2b8}.progress{background:#e1ecf6;border-radius:10px;height:10px;margin:18px 0;overflow:hidden}.progress span{background:linear-gradient(90deg,var(--blue-2),var(--cyan));border-radius:10px;height:100%;transition:all .25s;display:block}.question-jump{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.question-jump button{border:1px solid var(--line);color:#728095;background:#fff;border-radius:9px;width:38px;height:36px;font-weight:800}.question-jump button.done{color:#fff;background:var(--blue-2);border-color:var(--blue-2)}.question-jump button.active{border-color:var(--gold);outline:3px solid #f9c43766}.question-panel{border:1px solid var(--line);border-left:5px solid var(--blue-2);background:#fff;border-radius:18px;padding:28px;box-shadow:0 10px 30px #053d7a14}.question-label{color:var(--blue);background:#eaf5ff;border:1px solid #c9e2f8;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.question-panel h2{margin:17px 0 20px;font-size:19px;line-height:1.65}.answers-list{gap:11px;display:grid}.answer-option{text-align:left;border:1.5px solid var(--line);color:var(--ink);background:#f8fbfe;border-radius:13px;grid-template-columns:38px 1fr 22px;align-items:center;gap:12px;padding:12px 15px;display:grid;position:relative}.answer-option:hover{border-color:#82b8e9;transform:translate(2px)}.answer-option>span{width:34px;height:34px;color:var(--blue);background:#fff;border:1px solid #d3e1ee;border-radius:9px;place-items:center;font-weight:800;display:grid}.answer-option p{margin:0;line-height:1.5}.answer-option.selected{border-color:var(--blue-2);color:var(--navy);background:#eaf5ff}.answer-option.selected>span{color:#fff;background:var(--blue-2);border-color:var(--blue-2)}.answer-option.selected>svg{color:var(--green)}.exam-actions{justify-content:space-between;margin-top:22px;display:flex}.secondary-button,.cancel-button,.outline-button{border:1px solid var(--line);color:#40536d;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:flex}.compact{padding:13px 24px}.submit-button{background:linear-gradient(135deg,#13a778,#087a5a)}.result-card{text-align:center}.result-icon{color:#8b5d00;background:linear-gradient(145deg,#fff4bd,#f8c632);border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 16px;display:grid;box-shadow:0 12px 28px #c6920033}.result-card h2{text-transform:none}.score-ring{background:conic-gradient(var(--blue-2) var(--score),#e4eef7 0);border-radius:50%;place-items:center;width:180px;height:180px;margin:24px auto;display:grid;position:relative}.score-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:13px}.score-ring>div{z-index:1;flex-direction:column;display:flex}.score-ring strong{color:var(--navy);font:800 48px Montserrat}.score-ring span{color:var(--muted);font-size:13px}.result-stats{border:1px solid var(--line);border-radius:15px;grid-template-columns:repeat(3,1fr);margin:25px 0;display:grid;overflow:hidden}.result-stats>div{border-right:1px solid var(--line);flex-direction:column;padding:18px;display:flex}.result-stats>div:last-child{border:0}.result-stats strong{color:var(--navy);font-size:16px}.result-stats span{color:var(--muted);margin-top:5px;font-size:11px}.candidate-note{text-align:left;background:var(--soft);border-radius:14px;align-items:center;gap:13px;margin-bottom:20px;padding:15px 18px;display:flex}.candidate-note>svg{color:var(--blue);width:35px}.candidate-note div{flex-direction:column;display:flex}.candidate-note span,.candidate-note p{color:var(--muted);margin:0;font-size:11px}.candidate-note strong{color:var(--navy);margin:2px 0}.result-card>.primary-button{margin:auto}.admin-layout{background:#f1f5f9;min-height:100vh}.sidebar{z-index:30;color:#fff;background:linear-gradient(#073f82,#052e62);flex-direction:column;width:265px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff21;align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand img{object-fit:contain;background:#ffffff1f;border-radius:12px;width:48px;height:48px;padding:4px}.brand div{flex-direction:column;display:flex}.brand strong{font:800 13px Montserrat}.brand span{color:#a9cbea;margin-top:4px;font-size:11px}.sidebar nav{flex-direction:column;gap:7px;margin-top:24px;display:flex}.sidebar nav button,.sidebar-exit{color:#bdd5ec;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-weight:600;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff1f}.sidebar nav button.active{box-shadow:inset 3px 0 0 var(--gold)}.sidebar-exit{border:1px solid #ffffff26;margin-top:auto}.admin-main{min-height:100vh;margin-left:265px}.admin-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:84px;padding:0 32px;display:flex}.admin-header>div{flex-direction:column;display:flex}.admin-header span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.admin-header h1{color:var(--navy);margin:4px 0 0;font-size:22px}.view-site{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-weight:700;display:flex}.menu-button{color:var(--navy);background:0 0;border:0;display:none}.admin-content{max-width:1500px;margin:auto;padding:28px}.welcome-banner{color:#fff;background:linear-gradient(125deg,#0b71cc,#0754a6 55%,#073b7a);border-radius:18px;justify-content:space-between;align-items:center;padding:27px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #0754a62e}.welcome-banner:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:260px;height:260px;position:absolute;top:-130px;right:-80px;box-shadow:0 0 0 35px #ffffff09}.welcome-banner span{letter-spacing:.16em;color:#bfe2ff;font-size:10px;font-weight:800}.welcome-banner h2{margin:7px 0;font:800 25px Montserrat}.welcome-banner p{color:#d8ebfc;margin:0;font-size:13px}.banner-mark{z-index:1;opacity:.75;margin-right:25px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin:20px 0;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;grid-template-columns:52px 1fr;column-gap:13px;padding:20px;display:grid;box-shadow:0 5px 15px #1e40640a}.stat-icon{border-radius:13px;grid-row:1/4;place-items:center;width:50px;height:50px;display:grid}.stat-icon.blue{color:#0872ca;background:#e4f2ff}.stat-icon.green{color:#09926b;background:#dff8ef}.stat-icon.orange{color:#ca7c0a;background:#fff0d8}.stat-icon.red{color:#d63e48;background:#ffeaeb}.stat-card>span{color:var(--muted);font-size:12px}.stat-card>strong{color:var(--navy);margin:3px 0;font:800 25px Montserrat}.stat-card>small{color:#8593a5;align-items:center;gap:4px;font-size:10px;display:flex}.stat-card>small svg{color:var(--green)}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:20px;display:grid}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:23px;box-shadow:0 5px 20px #1e40640b}.panel-title,.toolbar{justify-content:space-between;align-items:center;display:flex}.panel-title h3,.toolbar h2{color:var(--navy);margin:0;font-size:17px}.panel-title button{color:var(--blue);background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.recent-list{margin-top:13px}.recent-list>div{border-top:1px solid #edf1f5;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:13px 3px;display:grid}.avatar,.person-cell>span{color:#fff;background:linear-gradient(135deg,#0b7bd9,#0754a6);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.recent-list strong,.recent-list span{display:block}.recent-list strong{font-size:13px}.recent-list span{color:var(--muted);margin-top:3px;font-size:10px}.recent-list b{color:var(--blue);font-size:12px}.quick-panel>button{text-align:left;width:100%;color:var(--blue);background:#f9fbfd;border:1px solid #e4ebf2;border-radius:12px;grid-template-columns:43px 1fr 20px;align-items:center;gap:11px;margin-top:11px;padding:12px;display:grid}.quick-panel>button>svg:first-child{background:#e4f2ff;border-radius:10px;width:42px;height:42px;padding:10px}.quick-panel>button span{color:var(--ink);flex-direction:column;display:flex}.quick-panel>button strong{font-size:12px}.quick-panel>button small{color:var(--muted);margin-top:4px;font-size:10px}.toolbar{margin-bottom:20px}.toolbar h2{font-size:20px}.toolbar p{color:var(--muted);margin:5px 0 0;font-size:12px}.admin-primary{border-radius:10px;padding:11px 16px;font-size:12px}.search-box{max-width:440px;margin-bottom:18px;position:relative}.search-box svg{color:#8da0b5;position:absolute;top:12px;left:13px}.search-box input{border:1px solid var(--line);border-radius:10px;outline:none;width:100%;height:42px;padding:0 14px 0 41px}.search-box input:focus{border-color:var(--blue-2)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;color:#718198;text-transform:uppercase;letter-spacing:.06em;background:#f5f8fb;padding:12px;font-size:10px}td{color:#3c4a5d;border-bottom:1px solid #edf1f5;padding:13px 12px;font-size:12px}.person-cell{align-items:center;gap:10px;display:flex}.person-cell>span{width:34px;height:34px}.person-cell strong{flex-direction:column;display:flex}.person-cell small,.cell-sub{color:#8998aa;margin-top:4px;font-size:9px;font-weight:400;display:block}.score-badge{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-block}.score-badge.good{color:#087554;background:#def7ed}.score-badge.medium{color:#956300;background:#fff1c8}.score-badge.low{color:#b4232e;background:#ffe5e7}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--blue);background:#fff;border-radius:9px;place-items:center;margin-left:5px;display:inline-grid}.icon-button.danger{color:#d83440}.empty-state{text-align:center;color:#93a2b4;padding:45px}.empty-state svg{width:40px;height:40px}.empty-state p{font-size:12px}.question-admin-list article{border-top:1px solid #edf1f5;grid-template-columns:37px 1fr 86px;gap:13px;padding:18px 0;display:grid}.question-index{width:33px;height:33px;color:var(--blue);background:#e8f4ff;border-radius:9px;place-items:center;font-size:12px;font-weight:800;display:grid}.question-admin-content h3{margin:3px 0 12px;font-size:13px;line-height:1.55}.answer-chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.answer-chips span{color:#64748b;background:#f7f9fb;border:1px solid #edf1f5;border-radius:8px;grid-template-columns:25px 1fr 16px;align-items:center;gap:7px;padding:8px;font-size:10px;display:grid}.answer-chips b{color:var(--blue)}.answer-chips span.correct{color:#087554;background:#e6f8f1;border-color:#bce9d9}.row-actions{text-align:right}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#051c388c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 80px #00000040}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;padding:21px 24px;display:flex}.modal-header span{letter-spacing:.13em;color:var(--blue);font-size:9px;font-weight:800}.modal-header h2{color:var(--navy);margin:4px 0 0;font-size:20px}.modal-header>button{background:#f1f5f9;border:0;border-radius:9px;width:36px;height:36px}.modal-body{padding:23px}.answer-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:17px;display:grid}.answer-input{border:1.5px solid var(--line);border-radius:11px;display:flex;overflow:hidden}.answer-input input{border:0!important;border-radius:0!important}.answer-input button{border:0;border-left:1px solid var(--line);color:#9badbf;background:#f5f8fb;width:48px}.answer-input.correct{border-color:var(--green)}.answer-input.correct button{color:#fff;background:var(--green)}.correct-hint{color:var(--green);align-items:center;gap:7px;font-size:11px;display:flex}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:17px 24px;display:flex}.import-layout{gap:20px;display:grid}.outline-button{color:var(--blue);padding:10px 14px;font-size:12px}.steps{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.steps div{background:#f6f9fc;border-radius:12px;padding:16px;position:relative}.steps span{color:#fff;background:var(--blue);border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.steps strong{margin-top:10px;font-size:11px;display:block}.steps p{color:var(--muted);margin:4px 0;font-size:9px}.upload-zone{text-align:center;cursor:pointer;background:#f6fbff;border:2px dashed #b8d3eb;border-radius:15px;flex-direction:column;align-items:center;padding:38px;transition:all .2s;display:flex}.upload-zone:hover{border-color:var(--blue-2);background:#eff8ff}.upload-zone input{display:none}.upload-icon{width:56px;height:56px;color:var(--blue);background:#dcedfc;border-radius:16px;place-items:center;display:grid}.upload-zone h3{margin:14px 0 4px;font-size:14px}.upload-zone p{color:var(--muted);font-size:10px}.upload-zone>span{color:#fff;background:var(--blue);border-radius:9px;margin-top:5px;padding:9px 14px;font-size:11px;font-weight:700}.format-note{color:#936a00;background:#fff9e3;border:1px solid #f0dc98;border-radius:12px;align-items:center;gap:12px;margin-top:17px;padding:13px;display:flex}.format-note strong{font-size:11px}.format-note p{margin:4px 0 0;font-size:9px}.preview-list>div{border-top:1px solid #edf1f5;grid-template-columns:30px 1fr 90px;align-items:center;gap:10px;padding:11px;display:grid}.preview-list span{color:var(--blue);font-size:10px;font-weight:800}.preview-list p{margin:0;font-size:11px}.preview-list b{color:var(--green);font-size:9px}.preview-list>small{text-align:center;color:var(--muted);padding-top:12px;display:block}.settings-panel{max-width:850px}.settings-form{gap:18px;display:grid}.settings-form .form-grid{gap:16px}.save-settings{justify-self:start}.sidebar-overlay{display:none}.toast{z-index:200;color:#fff;background:#087a5a;border-radius:11px;align-items:center;gap:10px;padding:13px 17px;font-size:12px;font-weight:700;animation:.25s toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 40px #0003}.toast.error{background:#be2e39}@keyframes pulse{50%{transform:scale(.75)}}@keyframes rise{0%{opacity:.3;transform:translateY(8px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #f8c52c}.monitor-panel{grid-column:1/-1}.monitor-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.monitor-heading h2{color:var(--navy);margin:5px 0 3px;font-size:20px}.monitor-heading p{color:var(--muted);margin:0;font-size:11px}.monitor-overall{border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:800;display:inline-flex}.monitor-overall i{background:currentColor;border-radius:50%;width:8px;height:8px}.monitor-overall.up{color:#087554;background:#e6f8f1}.monitor-overall.down{color:#b4232f;background:#feecef}.monitor-overall.pending{color:#66788c;background:#edf3f8}.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.monitor-service{border:1px solid var(--line);background:#f9fbfd;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.monitor-service-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.monitor-service-icon svg{width:20px}.monitor-service-icon.up{color:#087554;background:#def6ec}.monitor-service-icon.down{color:#b4232f;background:#fee7ea}.monitor-service>div:nth-child(2){flex-direction:column;display:flex}.monitor-service strong{color:var(--navy);font-size:12px}.monitor-service span{color:var(--muted);margin-top:4px;font-size:9px}.monitor-service>b{font-size:10px}.monitor-service>b.up{color:#087554}.monitor-service>b.down{color:#b4232f}.monitor-service dl{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:2px 0 0;padding-top:12px;display:grid}.monitor-service dl div{text-align:center}.monitor-service dt{color:var(--muted);font-size:9px}.monitor-service dd{color:var(--navy);margin:4px 0 0;font-size:12px;font-weight:800}.monitor-empty{background:var(--soft);color:var(--muted);text-align:center;border-radius:12px;margin:0;padding:18px;font-size:11px}.backup-strip{border:1px solid var(--line);background:#f9fbfd;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;margin-top:14px;padding:13px 15px;display:grid}.backup-strip>svg{width:19px}.backup-strip>div{flex-direction:column;display:flex}.backup-strip strong{color:var(--navy);font-size:11px}.backup-strip span{color:var(--muted);margin-top:3px;font-size:9px}.backup-strip>b{font-size:10px}.backup-strip.up>svg,.backup-strip.up>b{color:#087554}.backup-strip.down>svg,.backup-strip.down>b{color:#b4232f}.backup-strip.pending>svg,.backup-strip.pending>b{color:#66788c}@media (width<=1050px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none}.sidebar-overlay{z-index:20;background:#02183073;display:block;position:fixed;inset:0}.admin-main{margin-left:0}.menu-button{display:block}.admin-header{justify-content:flex-start;gap:18px}.view-site{margin-left:auto}}@media (width<=700px){.public-page{padding:7px}.hero-card{border-radius:19px 19px 0 0;padding:27px 14px 24px}.hero-logo{border-radius:18px;width:68px;height:68px}.organizer{white-space:nowrap;font-size:10px}.hero-card h1{font-size:17px}.admin-link{padding:8px;font-size:0;top:10px;right:10px}.main-card{border-radius:0 0 19px 19px;padding:27px 15px 30px}.section-heading h2{font-size:21px}.form-grid,.answer-form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.exam-summary{grid-template-columns:1fr}.exam-summary>div{padding:10px}.question-panel{padding:19px 14px}.question-panel h2{font-size:16px}.answer-option{grid-template-columns:35px 1fr 18px;padding:10px}.exam-actions{gap:8px}.exam-actions button{padding:12px;font-size:11px}.result-stats{grid-template-columns:1fr}.result-stats>div{border-right:0;border-bottom:1px solid var(--line)}.admin-header{height:72px;padding:0 14px}.admin-header h1{font-size:17px}.view-site{padding:9px;font-size:0}.admin-content{padding:14px}.welcome-banner{padding:22px}.banner-mark{display:none}.stats-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:14px}.toolbar .admin-primary,.toolbar .outline-button{font-size:0}.toolbar .admin-primary svg,.toolbar .outline-button svg{margin:0}.steps{grid-template-columns:1fr}.upload-zone{padding:28px 15px}.question-admin-list article{grid-template-columns:33px 1fr}.row-actions{text-align:left;grid-column:2}.answer-chips{grid-template-columns:1fr}.modal-body{padding:17px}.toast{bottom:14px;left:14px;right:14px}.score-ring{width:155px;height:155px}.score-ring strong{font-size:40px}.monitor-heading{flex-direction:column}.monitor-grid{grid-template-columns:1fr}.monitor-overall{align-self:flex-start}.monitor-service dl{grid-template-columns:1fr 1fr 1fr}}.field-note{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.5;display:block}.prediction-box{text-align:center;background:linear-gradient(145deg,#fffbed,#fff7d7);border:1px solid #f0d98a;border-radius:15px;margin-top:20px;padding:20px}.prediction-box label{color:var(--navy);margin-bottom:10px;font-size:14px;font-weight:800;display:block}.prediction-box label i{color:var(--red);font-style:normal}.prediction-box input{text-align:center;border:1.5px solid #dfc56d;border-radius:11px;outline:none;width:min(360px,100%);height:50px;padding:0 15px;font-weight:700}.prediction-box input:focus{border-color:var(--blue-2);box-shadow:0 0 0 4px #0b6dc91a}.prediction-box p{color:#a2353d;margin:10px 0 0;font-size:11px;font-weight:600}.admin-login-page{background:radial-gradient(circle at 15% 10%,#0b6dc933,#0000 25%),linear-gradient(145deg,#e9f4fd,#f8fbff);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:22px;padding:34px}.admin-login-card>img{object-fit:contain;background:#e9f4ff;border-radius:18px;width:72px;height:72px;padding:7px}.admin-login-card>span{color:var(--blue);letter-spacing:.15em;margin-top:16px;font-size:10px;font-weight:800;display:block}.admin-login-card h1{color:var(--navy);margin:7px 0;font:800 25px Montserrat}.admin-login-card>p{color:var(--muted);margin:0 0 22px;font-size:12px}.admin-login-card .field{text-align:left}.admin-login-card .admin-primary{width:100%;margin-top:18px}.back-link{width:100%;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:9px;font-size:12px;display:flex}.home-announcement,.announcement-preview{color:#0b5d9e;background:#edf8ff;border:1px solid #b9dcf7;border-radius:14px;align-items:flex-start;gap:13px;margin:-10px 0 26px;padding:17px 18px;display:flex}.home-announcement>svg,.announcement-preview>svg{flex:none;margin-top:2px}.home-announcement strong,.announcement-preview strong{font-size:14px;display:block}.home-announcement p,.announcement-preview p{white-space:pre-line;color:#46647e;margin:5px 0 0;font-size:12px;line-height:1.65}.home-announcement.warning,.announcement-preview.warning{color:#936400;background:#fff8dc;border-color:#efd27b}.home-announcement.success,.announcement-preview.success{color:#087554;background:#e9f9f3;border-color:#a9decf}.announcement-preview{margin:0}.toggle-row{border:1px solid var(--line);background:#f8fbfd;border-radius:13px;justify-content:space-between;align-items:center;padding:16px;display:flex}.toggle-row div{flex-direction:column;display:flex}.toggle-row strong{color:var(--navy);font-size:13px}.toggle-row span{color:var(--muted);margin-top:4px;font-size:10px}.toggle-row input{appearance:none;background:#cbd5e1;border-radius:99px;width:48px;height:26px;transition:all .2s;position:relative}.toggle-row input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002e}.toggle-row input:checked{background:var(--blue-2)}.toggle-row input:checked:after{transform:translate(22px)}.state-upcoming,.state-closed,.state-unavailable{color:#52657a;background:linear-gradient(135deg,#eef3f8,#dce7f0)}.state-upcoming span,.state-closed span,.state-unavailable span{box-shadow:none;background:#8294a8;animation:none}.exam-closed{color:#936400;background:#fff8dc;border:1px solid #efd27b;border-radius:14px;align-items:flex-start;gap:13px;margin:-10px 0 26px;padding:17px 18px;display:flex}.exam-closed svg{flex:none}.exam-closed strong{display:block}.exam-closed p{color:#806c38;margin:5px 0 0;font-size:12px}.autosave-note{color:var(--green);justify-content:center;align-items:center;gap:7px;margin:18px 0 0;font-size:11px;font-weight:600;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.header-tools{align-items:center;gap:9px;margin-left:auto;flex-direction:row!important;display:flex!important}.header-tools .select-wrap{min-width:230px}.header-tools select{border:1px solid var(--line);height:42px;color:var(--navy);background:#fff;border-radius:10px;padding:0 38px 0 12px;font-size:11px;font-weight:700}.header-tools .select-wrap svg{top:12px}.refresh-button{border:1px solid var(--line);width:42px;height:42px;color:var(--blue);background:#fff;border-radius:10px;place-items:center;display:grid}.rank{color:#52657a;background:#edf3f8;border-radius:9px;place-items:center;min-width:31px;height:31px;padding:0 8px;font-weight:800;display:inline-grid}.rank-1{color:#9a6800;background:#fff2b9}.rank-2{color:#5b6877;background:#e8edf3}.rank-3{color:#94512c;background:#f5dfd0}.report-filters{grid-template-columns:minmax(240px,1fr) minmax(190px,.7fr) 110px 110px;gap:10px;margin:18px 0;display:grid}.report-filters>input,.report-filters select{border:1px solid var(--line);border-radius:10px;outline:none;height:44px;padding:0 12px}.report-filters .search-box{margin:0}.report-filters .select-wrap svg{top:13px}.inline-exam-form{border:1px solid var(--line);background:var(--soft);border-radius:16px;margin:20px 0;padding:20px}.inline-exam-form>.admin-primary{margin-top:18px}.exam-list{gap:12px;margin-top:20px;display:grid}.exam-list>div{border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.exam-list>div.active{box-shadow:inset 4px 0 var(--blue);background:#f1f9ff;border-color:#7cbce9}.exam-list>div>div{flex-direction:column;align-items:flex-start;display:flex}.exam-list strong{color:var(--navy);margin:7px 0 3px}.exam-list p,.exam-list small{color:var(--muted);margin:0;font-size:10px}.exam-list b{color:var(--green);margin-top:7px;font-size:11px}.exam-list button{background:var(--blue);color:#fff;border:0;border-radius:8px;margin-top:7px;padding:7px 12px;font-size:10px;font-weight:700}.exam-state{color:#596b7e;text-transform:uppercase;background:#edf3f8;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.exam-state.open{color:#087554;background:#dcf7ed}.exam-state.upcoming{color:#8a6200;background:#fff3c7}.exam-state.closed{color:#93454c;background:#f3e7e8}@media (width<=1050px){.header-tools .select-wrap{min-width:170px}.header-tools .view-site{font-size:0}.report-filters{grid-template-columns:1fr 1fr}}@media (width<=700px){.header-tools .select-wrap{display:none}.header-tools{gap:6px}.report-filters{grid-template-columns:1fr}.exam-list>div{flex-direction:column;align-items:flex-start}.autosave-note{text-align:center}.admin-header .view-site{display:none}}