@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#273832;background:#f8f9f6;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #97b9a3}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e5e9e2;flex-direction:column;width:254px;min-width:254px;height:100vh;padding:32px 22px;display:flex;position:fixed}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:9px;font-size:22px;font-weight:800;display:flex}.brandIcon{color:#fff;background:#285b47;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brandIcon svg{width:22px}.dot{color:#82a864;margin-left:-9px}.workspace{border:1px solid #e5e9e2;border-radius:9px;align-items:center;gap:10px;margin-top:38px;padding:13px 10px;font-size:12px;font-weight:600;display:flex}.avatar{background:#eef1e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:inline-flex}.workspace small,.profile small{letter-spacing:1px;color:#8a928b;margin-top:4px;font-size:8px;display:block}.navLabel{letter-spacing:1.7px;color:#8c948d;margin:33px 12px 14px;font-size:9px}.nav{color:#778079;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:13px 12px;font-size:12px;display:flex}.nav.active{color:#315c43;background:#eaf1e8;font-weight:700}.nav svg:last-child:not(:first-child){margin-left:auto}.asideBottom{margin-top:auto;padding-top:38px}.tip{background:#f5f4e9;border:1px solid #e9e7d5;border-radius:9px;padding:19px 15px;overflow:hidden}.tip>span{letter-spacing:1px;color:#8a8c6e;font-size:7px}.tip p{margin-top:10px;font-family:Manrope;font-size:19px;font-weight:600;line-height:1.6}.miniLines{color:#c7cbb1;letter-spacing:5px;margin-top:15px;font-size:36px;line-height:1}.profile{border-top:1px solid #e5e9e2;align-items:center;gap:10px;margin-top:24px;padding-top:22px;font-size:11px;display:flex}.profile small{letter-spacing:0;font-size:9px}.profile button{background:0 0;margin-left:auto}.dark{color:#fff;background:#324d3e}.shell>main{flex:1;min-width:0;margin-left:254px}.topbar{color:#8a928b;background:#fff;border-bottom:1px solid #e5e9e2;justify-content:space-between;align-items:center;height:80px;padding:0 42px;font-size:11px;display:flex}.topbar>span{align-items:center;gap:15px;display:flex}.date{color:#5f6b62}.content{max-width:1450px;margin:auto;padding:42px}.pageHeading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:1.8px;color:#8a947e;margin-bottom:11px;font-size:9px;font-weight:700}h1{letter-spacing:-1.4px;font-size:35px;font-weight:600;line-height:1.25}.pageHeading p:last-child{color:#8a928b;margin-top:12px;font-size:12px}.primary,.secondary{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px 17px;font-size:11px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#285b47;box-shadow:0 2px 2px #24422c0d}.primary:hover{background:#204b3a}.secondary{color:#4c6154;background:#fff;border:1px solid #dde4d9}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{background:#fff;border:1px solid #e2e7de;border-radius:9px;padding:20px}.stat>div{color:#7e887f;justify-content:space-between;font-size:11px;display:flex}.stat svg{color:#91a08c}.stat strong{letter-spacing:-1px;margin:13px 0;font-family:Manrope;font-size:34px;font-weight:500;display:block}.stat small{color:#969c92;align-items:center;gap:6px;font-size:9px;display:flex}.statDot{background:#8ca779;border-radius:50%;width:5px;height:5px}.d1{background:#b8a776}.d2{background:#6d9e8d}.d3{background:#9da7be}.sectionHeading{justify-content:space-between;align-items:center;gap:10px;margin:35px 0 17px;display:flex}.sectionHeading h2{font-size:16px;font-weight:700}.sectionHeading select{max-width:260px;padding:8px 12px;font-size:11px}.examCard{background:#fff;border:1px solid #dfe5dc;border-radius:10px;overflow:hidden}.examTop{justify-content:space-between;align-items:center;gap:15px;padding:25px 27px;display:flex}.badge{color:#6d7a6b;text-transform:capitalize;background:#eef1ec;border-radius:4px;padding:5px 9px;font-size:9px;display:inline-block}.badge.scheduled{color:#7b8a52;background:#eff3e6}.badge.live,.badge.preparing{color:#40865d;background:#e5f3eb}.badge.grading{color:#9c7635;background:#fff1d8}.badge.graded,.badge.finished{color:#667ca2;background:#e9edf5}.examTop h2{letter-spacing:-.6px;margin:13px 0 10px;font-size:22px;font-weight:600}.examTop p{color:#8b948a;align-items:center;gap:8px;font-size:10px;display:flex}.examTop p span{color:#d3dacf;margin:0 4px}.buttonRow{gap:8px;display:flex}.tabs{border-bottom:1px solid #e7ebe2;gap:25px;padding:0 27px;display:flex}.tabs button{color:#8c958a;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:11px}.tabs button.selected{color:#3c6449;border-color:#426e52;font-weight:700}.examBody{grid-template-columns:1.2fr 1fr;gap:45px;padding:28px;display:grid}.markdown{color:#7a8579;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.markdown h3{color:#465b48;margin:8px 0;font-size:17px}.markdown h4{margin:7px 0;font-size:14px}.markdown p{min-height:12px;margin:5px 0}.muted{color:#949b91;font-size:12px;line-height:1.7}.info{color:#7b8e67;background:#f5f7f0;border:1px solid #e9eddf;border-radius:7px;gap:12px;margin-top:25px;padding:16px;display:flex}.info strong{color:#647955;font-size:11px}.info p{color:#929b85;margin-top:5px;font-size:10px;line-height:1.7}.slotPanel h3{justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.slotPanel h3 span{color:#8f9989;background:#f0f3ea;border-radius:4px;padding:2px 6px;font-size:10px}.slot{text-align:left;background:#fff;border-bottom:1px solid #eef1e9;align-items:center;gap:14px;width:100%;padding:13px 9px;display:flex}.slot strong{font-size:12px}.slot span{color:#919c8c;margin-left:auto;font-size:10px}.slot svg{color:#a5b29b}.slot:not(:disabled):hover{background:#f3f7ef}.slot:disabled{opacity:.8}.hint{color:#8b9584;margin-top:12px;font-size:10px;line-height:1.7}.bottomNote{color:#9ba293;justify-content:space-between;margin-top:22px;font-size:9px;display:flex}.bottomNote>span:first-child{align-items:center;gap:7px;display:flex}.greenDot{background:#83a174;border-radius:50%;width:5px;height:5px;display:inline-block}.welcome{text-align:center;background:linear-gradient(130deg,#fff,#f3f5e9);border:1px solid #e0e6d8;border-radius:10px;padding:47px 20px 50px}.welcome h2{letter-spacing:-.8px;font-size:26px;font-weight:600}.welcome>p:not(.eyebrow){color:#939b8d;margin:13px 0 23px;font-size:12px;line-height:1.9}.illustration{color:#637e55;background:#e8eedf;border-radius:50%;place-items:center;width:110px;height:100px;margin:auto auto 22px;display:grid;position:relative;transform:rotate(-8deg)}.illustration span{background:#faf9ec;border:1px solid #dce3cd;border-radius:5px;padding:7px;font-size:15px;position:absolute;bottom:5px;right:-8px}.tableWrap{padding:12px 25px 25px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#9ba391;letter-spacing:.4px;text-transform:uppercase;padding:18px 12px;font-size:9px;font-weight:500}td{color:#74816d;border-top:1px solid #e9ede3;padding:18px 12px}td strong{color:#475d40}td .secondary,td .primary{padding:8px 11px;font-size:10px}td a{color:#3c7453;margin-top:7px;display:block}.resultActions{justify-content:flex-end;align-items:center;gap:12px;padding:10px 0;display:flex}.resultActions p{color:#8a967e;margin-right:auto;font-size:11px}.empty{text-align:center;color:#87977c;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:55px 15px;display:flex}.empty h3,.empty h2{color:#506845}.empty p{font-size:12px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#14261980;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.dialog{background:#fff;border:1px solid #dce5d2;border-radius:14px;width:430px;max-height:90vh;padding:34px;position:relative;overflow:auto;box-shadow:0 20px 100px #14301f33}.dialog.wide{width:650px}.dialog h2{letter-spacing:-1px;margin-bottom:13px;font-size:26px}.dialog>p:not(.eyebrow){color:#8a967f;font-size:12px;line-height:1.8}.close{color:#99a58e;background:0 0;position:absolute;top:15px;right:16px}.close svg{width:18px}form{gap:17px;margin-top:22px;display:grid}label{color:#6e7d63;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}input,textarea,select{color:#3a5130;background:#fdfefb;border:1px solid #dce4d4;border-radius:6px;outline:none;min-width:0;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#77956b;box-shadow:0 0 0 3px #ecf1e7}textarea{resize:vertical}label small{color:#95a088;font-size:9px;font-weight:400;line-height:1.7}.formGrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.error{color:#a45e43;overflow-wrap:anywhere;background:#fff0e9;border-radius:7px;margin-bottom:17px;padding:13px 15px;font-size:12px;line-height:1.6}.error button{float:right;color:inherit;background:0 0}.board{color:#e4eddc;background:#172d24;min-height:100vh;padding:40px 6vw}.board header{border-bottom:1px solid #344b3d;justify-content:space-between;align-items:center;padding-bottom:28px;display:flex}.board .brandIcon{color:#264433;background:#d5e2b6}.live{color:#acc291;letter-spacing:2px;margin-left:18px;font-size:10px}.boardClock{font-variant-numeric:tabular-nums;font-family:Manrope;font-size:36px}.boardTitle h1{font-size:44px}.boardTitle>p:last-child{color:#90a389;margin-top:12px}.boardLabels{color:#819575;letter-spacing:2px;border-bottom:1px solid #344b3d;justify-content:space-between;padding:12px 0 18px;font-size:10px;display:flex}.boardRow{border-bottom:1px solid #344b3d;align-items:center;gap:28px;padding:26px 0;display:flex}.number{color:#66815a;font-size:18px}.boardRow h2{font-size:27px;font-weight:500}.boardRow p{color:#91a584;margin-top:9px;font-size:12px}.boardRow>strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;margin-left:auto;font-family:Manrope;font-size:52px;font-weight:500}.boardRow.overdue>strong{color:#e6af78}.board footer{color:#7a9270;justify-content:space-between;padding-top:30px;font-size:11px;display:flex}.board .empty{padding:90px 0}.board .empty h2{color:#c3d6ac}@media (min-width:1500px){.content{padding-top:55px}}@media (max-width:1100px){aside{width:215px;min-width:215px;padding:28px 16px}.shell>main{margin-left:215px}.content{padding:28px}.topbar{padding:0 28px}.stats{gap:10px}.stat{padding:15px}.stat small{font-size:8px}.examTop{flex-direction:column;align-items:flex-start}.examBody{gap:22px}.brand{font-size:20px}}@media (max-width:760px){aside{border-bottom:1px solid #e3e8dc;border-right:0;flex-flow:wrap;align-items:center;gap:10px;width:auto;min-width:0;height:auto;padding:16px;position:static}.shell{display:block}.shell>main{margin:0}.workspace,.navLabel,.asideBottom{display:none}.nav{width:auto;margin:0;padding:9px;font-size:10px}.nav svg{width:15px}.brand{margin-right:auto;font-size:18px}.nav.active{background:#edf2e7}.topbar{height:55px;padding:0 18px}.date{font-size:9px}.date .avatar{display:none}.content{padding:25px 18px}.pageHeading{flex-direction:column;align-items:flex-start;gap:20px}h1{font-size:30px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat strong{margin:8px 0;font-size:29px}.stat small{font-size:8px}.stat>div{font-size:10px}.examBody{grid-template-columns:1fr;padding:20px}.examTop{padding:20px}.examTop p{flex-wrap:wrap;font-size:9px}.examTop h2{font-size:20px}.buttonRow{flex-wrap:wrap}.tabs{padding:0 20px}.bottomNote{gap:15px;font-size:8px}.formGrid{grid-template-columns:1fr 1fr}.dialog{padding:28px 22px}.overlay{padding:12px}.board{padding:25px 6vw}.board .brand{font-size:17px}.live{display:none}.boardClock{font-size:25px}.boardTitle h1{font-size:32px}.boardRow{gap:15px}.boardRow h2{font-size:20px}.boardRow>strong{font-size:34px}.boardLabels{font-size:7px}.board footer{font-size:8px}.resultActions{flex-wrap:wrap}}.boardClock{letter-spacing:-3px;white-space:nowrap;font-size:clamp(36px,5vw,76px);font-weight:600;line-height:1}.boardTitle{padding:38px 0 32px}.boardTitle h1{overflow-wrap:anywhere;font-size:clamp(32px,4vw,56px)}.boardRow{gap:30px;padding:24px 0}.boardRow>div{min-width:0}.boardRow h2{overflow-wrap:anywhere;font-size:clamp(24px,3vw,40px)}.boardRow>strong{letter-spacing:-4px;white-space:nowrap;flex-shrink:0;font-size:clamp(48px,6.5vw,96px);line-height:1.1}.board .number{font-size:24px}.boardLabels{font-size:12px}@media (max-width:760px){.boardClock{letter-spacing:-1px;font-size:clamp(28px,6vw,44px)}.board header{flex-wrap:wrap;gap:15px}.boardRow{gap:14px}.boardRow>strong{letter-spacing:-2px;font-size:clamp(32px,7.5vw,54px)}.boardRow h2{font-size:clamp(20px,4vw,30px)}.board .number{font-size:16px}.boardLabels{letter-spacing:1px;font-size:9px}}.studentPage{max-width:1050px;margin:auto;padding:32px 30px 70px}.studentPage>header{border-bottom:1px solid #dde5d7;justify-content:space-between;align-items:center;gap:20px;padding-bottom:26px;display:flex}.studentTag{letter-spacing:1.5px;color:#8a997c;font-size:10px}.studentHeading{padding:38px 0 28px}.studentHeading h1{font-size:34px}.studentHeading>p:last-child{color:#87947e;margin-top:14px;font-size:12px}.studentColumns{grid-template-columns:1.15fr 1fr;gap:26px;display:grid}.studentInstructions,.studentForm{background:#fff;border:1px solid #dfe6d9;border-radius:10px;padding:28px}.studentColumns h2{margin-bottom:18px;font-size:18px}.studentForm>.muted{font-size:12px}.bookingNote{color:#59784b;background:#edf4e8;border-radius:7px;gap:12px;margin-top:20px;padding:14px;display:flex}.bookingNote p{margin-top:5px}.success{color:#496e38;background:#eaf3e4;border-radius:7px;margin:14px 0;padding:13px 16px;font-size:12px}.statsScope{color:#829273;margin-bottom:12px;font-size:11px}.examPicker{align-items:center;gap:10px;display:flex}.buttonRow{flex-wrap:wrap;justify-content:flex-end;max-width:48%}.dangerText{color:#a85c50}.danger{background:#a3483c}.studentFilters{flex-wrap:wrap;gap:8px;padding:12px 0;display:flex}.studentFilters button{color:#829277;background:#f4f6ef;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.studentFilters button.active{color:#3e6330;background:#e2eedb;font-weight:600}.studentFilters span{background:#ffffffa0;border-radius:4px;padding:2px 6px;font-size:10px}.dialog>.primary{margin-top:24px}.publicLoading{text-align:center;color:#7e8f72;padding:70px}@media (max-width:1100px){.buttonRow{justify-content:flex-start;max-width:none}}@media (max-width:760px){.studentPage{padding:22px 18px}.studentColumns{grid-template-columns:1fr}.studentHeading h1{font-size:28px}.studentTag{font-size:8px}.studentInstructions,.studentForm{padding:22px}.examPicker{flex-wrap:wrap;justify-content:flex-end}.sectionHeading{align-items:flex-start}.statsScope{line-height:1.8}.studentPage .brand{font-size:18px}}.accessPage{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:28px;display:flex}.accessPage .dialog{max-width:100%;max-height:none}.accessPage h1{margin-bottom:16px;font-size:28px}.boardHeaderActions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.boardAccess{color:#acc291;align-items:center;gap:7px;font-size:12px;display:inline-flex}.boardAccess:hover{color:#fff}.boardRow>strong,.boardClock{letter-spacing:-2px}@media (max-width:760px){.boardHeaderActions{justify-content:space-between;gap:14px;width:100%}.boardClock{letter-spacing:-1px}}.slotEditor{border:1px solid #dde5d7;border-radius:8px;gap:16px;padding:18px;display:grid}.slotEditor h3{font-size:16px}.slotEditor .hint{margin-top:0}.slotGenerator{gap:14px;display:grid}.slotGenerator>.secondary,.slotEditor>.secondary{justify-self:start}.manualSlots{gap:10px;display:grid}.manualSlot{border-top:1px solid #e7ecdf;grid-template-columns:20px minmax(160px,1fr) 95px auto;align-items:center;gap:10px;padding-top:12px;display:grid}.manualSlot>span{color:#8a967f;font-size:11px}.manualSlot input{width:100%}.manualSlot>button{align-self:center;padding:9px}.manualSlot label small{font-weight:400}.slotEditor button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:600px){.manualSlot{grid-template-columns:18px minmax(0,1fr) 80px}.manualSlot>button{grid-column:2/4;justify-self:start}.slotEditor{padding:12px}.dialog.wide{width:100%}}