body[data-onboarding]>.sidebar,body[data-onboarding]>main,body[data-onboarding]>.mobile-nav{display:none!important}body[data-onboarding]{background:#f7f7fc}body:not([data-onboarding])>#onboarding{display:none}.onboard-shell{min-height:100dvh;color:#292b48;background:#f7f7fc}.onboard-header{height:88px;max-width:1480px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between}.onboard-logo{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:800;color:#292b48;text-decoration:none;letter-spacing:-1px}.onboard-logo img{border-radius:10px}.onboard-logo>span{margin-left:-6px;color:#5c5cec}.onboard-header>button{font-size:10px;border:1px solid #e3e3f0;border-radius:20px;padding:8px 13px;color:#82849f;background:#fff}.onboard-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1260px;margin:12px auto 0;min-height:720px;padding:0 28px;gap:9%}.onboard-art{min-height:670px;background:#292e79;border:1px solid #383f8e;border-radius:32px;position:relative;overflow:hidden;isolation:isolate;align-self:stretch}.onboard-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 30%,#5665c986,transparent 65%);z-index:-1}.onboard-grid{position:absolute;inset:0;background-image:linear-gradient(#b9caff0b 1px,transparent 1px),linear-gradient(90deg,#b9caff0b 1px,transparent 1px);background-size:43px 43px;mask-image:linear-gradient(black,transparent)}.onboard-art-label{position:absolute;left:36px;top:35px;font-size:8px;letter-spacing:3px;color:#aeb6ed}.onboard-app-icon{position:absolute;top:26%;left:50%;width:148px;height:148px;transform:translateX(-50%) rotate(-11deg);border-radius:36px;border:1px solid #7e86d4;box-shadow:15px 25px 40px #11164f66;animation:onboard-bob 7s ease-in-out infinite}.onboard-app-icon img{width:100%;height:100%;border-radius:35px}.onboard-ring{position:absolute;left:50%;top:37%;border:1px solid #9daafa33;width:330px;height:260px;transform:translate(-50%,-50%) rotate(-30deg);border-radius:50%}.onboard-ring.ring-b{width:400px;height:330px;border-style:dashed;opacity:.6;transform:translate(-50%,-50%) rotate(30deg)}.onboard-float{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;border-radius:13px;box-shadow:0 10px 24px #12164330}.float-a{top:21%;left:7%;transform:rotate(-8deg);animation:onboard-card-bob 8s ease-in-out infinite}.float-a>span{font-size:22px;color:#6468db;background:#eeefff;border-radius:9px;width:33px;height:33px;display:grid;place-items:center}.float-a small{display:block;font-size:6px;letter-spacing:1px;color:#999fbd;margin-bottom:5px}.float-a b{font-size:10px;color:#626886}.float-b{top:51%;right:6%;background:#e5ffa2;color:#5a6b3e;font-size:10px;transform:rotate(7deg);animation:onboard-card-bob 6s ease-in-out infinite reverse}.float-b>span{font-size:18px}.onboard-star{position:absolute;color:#dfff7e}.star-a{font-size:43px;right:12%;top:17%;animation:star-turn 20s linear infinite}.star-b{font-size:26px;left:12%;top:52%;color:#97a0ec;animation:star-turn 20s linear infinite reverse}.art-bottom{position:absolute;left:36px;bottom:45px}.art-bottom p{font-size:31px;color:#fff;letter-spacing:-1.5px;font-weight:600;line-height:1.6;margin:0 0 16px}.art-bottom>span{color:#a1abd9;font-size:10px}.onboard-content{padding:29px 0 34px;max-width:500px;width:100%;align-self:center}.onboard-progress{list-style:none;display:flex;gap:21px;margin:0 0 48px;padding:0;font-size:10px;color:#b1b3c6;align-items:center}.onboard-progress li{display:flex;gap:7px;align-items:center;white-space:nowrap}.onboard-progress li>span{font-size:8px;border-radius:50%;background:#eeeeF6;width:22px;height:22px;display:grid;place-items:center}.onboard-progress li.current{color:#5c60d9;font-weight:700}.onboard-progress li.current>span{background:#e5e5fd;color:#676bde}.onboard-progress li.complete{color:#8b93bc}.onboard-progress li.complete>span{background:#eaf1d7;color:#859949}.onboard-panel{animation:copy-arrive .55s var(--ease-out) backwards}.onboard-eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:#6f71c9;display:flex;align-items:center;gap:9px;margin-bottom:15px}.onboard-panel h1{font-size:37px;line-height:1.55;letter-spacing:-2px;font-weight:700;margin:0 0 18px;outline:none}.onboard-panel h1 em{font-style:normal;color:#585ed8}.onboard-lead{font-size:13px;color:#8a8da6;line-height:2;margin:0 0 25px}.onboard-features{display:flex;gap:12px;font-size:10px;color:#9498ad;margin:26px 0 38px;flex-wrap:wrap}.signup-card{position:relative;padding:18px 0 0}.first-time{position:absolute;top:-7px;right:13px;background:#e4ffa0;color:#698236;padding:5px 11px;border-radius:6px;font-size:9px;font-weight:700;transform:rotate(4deg);z-index:1;animation:signup-tag 4s ease-in-out infinite}.first-time i{font-style:normal;margin-left:8px}.onboard-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:17px 14px;border-radius:12px;background:#555be2;color:#fff;text-decoration:none;font-size:13px;font-weight:600;border:1px solid #555be2;box-shadow:0 8px 20px #5359da21;transition:transform .2s,background .2s;cursor:pointer;letter-spacing:-.5px}.onboard-primary:hover{background:#454cc8;transform:translateY(-2px)}.onboard-primary:active{transform:scale(.98)}.signup-card>.onboard-primary{animation:signup-glow 4s ease-in-out infinite}.signup-card p{font-size:9px;text-align:center;color:#a0a3b9;margin:12px 0 20px}.onboard-login{display:block;width:100%;padding:13px;text-align:center;font-size:11px;color:#8185a6;text-decoration:none;border:0;background:none}.onboard-login>span{margin-left:14px}.onboard-status{font-size:10px;color:#9295ae;line-height:1.9;text-align:center;margin:13px 0 0;min-height:20px}.onboard-fine{font-size:9px;text-align:center;color:#b0b2c3;margin:24px 0 0;line-height:1.8}.onboard-footer{max-width:1260px;margin:20px auto 0;display:flex;justify-content:space-between;padding:22px 28px 26px;font-size:9px;color:#a9acc1;border:0}.onboard-footer>span:last-child{font-size:7px;letter-spacing:1.5px}.onboard-loading{display:flex;justify-content:center;gap:4px;margin-top:10px}.onboard-loading i{width:4px;height:4px;background:#aaaee4;border-radius:50%;animation:load-dot 1.2s ease-in-out infinite}.onboard-loading i:nth-child(2){animation-delay:.15s}.onboard-loading i:nth-child(3){animation-delay:.3s}.onboard-back{padding:0 0 20px;font-size:10px;color:#9da0b7}.onboard-panel label{font-size:11px;color:#7c809d;margin:25px 0 19px}.onboard-panel input{font-size:14px;padding:16px;background:#fff;border-color:#dfe0ee;border-radius:10px}.nickname-preview{background:#efeffc;padding:19px;border:1px solid #e5e5f7;display:flex;gap:13px;align-items:center;border-radius:12px;margin:20px 0 26px}.nickname-preview>span{font-size:28px;color:#8e90da;animation:star-turn 20s linear infinite}.nickname-preview small{display:block;font-size:9px;color:#aaaac6;margin-bottom:7px}.nickname-preview b{font-size:11px;color:#8b8db3}.onboard-error{font-size:11px;color:#ba7272;line-height:1.8}.install-panel h1{font-size:31px;margin-bottom:10px}.install-lead{font-size:11px;color:#999cb1;line-height:1.8}.device-picker{display:flex;gap:8px;padding:5px;background:#ededf7;border:1px solid #e5e5f0;border-radius:12px;margin:20px 0}.device-picker button{flex:1;padding:11px;border-radius:8px;font-size:12px;font-weight:700;color:#9a9cb4;transition:.2s}.device-picker small{font-size:8px;font-weight:500;margin-left:7px}.device-picker button.selected{color:#5a60c9;background:#fff;box-shadow:0 2px 6px #35397408}.install-guide{display:grid;grid-template-columns:47% 53%;background:#fff;border:1px solid #e4e5f2;border-radius:17px;overflow:hidden}.guide-visual{padding:22px 14px 10px;background:#ededf9;overflow:hidden;position:relative}.guide-phone{position:relative;border:4px solid #4a4f7d;border-radius:25px;width:150px;height:269px;margin:0 auto;box-shadow:7px 10px 0 #d5d6ee;background:#f9f9ff;overflow:hidden;isolation:isolate}.phone-island{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:40px;height:9px;background:#4a4f7d;border-radius:10px;z-index:5}.phone-top{display:flex;justify-content:space-between;padding:8px 11px 7px;font-size:5px;color:#6d7194}.phone-address{margin:7px 7px 0;padding:8px;border-radius:6px;background:#eaeafa;display:flex;gap:7px;align-items:center;font-size:5px;color:#999cbd}.phone-menu{font-size:13px;line-height:1;margin-left:auto}.phone-app{padding:20px 9px 10px;text-align:center}.phone-app>img{border-radius:12px;animation:phone-icon-bob 3s ease-in-out infinite}.phone-app>b{display:block;font-size:10px;margin:6px 0 4px}.phone-app>small{font-size:4px;color:#a0a2bc;display:block;margin-bottom:15px}.phone-card{background:#fff;box-shadow:0 2px 7px #282a5906;border-radius:5px;padding:7px 5px;margin:7px 0;display:flex;gap:5px;align-items:center;text-align:left}.phone-card>i{width:12px;height:12px;border-radius:4px;background:#e7e7fc}.phone-card span{font-size:5px;display:block;color:#868bae}.phone-card small{font-size:4px;color:#b2b5cc}.phone-card em{font-size:5px;display:block;margin-left:auto;background:#e9f4d5;padding:3px;color:#96a963;font-style:normal}.phone-toolbar{position:absolute;bottom:14px;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:#eeeef9;padding:8px 4px;font-size:10px;color:#9498b5}.phone-share{color:#6e75d0;font-size:16px;line-height:1}.phone-home-bar{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);background:#4b507c;width:42px;height:3px;border-radius:3px}.phone-menu-sheet{position:absolute;bottom:40px;left:4px;right:4px;border:1px solid #d8d9ef;border-radius:10px;padding:11px 7px;background:#ffffffed;box-shadow:0 -10px 30px #3c438d20;opacity:0;transform:translateY(80px);transition:.5s var(--ease-out)}.phone-menu-sheet>span{font-size:5px;color:#a0a3be;display:block;margin-bottom:12px}.phone-menu-sheet>div{background:#ececfc;border:1px solid #cfcff0;padding:9px 5px;border-radius:7px;display:flex;align-items:center;gap:4px}.phone-menu-sheet b{font-size:10px;color:#6f76cc}.phone-menu-sheet strong{font-size:5px;font-weight:600;color:#7b81bc}.phone-menu-sheet i{font-size:9px;font-style:normal;margin-left:auto;color:#7b81bc}.guide-phone[data-step="1"] .phone-menu-sheet{opacity:1;transform:translateY(0)}.guide-pointer{position:absolute;right:12px;top:42px;width:20px;height:20px;border-radius:50%;border:2px solid #b8bcff;background:#8288ee33;box-shadow:0 0 0 5px #b8bcff25;animation:pointer-tap 2s ease-in-out infinite;z-index:6;transition:top .5s,left .5s}.guide-phone[data-device="iphone"][data-step="0"] .guide-pointer{top:223px;left:61px}.guide-phone[data-step="1"] .guide-pointer{top:188px;left:58px}.phone-home{position:absolute;inset:25px 0 15px;background:linear-gradient(150deg,#e6eaff,#ced9ed 70%,#dfefc5);opacity:0;transform:translateY(15px);transition:.5s var(--ease-out);padding:20px 16px}.guide-phone[data-step="2"] .phone-home{opacity:1;transform:translateY(0)}.guide-phone[data-step="2"] .phone-toolbar,.guide-phone[data-step="2"] .phone-address{opacity:0}.guide-phone[data-step="2"] .guide-pointer{top:139px;left:62px}.home-dots{display:flex;flex-wrap:wrap;gap:12px;opacity:.5}.home-dots i{width:24px;height:24px;border-radius:7px;background:#ffffffa0}.home-app{margin:15px auto 0;text-align:center;width:85px;animation:home-app-pop 3s ease-in-out infinite}.home-app img{display:block;margin:auto;border-radius:16px;box-shadow:0 4px 9px #323a7420}.home-app span{font-size:7px;color:#5a6484;display:block;margin-top:7px}.home-success{margin:15px 0 0;font-size:5px;padding:6px;text-align:center;background:#ffffff9c;border-radius:5px;color:#7b9764}.guide-visual-label{display:flex;gap:5px;justify-content:center;align-items:center;margin-top:14px;font-size:6px;color:#858ab1;white-space:nowrap;flex-wrap:wrap}.guide-visual-label .live-dot{width:3px;height:3px;background:#8c92cf;box-shadow:none}.guide-visual-label small{font-size:5px;color:#b0b4cd}.guide-copy{padding:27px 17px 17px;display:flex;flex-direction:column;min-width:0}.guide-copy>span{font-size:7px;font-weight:700;color:#9298c9;letter-spacing:1.6px}.guide-copy h2{font-size:16px;line-height:1.7;letter-spacing:-.7px;margin:13px 0 11px;word-break:keep-all}.guide-copy>p{font-size:10px;line-height:2;color:#9599b2;word-break:keep-all;margin:0 0 14px}.guide-stepper{display:flex;gap:5px;align-items:center;margin-top:auto;padding:10px 0 15px}.guide-stepper button{width:20px;height:20px;background:#f2f2fa;border-radius:50%;font-size:8px;color:#b0b3ca}.guide-stepper button.active{background:#696fdc;color:#fff}.guide-stepper i{height:1px;width:13px;background:#e5e6f2}.guide-controls{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #ededf6;padding-top:12px}.guide-controls button{font-size:9px;padding:7px 0;white-space:nowrap;color:#858ab0}.guide-controls button:last-child{color:#6069cc;font-weight:700}.guide-controls button:disabled{opacity:.35;cursor:default}.device-notice{font-size:10px;color:#9499b4;line-height:1.9;margin:16px 0 11px}.install-links{display:flex;justify-content:space-between;gap:10px;margin:9px 0}.install-links button{padding:7px 0;font-size:9px;color:#9399b3}.install-help{border-top:1px solid #e3e5ef;margin-top:12px;padding-top:13px;font-size:10px;color:#999eb8}.install-help summary{cursor:pointer;color:#9198b2}.install-help p{font-size:10px;line-height:2.2;padding:5px 0 0}.ready-badge{position:relative;width:90px;height:90px;margin:5px 0 35px}.ready-badge>span{display:grid;place-items:center;background:#e5ffa2;color:#778e3f;width:90px;height:90px;border-radius:28px;font-size:39px;transform:rotate(-9deg);animation:home-app-pop 4s ease-in-out infinite}.ready-badge i{position:absolute;color:#8589db;font-style:normal;font-size:24px;right:-30px;top:0;animation:star-turn 15s linear infinite}.ready-badge i:last-child{font-size:19px;left:-13px;right:auto;top:70px}.permission-card{padding:19px;background:#eeeefb;border:1px solid #e2e4f6;border-radius:12px;display:flex;gap:14px;margin:27px 0}.permission-card>span{font-size:26px;color:#9197d0}.permission-card b{font-size:11px;color:#8087b4}.permission-card p{font-size:10px;line-height:1.9;color:#a1a6c1;margin-bottom:12px}.permission-card button{font-size:9px;padding:8px 10px;border:1px solid #d7daf2;border-radius:6px;color:#838bc2;background:#fff7}.permission-card #onboardPermissionStatus{margin:10px 0 0;color:#838bc2}.onboard-shell button:focus-visible,.onboard-shell a:focus-visible{outline:3px solid #b5b8fc;outline-offset:4px}.onboard-shell button:disabled{opacity:.5;cursor:wait}
@keyframes onboard-bob{0%,100%{transform:translateX(-50%) translateY(0) rotate(-11deg)}50%{transform:translateX(-50%) translateY(-12px) rotate(-5deg)}}@keyframes onboard-card-bob{50%{translate:0 -9px}}@keyframes signup-tag{50%{transform:rotate(-3deg) translateY(-3px)}}@keyframes signup-glow{50%{box-shadow:0 0 0 5px #6569e70b,0 9px 25px #5359da30}}@keyframes load-dot{50%{opacity:.3;transform:translateY(-3px)}}@keyframes pointer-tap{50%{transform:scale(.8);box-shadow:0 0 0 9px #b8bcff0a}}@keyframes phone-icon-bob{50%{transform:translateY(-3px) rotate(-5deg)}}@keyframes home-app-pop{50%{transform:translateY(-3px) rotate(2deg)}}
@media(min-width:1500px){.onboard-layout{min-height:760px}.onboard-art{min-height:720px}}
@media(max-width:1050px){.onboard-layout{gap:6%;padding:0 35px}.onboard-panel h1{font-size:32px}.onboard-art{min-height:650px}.onboard-art-label{font-size:6px;left:26px}.art-bottom{left:26px}.art-bottom p{font-size:28px}.onboard-float{padding:12px}.float-a{left:4%}.float-a b{font-size:9px}.float-b{right:3%;font-size:9px}.onboard-app-icon{width:125px;height:125px}.guide-copy{padding-inline:13px}.guide-copy h2{font-size:14px}.guide-phone{transform:scale(.9);transform-origin:top center;margin-bottom:-27px}.guide-visual{padding-inline:7px}.onboard-progress{gap:13px;font-size:9px}.onboard-features{gap:9px;font-size:9px}}
@media(max-width:760px){.onboard-header{height:72px;padding:0 24px}.onboard-layout{grid-template-columns:1fr;padding:0 24px;gap:0;max-width:550px;margin:0 auto;min-height:0}.onboard-art{display:none}.onboard-content{padding:24px 0 0;max-width:none}.onboard-progress{margin:0 0 37px;gap:24px}.onboard-progress li{font-size:10px}.onboard-panel h1{font-size:35px;line-height:1.55}.onboard-eyebrow{font-size:7px;margin-bottom:17px}.onboard-lead{font-size:12px;margin-bottom:23px}.onboard-features{font-size:9px;gap:12px;margin-bottom:32px}.onboard-primary{font-size:12px;padding:17px 12px}.onboard-logo{font-size:19px}.signup-card{margin-top:90px}.signup-card:before{content:'';position:absolute;width:57px;height:57px;background:url('/icon.svg') center/contain;left:8px;top:-74px;border-radius:17px;box-shadow:8px 9px 0 #e8e8f7;transform:rotate(-10deg);animation:phone-icon-bob 4s ease-in-out infinite}.signup-card:after{content:'✦';position:absolute;color:#b2b4ed;font-size:25px;top:-75px;left:88px;animation:star-turn 20s linear infinite}.onboard-footer{padding:35px 24px 27px;margin:15px auto 0;max-width:550px}.onboard-footer span:last-child{display:none}.onboard-shell[data-phase=install] .onboard-progress{margin-bottom:25px}.install-panel h1{font-size:30px}.guide-visual{padding:22px 10px 12px}.guide-phone{transform:none;margin-bottom:0}.guide-copy{padding:25px 17px 15px}.guide-copy h2{font-size:16px}.guide-copy>p{font-size:10px}.onboard-header>button{font-size:9px}.onboard-status{font-size:10px}.onboard-panel .onboard-back{padding-bottom:22px}.install-guide{grid-template-columns:47% 53%}.ready-badge{margin-top:20px}.onboard-shell[data-phase=ready] .onboard-lead{line-height:2}.onboard-shell[data-phase=welcome]{min-height:100dvh}.onboard-panel{padding-bottom:7px}}
@media(max-width:380px){.onboard-layout{padding-inline:20px}.onboard-header{padding-inline:20px}.onboard-progress{gap:18px}.onboard-panel h1{font-size:31px}.onboard-features{font-size:8px;gap:9px}.guide-phone{transform:scale(.85);transform-origin:top center;margin-bottom:-40px}.guide-visual{padding-inline:0}.guide-copy{padding:22px 12px 13px}.guide-copy h2{font-size:14px}.guide-copy>p{font-size:9px}.guide-visual-label{font-size:5px;gap:3px}.guide-controls button{font-size:8px}.signup-card{margin-top:83px}.onboard-footer{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.onboard-shell *,.onboard-shell *:before,.onboard-shell *:after{animation:none!important;transition:none!important}}
.guide-phone[data-device=iphone] .phone-menu{visibility:hidden}
/* Real rendered GIF clips: the animation is a media asset, with a still for pause/reduced motion. */
.onboard-art.gif-art{min-height:0;align-self:center;background:#292e79;aspect-ratio:4/5;display:block}.gif-art picture,.gif-art img{display:block;width:100%;height:auto}.gif-art img{object-fit:cover}.install-guide{display:block;background:#fff}.gif-stage{background:#efeffa}.gif-stage picture{display:block;max-width:480px;margin:auto}.gif-stage img{display:block;width:100%;height:auto;aspect-ratio:4/5}.gif-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:11px;border-top:1px solid #e3e4f3;padding:12px 15px;background:#f6f6fc;font-size:9px;color:#929aba}.gif-controls>span{margin-right:auto;font-size:8px}.gif-controls button,.gif-controls a{font-size:9px;padding:6px 0;text-decoration:none;color:#727cbd}.gif-controls button:disabled{opacity:.4}.install-guide .guide-copy{padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:5px 15px}.gif-summary-label{grid-column:1/-1;font-size:8px;color:#b1b5cc;letter-spacing:.5px;margin-bottom:7px}.guide-copy>span,.guide-copy h2,.guide-copy>p{grid-column:1/-1}.guide-copy h2{margin:6px 0;font-size:16px}.guide-copy>p{font-size:11px;margin:0}.guide-stepper{padding:8px 0;margin:0}.guide-controls{border:0;padding:0;align-self:center;gap:20px}.guide-controls button{font-size:10px}.onboard-shell[data-phase=install] .onboard-layout{align-items:start}.onboard-shell[data-phase=install] .onboard-content{align-self:start}.onboard-shell[data-phase=install] .gif-art{position:sticky;top:30px;align-self:start;margin-top:30px}.onboard-shell[data-phase=install] .onboard-progress{margin-bottom:25px}
@media(max-width:760px){.onboard-art.gif-art{display:none}.gif-stage picture{max-width:440px}.gif-controls{gap:10px;padding:9px 12px}.gif-controls>span{flex-basis:100%;font-size:8px}.gif-controls button,.gif-controls a{font-size:10px;padding:5px}.install-guide .guide-copy{padding:18px 18px}.guide-copy h2{font-size:16px}.guide-copy>p{font-size:11px}.guide-controls{gap:15px}.onboard-shell[data-phase=install] .onboard-layout{align-items:initial}}
.welcome-mobile-video{display:none}@media(max-width:760px){.welcome-mobile-video{display:block;height:205px;overflow:hidden;border-radius:17px;background:#292e79;margin:25px 0 16px}.welcome-mobile-video img{display:block;width:100%;height:auto;margin-top:-70px}.welcome-mobile-video picture{display:block}.signup-card{margin-top:24px}.signup-card:before,.signup-card:after{display:none}}
.registration-class{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.registration-class label{margin:5px 0}.registration-class select,.registration-class input{min-width:0;padding:13px 10px}.student-id-preview{padding:16px 18px;border-radius:12px;border:1px solid #dfe1f4;background:#eeeefc;margin:18px 0}.student-id-preview>span{display:block;font-size:10px;color:#959cc1}.student-id-preview b{display:block;font-size:20px;letter-spacing:1px;margin:5px 0;color:#686fca}.student-id-preview small{font-size:9px;color:#a1a7c3}.onboard-shell[data-phase=profile] .onboard-content{align-self:start}.onboard-shell[data-phase=profile] .gif-art{position:sticky;top:30px;align-self:start;margin-top:30px}
.admin-stats{display:flex;gap:15px;margin:25px 0}.admin-stats>div{flex:1;padding:20px;background:white;border:1px solid #e5e5f0;border-radius:12px;color:#8e94b3;font-size:11px}.admin-stats b{display:block;font-size:25px;margin-top:8px;color:#5c65c5}.admin-search{display:flex;gap:10px;margin:20px 0}.admin-table-wrap{overflow:auto;background:white;border:1px solid #e2e4f1;border-radius:12px}.admin-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.admin-table th,.admin-table td{padding:14px;text-align:left;border-bottom:1px solid #e9ebf5}.admin-table th{background:#f4f4fc;color:#969dbc;font-size:10px}.admin-table td small{display:block;color:#a1a7c0;margin-top:4px}.admin-table button{font-size:10px;padding:7px 9px;background:#efeffb;border-radius:5px;color:#8a91c2;margin:3px}.admin-classes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.admin-class-card{padding:18px;border:1px solid #e2e4f1;background:white;border-radius:10px;text-align:left}.admin-class-card b{display:block;font-size:14px;color:#6973b6}.admin-class-card small{display:block;margin-top:9px;font-size:10px;color:#a0a7c2}#accountDialog .secondary{margin:18px 0 5px}#accountDialog .text-btn{display:block}#passwordDialog input{margin-bottom:6px}@media(max-width:650px){.admin-classes{grid-template-columns:1fr 1fr}.admin-stats{gap:8px}.admin-stats>div{padding:14px;font-size:9px}.admin-table th,.admin-table td{padding:11px}.student-id-preview b{font-size:17px}.registration-class{gap:8px}}
.admin-search .primary{white-space:nowrap;flex-shrink:0}

#localLoginForm .remember-login{display:flex;flex-direction:row;align-items:center;gap:10px;margin:12px 0 6px;cursor:pointer;color:#343952;font-size:13px;font-weight:600;min-height:44px}#localLoginForm .remember-login input{appearance:auto;width:20px;height:20px;min-height:20px;padding:0;margin:0;flex:0 0 20px;accent-color:#3558ed;border-radius:5px}#localLoginForm .remember-login span{display:block;line-height:1.5}#localLoginForm .remember-login small{display:block;color:#7c829d;font-size:11px;font-weight:400}#localLoginForm .remember-login input:focus-visible{outline:3px solid #899af9;outline-offset:3px}