:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--base:#0a1421;--panel:#132c40;--accent:#38b6ff;--text:#f7f8fb;--muted:#c5d2e1;--line:#284559;--green:#25d366;--warn:#ffc480}*{box-sizing:border-box}body{background:var(--base);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}small{color:var(--muted)}.top{background:#0e1e2d;border-bottom:1px solid #1d3448}.top-inner,.nav-bar nav,.content{width:min(1192px,100% - 80px);margin:0 auto}.top-inner{justify-content:space-between;align-items:center;gap:18px;min-height:79px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand strong{letter-spacing:-.55px;font-size:19px;display:block}.brand strong span,.eyebrow,footer b{color:var(--accent)}.brand small{letter-spacing:.21em;margin-top:4px;font-size:9px;font-weight:700;display:block}.account{color:var(--text);text-align:right;align-items:center;gap:13px;font-size:13px;display:flex}.account small{margin-top:4px;font-size:11px;display:block}.icon-btn{border:1px solid var(--line);width:39px;height:39px;color:var(--muted);background:#142c40;border-radius:9px;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover,.button:hover{border-color:var(--accent);color:var(--text)}.nav-bar{border-bottom:1px solid #1d3448}.nav-bar nav{align-items:stretch;gap:27px;min-height:56px;display:flex}.nav-item{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:0 7px;font-size:14px;font-weight:650;display:flex}.nav-item:hover,.nav-item.selected{color:var(--accent)}.nav-item.selected{border-bottom-color:var(--accent)}.content{padding-top:42px}.heading{justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.17em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.mini-line{background:var(--accent);border-radius:8px;width:19px;height:2px;display:inline-block}h1{letter-spacing:-.06em;margin:8px 0 5px;font-size:clamp(38px,5vw,58px);font-weight:740;line-height:1.08}.heading p{color:var(--muted);font-size:16px;line-height:1.5}.clock{border:1px solid var(--line);background:#102336;border-radius:12px;align-items:center;gap:12px;min-width:183px;padding:11px 15px;display:flex}.clock svg,.section-label svg{color:var(--accent);flex-shrink:0}.clock strong{letter-spacing:-.06em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:23px;display:block}.clock small{text-transform:capitalize;margin-top:2px;font-size:11px;display:block}.reception-grid{grid-template-columns:minmax(0,1.93fr) minmax(285px,1fr);align-items:stretch;gap:20px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:17px}.scanner{background:radial-gradient(ellipse at 50% 26%,#173a53 0%,var(--panel) 64%);flex-direction:column;min-height:410px;padding:22px 24px 0;display:flex;position:relative}.scanner.success{border-color:var(--green);background:radial-gradient(ellipse at 50% 26%,#144439 0%,var(--panel) 65%)}.scanner.notice{border-color:#8b6747}.scanner-top,.scanner-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-pill{color:#b5f2cd;white-space:nowrap;background:#123a39;border:1px solid #215548;border-radius:20px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;font-weight:650;display:inline-flex}.status-pill i,footer i{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block}.scan-feedback{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:305px;padding:20px 0;display:flex}.scan-frame{width:113px;height:113px;color:var(--accent);background:#10324c;border:1px solid #286084;border-radius:25px;place-items:center;margin-bottom:17px;display:grid;box-shadow:inset 0 0 20px #38b6ff12,0 0 35px #38b6ff0d}.success .scan-frame{color:var(--green);background:#124238;border-color:#237b57}.notice .scan-frame{color:var(--warn);background:#413a34;border-color:#82613f}.scan-feedback h2{letter-spacing:-.05em;max-width:540px;font-size:clamp(23px,3vw,38px);line-height:1.15}.scan-feedback p{color:var(--muted);margin:9px 0 0;font-size:15px;line-height:1.5}.success .scan-feedback p{color:var(--text);font-size:20px;font-weight:650}.scan-feedback small{margin-top:8px;font-size:11px}.receipt{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:10px;font-size:14px;display:flex}.receipt span{color:#b5f2cd;background:#123a39;border:1px solid #28624e;border-radius:20px;padding:4px 9px}.scanner-footer{border-top:1px solid var(--line);min-height:58px;font-size:12px}.scanner-footer span,.text-btn,.button,.section-label,.search,.row-actions{align-items:center;gap:8px;display:inline-flex}.scanner-footer span{color:var(--muted)}.scanner-footer span svg{color:var(--accent)}.text-btn{color:var(--accent);white-space:nowrap;background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:650}.text-btn:hover{text-decoration:underline}.manual:not(.open){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.manual.open{gap:10px;margin-bottom:13px;display:flex}.manual.open input{flex:1;min-width:0}.today-stack{grid-template-rows:auto 1fr;gap:17px;display:grid}.metrics,.activity{padding:21px}.section-label h2{letter-spacing:-.02em;font-size:16px}.metrics-row{grid-template-columns:1fr 1fr;margin-top:18px;display:grid}.metrics-row div+div{border-left:1px solid var(--line);padding-left:16px}.metrics-row strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:40px;line-height:1.05;display:block}.metrics-row small{margin-top:5px;font-size:12px;display:block}.activity .empty{text-align:center;color:var(--muted);border:1px dashed #345269;border-radius:11px;margin-top:16px;padding:20px 8px}.empty svg{color:var(--accent);opacity:.8}.empty p{margin:6px 0;font-size:13px}.empty small{font-size:11px}.activity ul{margin:10px 0 0;padding:0;list-style:none}.activity li{grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:9px 0;font-size:12px;display:grid}.activity li+li{border-top:1px solid var(--line)}.activity li small,.activity li strong{overflow-wrap:anywhere;display:block}.activity li small{margin-top:2px;font-size:10px}.activity time{color:var(--muted);white-space:nowrap;font-size:11px}.check-dot{width:23px;height:23px;color:var(--green);background:#134438;border-radius:50%;place-items:center;display:grid}footer{color:var(--muted);border-top:1px solid #1d3448;justify-content:space-between;gap:12px;margin-top:29px;padding:15px 0 24px;font-size:10px;display:flex}footer span:first-child{letter-spacing:.14em;font-weight:750}footer i{background:var(--accent);margin-right:5px}.actions{flex-wrap:wrap;gap:9px;display:flex}.button{color:var(--text);white-space:nowrap;background:#142b3e;border:1px solid #3a5a70;border-radius:9px;justify-content:center;padding:10px 14px;font-size:13px;font-weight:720}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--base)}.button.primary:hover:not(:disabled){background:#78ceff}input,select{color:var(--text);background:#0f2233;border:1px solid #3b586d;border-radius:8px;min-height:40px;padding:9px 10px}input::placeholder{color:#a8b9c9}input[readonly]{color:var(--muted);opacity:.8}.table-panel{overflow:hidden}.table-tools,.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;display:flex}.filters{border-bottom:1px solid var(--line);justify-content:start}.filters label,.edit-form label{color:var(--muted);gap:6px;font-size:13px;font-weight:650;display:grid}.search{color:var(--accent)}.search input{width:min(290px,65vw)}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:13px}th,td{border-top:1px solid var(--line);padding:13px 18px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#10273b;font-size:11px}td small{margin-top:4px;display:block}.table-empty{text-align:center;color:var(--muted);padding:25px}.tag{color:var(--muted);background:#283d51;border-radius:20px;padding:4px 8px;font-size:11px}.tag.active{color:#b5f2cd;background:#133e39}.message,.table-summary{color:var(--muted);padding:10px 20px;font-size:13px}.warning{color:var(--warn)}dialog{border:1px solid var(--line);background:var(--panel);width:min(425px,100% - 36px);color:var(--text);border-radius:16px;padding:21px}dialog::backdrop{background:#030912c9}.modal-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.edit-form,.credential{gap:13px;display:grid}.edit-form label.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{min-height:0;accent-color:var(--accent)}.credential{text-align:center;justify-items:center}.credential img{background:#fff;border-radius:9px;max-width:100%;height:auto}.gate{place-items:center;min-height:100vh;padding:20px;display:grid}.gate .panel{width:min(520px,100%);padding:32px}.gate .eyebrow{margin-top:14px}.gate h1{font-size:42px}.gate p{color:var(--muted);margin-bottom:15px}@media (max-width:900px){.top-inner,.nav-bar nav,.content{width:calc(100% - 44px)}.content{padding-top:29px}.reception-grid{grid-template-columns:minmax(0,1.65fr) minmax(245px,1fr)}.metrics,.activity{padding:16px}.scanner{padding-inline:17px}}@media (max-width:690px){.top-inner,.nav-bar nav,.content{width:calc(100% - 28px)}.reception-grid{grid-template-columns:1fr}.today-stack{grid-template-rows:auto;grid-template-columns:1fr}.heading{flex-wrap:wrap;align-items:start;gap:12px;margin-bottom:18px}.scanner{min-height:375px}.scan-feedback{min-height:273px}.clock{min-width:0;padding:8px 10px}.clock strong{font-size:18px}.account>span{display:none}.nav-bar nav{gap:16px}.scanner-footer{flex-wrap:wrap;justify-content:space-between;padding:7px 0}.brand strong{font-size:16px}.brand img{width:37px;height:37px}.brand small{font-size:8px}footer{flex-wrap:wrap}}.logo-plate{background:#f7f8fb;border-radius:10px;justify-content:center;align-items:center;padding:10px 13px;display:inline-flex}.logo-plate img{object-fit:contain;max-width:100%;height:auto;display:block}.header-logo{padding:7px 9px}.header-logo img{width:153px;height:auto}.login-panel .edit-form{margin-top:20px}.login-panel .setup-link{margin-top:13px}.login-panel .edit-form p{margin:0}.account-panel{margin-bottom:17px;padding:22px}.account-panel .edit-form{max-width:430px;margin:12px 0}.credential img{object-fit:contain;background:0 0;max-height:56vh}@media (max-width:480px){.nav-bar nav{gap:5px}.nav-item{gap:4px;padding-inline:4px;font-size:12px}.nav-item svg{width:15px}.header-logo img{width:137px}}.credential-delivery{justify-items:center;gap:8px;display:grid}.credential-delivery .actions{justify-content:center}.credential-email{text-align:left;gap:6px;width:100%;display:grid}.credential-email label{color:var(--muted);font-size:13px;font-weight:650}.credential-email .actions{flex-wrap:nowrap;display:flex}.credential-email input{flex:1;min-width:0}.shared-card{text-align:center}.shared-card .eyebrow{justify-content:center}.shared-card .credential img{max-height:58vh}.recovery-option{border-top:1px solid var(--line);gap:8px;margin-top:18px;padding-top:16px;display:grid}.recovery-option small{line-height:1.5}.station-tools,.display-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.student-display{background:radial-gradient(ellipse at 50% 36%,#152e45 0%,var(--base) 70%);grid-template-rows:auto 1fr auto;gap:clamp(12px,2.5vh,26px);min-height:100dvh;padding:clamp(16px,3vw,40px);display:grid}.display-header,.display-footer{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1240px;margin:0 auto;display:flex}.display-header .logo-plate{padding:7px 12px}.display-footer{margin:auto auto 0;padding:8px 0 0}.display-footer span{align-items:center;gap:8px;display:flex}.display-card{text-align:center;border:1px solid var(--line);background:#102336;border-radius:26px;place-self:center;justify-items:center;gap:clamp(8px,1.6vh,16px);width:min(100%,990px);padding:clamp(16px,3.4vh,36px);display:grid}.display-card h1{max-width:920px;margin:0;font-size:clamp(34px,6vw,72px)}.display-card .eyebrow{letter-spacing:.24em}.display-symbol{aspect-ratio:1;width:clamp(62px,11vh,96px);color:var(--accent);background:#10324c;border:1px solid #286084;border-radius:22px;place-items:center;display:grid}.display-symbol svg{width:60%;height:60%}.display-saved{border-color:var(--green);background:radial-gradient(at 50% 0,#134739 0%,#102336 65%)}.display-saved .display-symbol{color:var(--green);background:#124238;border-color:#237b57}.display-warning .display-symbol{color:var(--warn);background:#413a34;border-color:#82613f}.display-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,540px);display:grid}.display-stats div{border:1px solid var(--line);background:#0d1c2b;border-radius:15px;gap:6px;padding:clamp(9px,1.7vh,18px) 8px;display:grid}.display-stats span{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:clamp(12px,1.5vw,16px);display:flex}.display-stats strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(24px,4.4vw,50px);line-height:1.15}.display-motivation,.display-instruction{color:var(--muted);max-width:720px;font-size:clamp(16px,2.2vw,27px)}.display-motivation{color:#b5f2cd;font-weight:650}.display-browser-note{text-align:center;color:var(--muted)}.student-display .manual.open{width:min(480px,100%);margin:0 auto}@media (max-width:530px){.display-header .logo-plate img{max-width:113px}.display-actions .button{padding:8px;font-size:11px}.display-footer span{font-size:9px}.display-footer .text-btn{font-size:11px}}.display-identity{gap:3px;display:grid}.display-identity strong{overflow-wrap:anywhere;font-size:clamp(19px,3vw,32px);line-height:1.2}.display-identity span{color:var(--muted);font-size:clamp(13px,1.6vw,17px)}.activity-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}
