@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#070c10;--panel:#10171d;--panel-2:#141e25;--line:#22313a;--text:#f2f7f8;--muted:#8297a1;--blue:#3b9cff;--blue-2:#137ee8;--red:#ff6275;--amber:#ffbf4b}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -10%,#102b49 0,#0000 30%),radial-gradient(circle at 8% 55%,#0a1d35 0,#0000 25%),linear-gradient(145deg,#060a0e,#0a1116 55%,#070d15);margin:0;font-family:DM Sans,sans-serif}body:before{content:"";pointer-events:none;opacity:.15;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}button,input{font:inherit}.app{z-index:1;max-width:1120px;margin:auto;padding:26px 28px 70px;position:relative}button,select{font:inherit}header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-1.2px;font:700 27px Space Grotesk}.brand span{color:var(--blue);text-shadow:0 0 18px #3b9cff80}nav{align-items:center;gap:22px;display:flex}nav a,.ghost{color:#a8b8bf;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:14px;text-decoration:none}nav a:hover,.ghost:hover{color:var(--blue)}.hero{padding:66px 0 30px}.compact-hero{padding-bottom:24px}.eyebrow,.scan-kicker{letter-spacing:2.2px;color:var(--blue);margin:0 0 12px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-2.2px;margin:0 0 10px;font:700 clamp(32px,5vw,53px) Space Grotesk}.date{color:var(--muted);margin:0;font-size:15px}.panel,.training-strip{border:1px solid var(--line);background:linear-gradient(145deg,#121b21e8,#0d1419e8);border-radius:22px;box-shadow:0 24px 60px #0006,inset 0 1px #ffffff08}.training-strip{grid-template-columns:1fr 1fr;margin-bottom:24px;padding:22px 26px;display:grid}.training-strip>div{flex-direction:column;gap:5px;display:flex}.training-strip>div+div{border-left:1px solid var(--line);text-align:right;padding-left:28px}.training-strip span{letter-spacing:1.8px;color:var(--blue);font-size:10px;font-weight:700}.training-strip b{font:600 18px Space Grotesk}.training-strip small{color:var(--muted)}.error,.success{border-radius:14px;margin:16px 0;padding:15px 17px;font-size:14px}.error{color:#ff9aa6;background:#36151dbd;border:1px solid #74303d}.success{color:#9bcfff;background:#0c2844;border:1px solid #175991}.error a{color:#fff;font-weight:700}.privacy{color:#66808a;text-align:center;margin:24px 0;font-size:12px}.face-id-shell{text-align:center;background:radial-gradient(circle at 50% 25%,#172f4a 0,#111b25 34%,#0b1115 76%);border:1px solid #24353e;border-radius:30px;flex-direction:column;align-items:center;max-width:820px;min-height:650px;margin:0 auto;padding:52px 60px;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 90px #0009,inset 0 1px #ffffff0d}.face-id-shell:before,.face-id-shell:after{content:"";filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.face-id-shell:before{background:#187fd918;width:300px;height:300px;top:20%;left:-180px}.face-id-shell:after{background:#3399ff1c;width:260px;height:260px;bottom:5%;right:-170px}.face-id-orb{--scan-progress:0deg;z-index:1;aspect-ratio:1;background:conic-gradient(var(--blue) var(--scan-progress),#26343a 0);border-radius:50%;place-items:center;width:330px;padding:7px;transition:background .2s;display:grid;position:relative;box-shadow:0 0 28px #3b9cff38,0 0 90px #208ae61b}.face-id-orb:before{content:"";z-index:-1;background:#0b1115;border-radius:50%;position:absolute;inset:7px}.face-id-orb video,.face-id-orb img{object-fit:cover;background:#060a0d;border-radius:50%;width:100%;height:100%;transform:scaleX(-1)}.face-mesh{filter:drop-shadow(0 0 7px #3b9cff);width:68%;height:78%;overflow:visible}.face-mesh path{fill:none;stroke:var(--blue);stroke-width:1.5px;opacity:.9}.face-mesh circle{fill:var(--blue)}.face-target{z-index:3;border:2px dashed #8a9aa5;border-radius:48%;width:57%;height:73%;transition:border-color .2s,box-shadow .2s;position:absolute;box-shadow:0 0 10px #0008,inset 0 0 20px #0b111588}.face-target.locked{border-style:solid;border-color:#9dceff;box-shadow:0 0 16px #3b9cff88,inset 0 0 20px #3b9cff22}.scan-beam{z-index:4;background:#9acbff;height:2px;animation:2s ease-in-out infinite scan-beam;position:absolute;left:17%;right:17%;box-shadow:0 0 14px 4px #3b9cff}.scan-error-mark{color:var(--red);text-shadow:0 0 25px #ff435f80;font:700 100px Space Grotesk}@keyframes scan-beam{0%,to{opacity:.4;top:25%}50%{opacity:1;top:75%}}.stage-scanning .face-id-orb{animation:1.5s ease-in-out infinite orb-pulse}.stage-success .face-id-orb{background:var(--blue);box-shadow:0 0 25px #3b9cffaa,0 0 100px #3b9cff55}.stage-error .face-id-orb{background:var(--red);box-shadow:0 0 35px #ff435f66}@keyframes orb-pulse{50%{box-shadow:0 0 45px #3b9cff80,0 0 120px #208ae62b}}.face-id-copy{z-index:2;width:100%;max-width:620px;margin-top:34px;position:relative}.face-id-copy h2{letter-spacing:-.8px;margin:0 0 12px;font:700 clamp(25px,4vw,36px) Space Grotesk}.face-id-copy>p:not(.scan-kicker){color:#96aab3;max-width:520px;margin:0 auto 24px;line-height:1.6}.pulse-text{animation:1.2s ease-in-out infinite text-pulse}.success-label{color:var(--blue)}.error-label{color:var(--red)}.face-signal{color:#9fb1b8;background:#0b1217;border:1px solid #34434c;border-radius:999px;align-items:center;gap:8px;min-height:32px;margin:0 auto 20px;padding:7px 12px;font-size:12px;display:inline-flex}.face-signal i{background:#788891;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #788891}.face-signal.locked{color:#b8dcff;background:#0d2033;border-color:#286aa9}.face-signal.locked i{background:var(--blue);box-shadow:0 0 10px var(--blue)}@keyframes text-pulse{50%{opacity:.45}}.neon-button,.retry-button,.login button,.primary{cursor:pointer;border:0;border-radius:999px;padding:15px 26px;font-weight:700;transition:all .2s}.neon-button,.login button,.primary{color:#03111f;background:linear-gradient(90deg,var(--blue-2),#72b9ff);box-shadow:0 0 18px #3b9cff66,0 8px 28px #137ee840}.neon-button{min-width:210px;margin-top:8px}.neon-button span{margin-left:14px}.neon-button:hover,.login button:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 0 26px #3b9cff99,0 12px 35px #137ee850}.neon-button:disabled,.login button:disabled,.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.retry-button{color:#fff;background:#ff5169;min-width:170px;box-shadow:0 0 24px #ff435f55}.scan-progress-head{color:#9fb1b8;justify-content:space-between;margin:6px 0 9px;font-size:12px;display:flex}.scan-progress-head b{color:var(--blue);font-size:14px}.scan-progress{background:#26323a;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 2px 5px #0008}.scan-progress i{border-radius:inherit;background:linear-gradient(90deg,#137ee8,#72b9ff);height:100%;transition:width .18s linear;display:block;position:relative;box-shadow:0 0 16px #3b9cff}.scan-progress i:after{content:"";background:linear-gradient(90deg,#0000,#fff8,#0000);animation:1.1s linear infinite progress-shine;position:absolute;inset:0}.face-id-copy>small{color:#637a84;margin-top:12px;display:block}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.scan-details{background:#24323a;border:1px solid #24323a;border-radius:15px;grid-template-columns:1fr 1fr;gap:1px;margin:25px 0;display:grid;overflow:hidden}.scan-details div{background:#111a20;flex-direction:column;gap:5px;padding:14px;display:flex}.scan-details span{text-transform:uppercase;letter-spacing:1px;color:#718790;font-size:10px}.scan-details b{color:#dfecf9;font-size:14px}.center{z-index:1;place-items:center;min-height:100vh;padding:30px;display:grid;position:relative}.login{width:min(100%,430px);padding:34px}.login.signup{width:min(100%,580px)}.login h1{margin:8px 0 24px;font:700 31px Space Grotesk}.login label{color:#c8d4d9;margin:15px 0;font-size:13px;font-weight:600;display:block}.login input{color:#fff;background:#0a1116;border:1px solid #2a3a43;border-radius:11px;outline:none;width:100%;margin-top:8px;padding:13px 14px;display:block}.login input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b9cff18}.login button{width:100%;margin-top:8px}.login small{text-align:center;color:#627984;margin-top:16px;display:block}.signup-intro{color:var(--muted);margin:-12px 0 20px;line-height:1.5}.signup-passwords{grid-template-columns:1fr 1fr;gap:12px;display:grid}.password-hint{color:#718691;margin:2px 0 16px;font-size:12px}.auth-switch{text-align:center;color:#718691;margin:18px 0 0;font-size:14px}.auth-switch a,.error a{color:var(--blue);font-weight:700;text-decoration:none}.consent-dark{background:#10191f;border:1px solid #26363e;border-radius:16px;max-width:820px;margin:0 auto 18px;padding:16px 20px}.consent{color:#91a5ae;align-items:flex-start;gap:12px;font-size:13px;display:flex}.consent input{accent-color:var(--blue);width:17px;height:17px}.consent span{flex-direction:column;gap:4px;display:flex}.consent b{color:#e5eff2}@media (width<=760px){.app{padding:18px 15px 45px}header{align-items:flex-start}.brand{font-size:23px}nav{flex-wrap:wrap;justify-content:flex-end;gap:10px}nav a,.ghost{font-size:11px}.hero{padding:42px 0 22px}.hero h1{letter-spacing:-1.3px;font-size:34px}.training-strip{grid-template-columns:1fr;gap:18px;padding:18px}.training-strip>div+div{border-left:0;border-top:1px solid var(--line);text-align:left;padding:16px 0 0}.face-id-shell{border-radius:22px;min-height:600px;padding:38px 18px}.face-id-orb{width:min(78vw,300px)}.face-id-copy{margin-top:28px}.scan-details{grid-template-columns:1fr 1fr}.signup-passwords{grid-template-columns:1fr}.center{align-items:start;padding:18px}.login,.login.signup{padding:24px 20px}}@media (width<=390px){.face-id-orb{width:250px}.face-id-shell{padding-left:13px;padding-right:13px}.scan-details{grid-template-columns:1fr}.hero h1{font-size:29px}}.portal-shell{z-index:2;background:#080d11;grid-template-columns:258px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.portal-sidebar{z-index:20;background:linear-gradient(#0e171d 0%,#0a1116 72%);border-right:1px solid #1e2b33;flex-direction:column;width:258px;padding:26px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 60px #0003}.portal-brand{padding:0 10px 24px}.portal-brand .brand{font-size:25px}.portal-brand small{color:#647982;letter-spacing:1.25px;text-transform:uppercase;margin-top:5px;font-size:10px;display:block}.role-chip{color:#9bcfff;text-transform:uppercase;letter-spacing:1.1px;background:#0b2133;border:1px solid #1e4769;border-radius:9px;margin:0 7px 16px;padding:9px 11px;font-size:10px;font-weight:700}.role-chip i,.topbar-status i{background:#45a6ff;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 10px #45a6ff}.portal-nav{scrollbar-width:thin;flex-direction:column;flex:1;align-items:stretch;gap:3px;min-height:0;padding:0 1px;display:flex;overflow-y:auto}.portal-nav a{color:#83959d;border-radius:10px;align-items:center;gap:12px;padding:10px 11px;font-size:12px;font-weight:600;transition:all .18s;display:flex}.portal-nav a span{color:#6e8792;letter-spacing:.5px;background:#111b21;border:1px solid #293942;border-radius:7px;flex:0 0 27px;place-items:center;height:27px;font-size:8px;display:grid}.portal-nav a:hover{color:#d8e8ed;background:#111e27}.portal-nav a.active{color:#d9edff;background:linear-gradient(90deg,#123354,#102537);box-shadow:inset 2px 0 #3b9cff}.portal-nav a.active span{color:#8ec8ff;background:#12385a;border-color:#286aa9}.sidebar-account{border-top:1px solid #1e2c34;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:14px;padding:14px 9px 1px;display:grid}.sidebar-account .avatar{color:#8dc8ff;background:#17314a;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.sidebar-account b,.sidebar-account small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-account b{font-size:11px}.sidebar-account small{color:#657982;text-transform:capitalize;margin-top:2px;font-size:9px}.sidebar-account button{color:#72858e;cursor:pointer;background:0 0;border:0;padding:5px;font-size:9px}.sidebar-account button:hover{color:#ff8290}.portal-main{grid-column:2;min-width:0}.portal-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a1116e8;border-bottom:1px solid #1c2930;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,4vw,52px);display:flex;position:sticky;top:0}.portal-topbar>div:first-of-type{flex-direction:column;gap:3px;display:flex}.portal-topbar span{color:#60737c;text-transform:uppercase;letter-spacing:1.3px;font-size:9px}.portal-topbar b{font:600 14px Space Grotesk}.topbar-status{color:#78909a;font-size:10px}.menu-button{color:#c3d3da;cursor:pointer;background:#101a20;border:1px solid #2a3b44;border-radius:9px;padding:8px 10px;font-size:10px;display:none}.portal-content{max-width:1500px;margin:0 auto;padding:clamp(30px,4vw,52px)}.portal-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.portal-heading p,.content-card>p,.form-heading p{color:#3b9cff;letter-spacing:2px;margin:0 0 9px;font-size:9px;font-weight:700}.portal-heading h1{letter-spacing:-1.5px;margin:0 0 10px;font:700 clamp(28px,3.4vw,43px) Space Grotesk}.portal-heading>div>span{color:#7f929b;max-width:650px;font-size:13px;line-height:1.55;display:block}.portal-primary{cursor:pointer;white-space:nowrap;font-weight:700;box-shadow:0 8px 22px #137ee834;color:#06121c!important;background:linear-gradient(135deg,#278eea,#58adff)!important;border:0!important;border-radius:10px!important;padding:11px 17px!important;font-size:11px!important}.portal-primary:hover{transform:translateY(-1px)}.portal-primary:disabled{opacity:.45;cursor:not-allowed}.content-card{background:linear-gradient(145deg,#111a20,#0d1419);border:1px solid #202f37;border-radius:16px;overflow:hidden;box-shadow:0 16px 45px #0003}.card-toolbar{border-bottom:1px solid #1e2c33;justify-content:space-between;align-items:center;min-height:66px;padding:13px 18px;display:flex}.card-toolbar>div{flex-direction:column;gap:3px;display:flex}.card-toolbar b{font:600 13px Space Grotesk}.card-toolbar span{color:#60747d;text-transform:uppercase;letter-spacing:1px;font-size:9px}.card-toolbar button,.form-actions>button:first-child{color:#82969f;cursor:pointer;background:#10191e;border:1px solid #2a3a42;border-radius:8px;padding:7px 11px;font-size:9px}.card-toolbar button:hover{color:#9bcfff;border-color:#3b9cff}.state-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:40px 20px;display:flex}.state-panel>i{border:2px solid #253943;border-top-color:#3b9cff;border-radius:50%;width:30px;height:30px;margin-bottom:18px;animation:.8s linear infinite portal-spin}.state-panel b{font:600 15px Space Grotesk}.state-panel span{color:#697e87;max-width:500px;margin-top:8px;font-size:11px;line-height:1.5}.state-panel.error b{color:#ff8996}.state-panel.error{background:linear-gradient(#24111655,#0000)}@keyframes portal-spin{to{transform:rotate(360deg)}}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th{text-align:left;color:#5f747e;letter-spacing:1.15px;text-transform:uppercase;background:#0c1317;padding:12px 18px;font-size:8px}.data-table td{color:#8ca0a9;border-top:1px solid #1a272e;padding:15px 18px;font-size:11px}.data-table td b{color:#dce8ec;font-weight:600}.data-table tbody tr:hover{background:#12202a80}.status-pill{color:#82c3f8;text-transform:uppercase;letter-spacing:.7px;background:#0d263a;border:1px solid #215b86;border-radius:999px;padding:5px 8px;font-size:8px;display:inline-flex}.status-pill.inactive{color:#b99a9f;background:#22181b;border-color:#4a3b3d}.table-action-cell{width:1%;white-space:nowrap!important}.row-actions{justify-content:flex-end;gap:6px;display:flex}.row-actions button,.secondary-button,.danger-button{color:#9db2bc;cursor:pointer;background:#111d24;border:1px solid #2d414c;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:600}.row-actions button:hover,.secondary-button:hover{color:#a9d5ff;border-color:#3b9cff}.row-actions .danger-button,.danger-button{color:#ff98a4;background:#2b171c;border-color:#69323a}.row-actions .danger-button:hover,.danger-button:hover{color:#ffc0c7;background:#3a1a21;border-color:#ff6275}.row-actions button:disabled,.danger-button:disabled{opacity:.45;cursor:not-allowed}.checkbox-control{background:#091116;border:1px solid #293a43;border-radius:9px;align-items:center;gap:10px;min-height:46px;margin-top:17px;padding:9px 11px;display:flex!important}.checkbox-control input{accent-color:var(--blue);width:18px!important;height:18px!important;margin:0!important}.checkbox-control span{flex-direction:column;gap:2px;display:flex}.checkbox-control b{color:#d9e6ea;font-size:10px}.checkbox-control small,.form-grid label>small{color:#687d87;font-size:9px}.record-details{margin-bottom:18px;padding:25px}.record-details .form-heading{margin-bottom:16px}.record-details dl{background:#22323a;border:1px solid #22323a;border-radius:11px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.record-details dl>div{background:#0d161b;min-width:0;padding:14px}.record-details dt{color:#607680;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:8px;font-weight:700}.record-details dd{color:#c7d6dc;overflow-wrap:anywhere;margin:0;font-size:11px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.stat-card{background:linear-gradient(145deg,#111a20,#0c1318);border:1px solid #202f37;border-radius:15px;flex-direction:column;min-height:145px;padding:22px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:#3b9cff10;border-radius:50%;width:90px;height:90px;position:absolute;top:-40px;right:-40px}.stat-card.accent{background:radial-gradient(circle at 100% 0,#164e79,#101c25 58%);border-color:#245b84}.stat-card>span{color:#78909a;font-size:10px}.stat-card>b{letter-spacing:-1px;margin:14px 0 9px;font:700 29px Space Grotesk}.stat-card>small{color:#5f737c;font-size:9px}.stat-card.accent small{color:#80a4bc}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:16px;margin-top:16px;display:grid}.insight-card,.quick-card{min-height:265px;padding:24px}.content-card h2{margin:0;font:600 19px Space Grotesk}.pulse-visual{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 25px);border-bottom:1px solid #24343c;align-items:flex-end;gap:7px;height:100px;margin:20px 0;display:flex}.pulse-visual i{background:linear-gradient(#4aa8ff,#174b75);border-radius:4px 4px 0 0;flex:1;min-width:10px;box-shadow:0 0 15px #3b9cff20}.pulse-visual i:first-child{height:34%}.pulse-visual i:nth-child(2){height:58%}.pulse-visual i:nth-child(3){height:44%}.pulse-visual i:nth-child(4){height:82%}.pulse-visual i:nth-child(5){height:65%}.pulse-visual i:nth-child(6){height:91%}.pulse-visual i:nth-child(7){height:74%}.insight-card>span{color:#607680;font-size:10px}.quick-card ul{margin:12px 0;padding:9px 0 0;list-style:none}.quick-card li{color:#80959e;border-top:1px solid #1e2c33;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:15px 0;font-size:10px;display:grid}.quick-card li i{background:#3b9cff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #3b9cff}.quick-card li b{color:#bbcad0;font-size:9px}.info-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.info-card{min-height:210px;padding:26px}.info-card>span{color:#6cb6f7;background:#102a40;border:1px solid #245276;border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:28px;font-size:9px;font-weight:700;display:grid}.info-card h2{margin-bottom:12px}.info-card p{color:#71868f;margin:0;font-size:11px;line-height:1.65}.session-form{margin-bottom:18px;padding:25px;overflow:visible}.form-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.form-heading h2{margin:0}.form-heading>span{color:#61747d;text-transform:uppercase;font-size:9px}.form-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.form-grid label{color:#8ba0a9;font-size:10px;font-weight:600}.form-grid label.wide{grid-column:span 2}.form-grid input,.form-grid select{color:#d9e6ea;background:#091116;border:1px solid #293a43;border-radius:9px;outline:none;width:100%;height:40px;margin-top:7px;padding:0 11px}.form-grid input:focus,.form-grid select:focus{border-color:#3b9cff;box-shadow:0 0 0 3px #3b9cff12}.form-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.session-form+.success{margin-bottom:18px}.attendance-chart-card{padding:26px;overflow:hidden}.attendance-chart-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:14px;display:flex}.attendance-chart-head p{color:#3b9cff;letter-spacing:2px;margin:0 0 8px;font-size:9px;font-weight:700}.attendance-chart-head h2{font-size:22px}.chart-totals{color:#8298a2;align-items:center;gap:18px;font-size:10px;display:flex}.chart-totals span{align-items:center;gap:7px;display:flex}.chart-totals i{border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.chart-totals i.arrivals{color:#42b4ff;background:#42b4ff}.chart-totals i.departures{color:#8678ff;background:#8678ff}.chart-totals b{color:#e5f2f7;font:600 15px Space Grotesk}.chart-totals small{color:#75dba9;text-transform:uppercase;letter-spacing:1px;background:#0c2a20;border:1px solid #205c42;border-radius:999px;padding:5px 8px}.attendance-chart-wrap{width:100%;overflow-x:auto}.attendance-chart{width:100%;min-width:650px;height:auto;display:block}.chart-grid-line{stroke:#25343c;stroke-width:1px}.chart-y-label,.chart-x-label{fill:#647a84;text-anchor:middle;font:10px DM Sans}.chart-y-label{text-anchor:end}.chart-area{fill:url(#attendanceArea)}.chart-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px)}.chart-line.arrivals{stroke:#42b4ff;color:#42b4ff}.chart-line.departures{stroke:#8678ff;color:#8678ff}.report-controls{align-items:flex-end;gap:12px;margin-bottom:16px;padding:18px;display:flex}.report-controls label{color:#8298a2;flex-direction:column;gap:7px;font-size:10px;font-weight:600;display:flex}.report-controls input{color:#d9e6ea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#091116;border:1px solid #293a43;border-radius:9px;height:42px;padding:0 12px}.report-controls button{height:42px}.sidebar-scrim{display:none}@media (width<=1050px){.stat-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr 1fr}.record-details dl{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=780px){.portal-shell{display:block}.portal-sidebar{transition:transform .22s;transform:translate(-105%)}.portal-sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:15;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020507b8;border:0;display:block;position:fixed;inset:0}.portal-main{width:100%}.portal-topbar{height:64px;padding:0 16px}.portal-topbar>div:first-of-type{margin-left:12px;margin-right:auto}.menu-button{display:block}.portal-content{padding:28px 16px 45px}.portal-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:24px}.portal-heading h1{font-size:30px}.dashboard-grid,.info-grid{grid-template-columns:1fr}.topbar-status{font-size:0}.topbar-status i{margin:0}.form-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.stat-grid{grid-template-columns:1fr}.stat-card{min-height:125px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.form-heading>span{display:none}.data-table th,.data-table td{padding-left:13px;padding-right:13px}.portal-heading .portal-primary{width:100%}.portal-sidebar{width:min(86vw,275px)}}.landing-shell{z-index:1;width:min(100%,1440px);min-height:100dvh;margin:0 auto;padding:26px clamp(22px,5vw,76px) 30px;position:relative;overflow:hidden}.landing-header{justify-content:space-between;align-items:center;display:flex}.landing-header .brand{color:var(--text);text-decoration:none}.landing-status{color:#78909a;text-transform:uppercase;letter-spacing:1.3px;align-items:center;gap:9px;font-size:11px;display:flex}.landing-status i{background:#49aeff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 13px #49aeff}.landing-hero{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(42px,7vw,100px);min-height:calc(100dvh - 190px);padding:clamp(55px,9vh,110px) 0;display:grid}.landing-copy{max-width:720px}.landing-kicker{color:#55adff;letter-spacing:3px;margin:0 0 18px;font-size:11px;font-weight:700}.landing-copy h1{letter-spacing:clamp(-4px,-.3vw,-2px);margin:0;font:700 clamp(48px,7vw,92px)/.96 Space Grotesk}.landing-copy h1 span{color:#68b9ff;text-shadow:0 0 45px #268ce748}.landing-intro{color:#93a7af;max-width:620px;margin:26px 0 34px;font-size:clamp(16px,1.4vw,20px);line-height:1.65}.role-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.role-entry{min-width:0;min-height:150px;color:var(--text);background:linear-gradient(145deg,#121c22d9,#0d151ad9);border:1px solid #293b45;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:15px;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:grid;position:relative;box-shadow:0 18px 45px #0004}.role-entry:hover{background:linear-gradient(145deg,#142637,#0e1820);border-color:#4aa8f9;transform:translateY(-3px)}.role-entry.role-student{background:linear-gradient(145deg,#12304b,#0d1922);border-color:#286b9f}.role-number{color:#75bfff;border:1px solid #34505e;border-radius:10px;place-items:center;width:34px;height:34px;font:600 10px Space Grotesk;display:grid}.role-entry small{color:#5b9fd6;letter-spacing:1.5px;margin:3px 0 11px;font-size:9px;font-weight:700;display:block}.role-entry b{font:600 17px Space Grotesk;display:block}.role-entry p{color:#78909a;margin:9px 0 0;font-size:11px;line-height:1.5}.role-entry>i{color:#77bfff;align-self:center;font:400 21px Space Grotesk}.landing-register{color:#748992;margin:20px 0 0;font-size:13px}.landing-register a{color:#6db9ff;font-weight:700}.identity-visual{aspect-ratio:1;justify-self:center;place-items:center;width:min(42vw,520px);display:grid;position:relative}.visual-grid{opacity:.35;background-image:linear-gradient(#4ea9ff12 1px,#0000 1px),linear-gradient(90deg,#4ea9ff12 1px,#0000 1px);background-size:30px 30px;border-radius:50%;position:absolute;inset:3%;-webkit-mask-image:radial-gradient(circle,#000 15%,#0000 68%);mask-image:radial-gradient(circle,#000 15%,#0000 68%)}.identity-orbit{border:1px solid #3f779b55;border-radius:50%;position:absolute}.orbit-one{animation:28s linear infinite landing-spin;inset:10%}.orbit-two{border-style:dashed;animation:18s linear infinite reverse landing-spin;inset:23%}.orbit-one:before,.orbit-two:before{content:"";background:#5bb5ff;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;box-shadow:0 0 15px #5bb5ff}.identity-core{z-index:2;aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#1c527b,#0d1a23 65%);border:1px solid #3d83b7;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:42%;display:flex;position:relative;box-shadow:0 0 45px #2c96e83d,0 0 130px #187ed126}.identity-core:before{content:"";border:1px dashed #65b7ed70;border-radius:47% 47% 43% 43%;position:absolute;inset:11%}.identity-core span{z-index:1;color:#73c1ff;letter-spacing:2px;font-size:9px}.identity-core b{z-index:1;margin:7px 0 4px;font:700 clamp(18px,2vw,27px) Space Grotesk}.identity-core small{z-index:1;color:#6d8794;font-size:9px}.signal-card{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c151be8;border:1px solid #2c4654;border-radius:11px;min-width:145px;padding:12px 14px;position:absolute;box-shadow:0 12px 35px #0007}.signal-card span{color:#5aaeff;letter-spacing:1.4px;margin-bottom:5px;font-size:8px;display:block}.signal-card b{font-size:11px}.signal-location{top:21%;left:0}.signal-session{bottom:20%;right:0}.landing-proof{border-top:1px solid #1f3038;border-bottom:1px solid #1f3038;grid-template-columns:repeat(3,1fr);display:grid}.landing-proof article{gap:14px;min-width:0;padding:22px 24px;display:flex}.landing-proof article+article{border-left:1px solid #1f3038}.landing-proof article>span{color:#4c9ddd;font:600 10px Space Grotesk}.landing-proof b{font:600 13px Space Grotesk}.landing-proof p{color:#657b84;margin:5px 0 0;font-size:10px;line-height:1.45}.landing-footer{color:#52666f;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;gap:20px;padding-top:24px;font-size:10px;display:flex}@keyframes landing-spin{to{transform:rotate(360deg)}}.student-header .brand{color:var(--text);text-decoration:none}.student-header nav{flex-wrap:nowrap}.face-id-shell{min-height:0}.face-id-orb{width:min(330px,78vw,45dvh);max-width:100%}.face-signal{white-space:normal;text-align:left;max-width:100%}.face-signal span{overflow-wrap:anywhere;min-width:0}.scan-details{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-details div{min-width:0}.scan-details b,.hero h1,.date,.training-strip b,.training-strip small,.portal-heading h1,.portal-heading>div>span,.info-card p{overflow-wrap:anywhere}.neon-button,.retry-button{white-space:normal;max-width:100%}.center,.portal-shell{min-height:100dvh}.portal-nav{flex-wrap:nowrap;justify-content:flex-start}.portal-brand{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sidebar-close{color:#9db0b8;background:#101a20;border:1px solid #2a3b44;border-radius:8px;padding:8px 10px;display:none}.portal-heading>div{min-width:0}.data-table-wrap{overscroll-behavior-inline:contain;outline:none;max-width:100%}.data-table-wrap:focus-visible{box-shadow:inset 0 0 0 2px #3b9cff}.data-table{table-layout:auto}.data-table td{white-space:normal;overflow-wrap:anywhere;max-width:20rem}.data-table th,.status-pill{white-space:nowrap}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid label,.form-grid input,.form-grid select{min-width:0}.form-grid input,.form-grid select{height:46px;font-size:16px}.form-actions{flex-wrap:wrap}.quick-card li{grid-template-columns:8px minmax(0,1fr) auto}.quick-card li>*{overflow-wrap:anywhere}@media (width<=1050px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){body.portal-menu-open{overflow:hidden}.portal-shell{display:block}.portal-sidebar{width:min(86vw,290px);padding-top:max(22px,env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));transition:transform .22s;transform:translate(-105%)}.portal-sidebar.is-open{transform:translate(0)}.sidebar-close{min-height:40px;display:block}.sidebar-scrim{z-index:15;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020507b8;border:0;display:block;position:fixed;inset:0}.portal-main{width:100%}.portal-topbar{height:64px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.portal-topbar>div:first-of-type{min-width:0;margin-left:12px;margin-right:auto}.portal-topbar b{text-overflow:ellipsis;white-space:nowrap;max-width:45vw;overflow:hidden}.menu-button{min-width:44px;min-height:44px;font-size:12px;display:block}.portal-content{padding:28px max(16px,env(safe-area-inset-right)) max(45px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.portal-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:24px}.portal-heading h1{font-size:30px}.dashboard-grid,.info-grid{grid-template-columns:1fr}.topbar-status{font-size:0}.topbar-status i{margin:0}.portal-nav a{min-height:44px}.sidebar-account button,.card-toolbar button,.form-actions>button,.portal-primary{min-height:44px!important}.landing-hero{grid-template-columns:1fr;min-height:auto}.identity-visual{width:min(74vw,500px)}.landing-copy{max-width:none}.landing-copy h1,.landing-kicker,.landing-intro,.landing-register{text-align:center}.landing-intro{margin-left:auto;margin-right:auto}}@media (width<=760px){.app{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));padding-bottom:max(45px,env(safe-area-inset-bottom))}.student-header{flex-wrap:wrap;align-items:center;gap:12px}.student-header nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;display:grid}.student-header nav a,.student-header .ghost{text-align:center;background:#0d161b;border:1px solid #22343e;border-radius:9px;place-items:center;min-height:44px;padding:8px 5px;font-size:11px;line-height:1.2;display:grid}.face-id-shell{padding:30px 18px}.face-id-copy{margin-top:24px}.face-id-copy>p:not(.scan-kicker){margin-bottom:20px}.login input{font-size:16px}.role-entry-grid{grid-template-columns:1fr}.role-entry{min-height:130px}.landing-shell{padding:20px max(18px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.landing-hero{padding:46px 0}.identity-visual{width:min(88vw,430px)}.landing-proof{grid-template-columns:1fr}.landing-proof article+article{border-top:1px solid #1f3038;border-left:0}.landing-footer{flex-direction:column}.landing-status{font-size:0}.landing-status i{width:9px;height:9px}}@media (width<=600px){.data-table-wrap{overflow:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table thead{display:none}.data-table tbody{padding:12px}.data-table tr{background:#0d151a;border:1px solid #22323a;border-radius:12px;margin-bottom:12px;overflow:hidden}.data-table tr:last-child{margin-bottom:0}.data-table td{text-align:right;border-top:1px solid #1a272e;grid-template-columns:minmax(88px,34%) minmax(0,1fr);align-items:center;gap:12px;max-width:none;min-height:45px;padding:11px 13px;display:grid}.data-table td:first-child{border-top:0}.data-table td:before{content:attr(data-label);color:#607680;letter-spacing:1px;text-align:left;text-transform:uppercase;font-size:8px;font-weight:700}.data-table td b,.data-table td .status-pill{overflow-wrap:anywhere;justify-self:end;max-width:100%}.table-action-cell{width:100%;white-space:normal!important}.row-actions{flex-wrap:wrap;justify-content:flex-end}.row-actions button{min-height:38px}.record-details dl{grid-template-columns:1fr 1fr}.card-toolbar{gap:12px}.card-toolbar button{min-width:72px}.state-panel{min-height:180px}.form-actions>button{flex:100%}.landing-copy h1{font-size:clamp(42px,14vw,65px)}.identity-visual{margin:-15px 0}.signal-card{min-width:125px;padding:10px}.signal-location{left:-2%}.signal-session{right:-2%}.attendance-chart-card{padding:18px 12px}.attendance-chart-head{flex-direction:column;padding:0 6px}.chart-totals{flex-wrap:wrap;gap:10px 14px;width:100%}.chart-totals small{margin-left:auto}.report-controls{flex-direction:column;align-items:stretch}.report-controls label,.report-controls button{width:100%}}@media (width<=390px){.face-id-orb{width:min(74vw,250px,42dvh)}.scan-details{grid-template-columns:1fr}.landing-header .brand{font-size:22px}.identity-visual{width:94vw}.signal-card{display:none}.role-entry{grid-template-columns:auto minmax(0,1fr);padding:16px}.role-entry>i{display:none}.portal-heading h1{font-size:27px}.session-form{padding:18px}.form-heading{align-items:flex-start}.form-grid{gap:12px}}@media (height<=620px) and (orientation:landscape){.face-id-shell{padding-block:18px}.face-id-orb{width:min(38vw,42dvh)}.face-id-copy{margin-top:15px}.face-id-copy h2{font-size:24px}.face-id-copy>p:not(.scan-kicker){margin-bottom:14px;line-height:1.4}.landing-hero{padding:35px 0}.identity-visual{width:min(55vh,400px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand,.hero h1,.face-id-copy h2,.scan-error-mark,.login h1,.portal-heading h1,.portal-topbar b,.card-toolbar b,.state-panel b,.stat-card>b,.content-card h2,.landing-copy h1,.role-number,.role-entry b,.identity-core b,.landing-proof b{font-family:Space Grotesk,DM Sans,sans-serif}.landing-seo{background:linear-gradient(145deg,#0f1a20cc,#0b1217cc);border:1px solid #1f3038;border-radius:20px;margin:42px 0 28px;padding:36px 32px;box-shadow:0 18px 45px #0004}.landing-seo-grid{grid-template-columns:1.35fr .85fr;align-items:start;gap:36px;display:grid}.landing-seo h2{letter-spacing:-1px;margin:0 0 14px;font:700 clamp(22px,2.4vw,30px)/1.15 Space Grotesk}.landing-seo h3{letter-spacing:1px;text-transform:uppercase;color:var(--blue);margin:0 0 12px;font:700 13px Space Grotesk}.landing-seo p{color:#93a7af;margin:0 0 14px;font-size:14px;line-height:1.7}.landing-seo p strong{color:#d8e8ef}.seo-list{color:#93a7af;margin:14px 0 0;padding-left:18px;font-size:13px;line-height:1.7}.seo-list li{margin-bottom:6px}.seo-list strong{color:#b8d4e6}.seo-highlights{background:#0d171df5;border:1px solid #22333c;border-radius:16px;padding:22px}.seo-highlights dl{gap:10px;margin:0 0 16px;display:grid}.seo-highlights dl>div{background:#0a1217;border:1px solid #1c2c34;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.seo-highlights dt{color:#607680;letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:700}.seo-highlights dd{color:#c7d6dc;margin:0;font-size:12px}.seo-cta a{color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}.seo-cta a:hover{text-decoration:underline}.landing-steps{background:linear-gradient(145deg,#0f1a20cc,#0b1217cc);border:1px solid #1f3038;border-radius:20px;margin:28px 0;padding:32px}.landing-steps h2{letter-spacing:-.8px;margin:0 0 20px;font:700 22px Space Grotesk}.landing-steps ol{grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{background:#0d171d;border:1px solid #22333c;border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex}.landing-steps li b{color:#d8e8ef;font:700 13px Space Grotesk}.landing-steps li span{color:#7f929b;font-size:12px;line-height:1.6}.landing-faq{background:linear-gradient(145deg,#0f1a20cc,#0b1217cc);border:1px solid #1f3038;border-radius:20px;margin:28px 0 36px;padding:32px}.landing-faq h2{letter-spacing:-.8px;margin:0 0 18px;font:700 22px Space Grotesk}.landing-faq dl{gap:14px;margin:0;display:grid}.landing-faq dl>div{background:#0d171d;border:1px solid #22333c;border-radius:14px;padding:16px 18px}.landing-faq dt{color:#d8e8ef;margin-bottom:8px;font:700 14px Space Grotesk}.landing-faq dd{color:#93a7af;margin:0;font-size:13px;line-height:1.65}.landing-footer{color:#657982;border-top:1px solid #1e2c34;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 0 8px;font-size:11px;display:flex}.landing-footer a{color:#7da8c3;font-weight:600;text-decoration:none}.landing-footer a:hover{color:var(--blue);text-decoration:underline}@media (width<=920px){.landing-seo-grid{grid-template-columns:1fr}.landing-steps ol{grid-template-columns:1fr 1fr}}@media (width<=600px){.landing-seo,.landing-steps,.landing-faq{padding:22px 18px}.landing-steps ol{grid-template-columns:1fr}}