@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Hanken+Grotesk:wght@400..800&display=swap";:root{--c-primary:#0054A5;--c-primary-700:#073A6B;--c-navy:#08183A;--c-navy-2:#0E2A5C;--c-green:#54BE5A;--c-green-700:#157F3F;--c-coral:#FF6B5B;--c-coral-700:#C53A1E;--c-coral-btn:#D13F22;--ink:#0B2440;--muted:#5B6B86;--line:#DDE7F4;--cloud:#EEF4FC;--paper:#FFFFFF;--grad-brand:linear-gradient(120deg,#54BE5A 0%,#2E9E55 32%,#0054A5 100%);--grad-spectrum:linear-gradient(90deg,var(--c-coral),var(--c-primary) 50%,var(--c-green));--font-display:"Bricolage Grotesque";--font-body:"Hanken Grotesk";--radius:22px;--radius-sm:14px;--pill:999px;--maxw:1200px;--s:1;--sec:calc(104px * var(--s));--gap:calc(24px * var(--s));--shadow:0 18px 50px -18px rgba(16,30,80,.3);--shadow-sm:0 8px 26px -14px rgba(16,30,80,.28)}body.den-cozy{--s:.78}body.den-airy{--s:1.22}body.shape-sharp{--radius:6px;--radius-sm:5px}body.shape-round{--radius:26px;--radius-sm:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body),system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display),system-ui,sans-serif;line-height:1.02;letter-spacing:-.02em;margin:0;font-weight:800;color:var(--ink)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}.spectrum{background:var(--grad-spectrum)}.kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12.5px;color:var(--c-primary)}.kicker:before{content:"";width:24px;height:3px;border-radius:3px;background:currentColor}.kicker.k-coral{color:var(--c-coral-700)}.kicker.k-green{color:var(--c-green-700)}.kicker.on-dark{color:#fff}.kc{justify-content:center}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:16px;padding:15px 26px;border-radius:var(--pill);cursor:pointer;border:2px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s;white-space:nowrap;line-height:1}.btn:hover{transform:translateY(-2px)}.btn svg{width:18px;height:18px}.btn-coral{background:var(--c-coral-btn);color:#fff;box-shadow:0 12px 26px -10px var(--c-coral-btn)}.btn-coral:hover{background:var(--c-coral-700)}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:0 12px 26px -10px var(--c-primary)}.btn-primary:hover{background:var(--c-primary-700)}.btn-dark{background:var(--c-navy);color:#fff}.btn-ghost{background:transparent;color:var(--ink);border-color:#0e17332e}.btn-ghost:hover{border-color:var(--ink)}.btn-ghost.on-dark{color:#fff;border-color:#fff6}.btn-ghost.on-dark:hover{border-color:#fff;background:#ffffff14}.btn-sm{font-size:14px;padding:11px 18px}body.shape-outline .btn-coral{background:transparent;color:var(--c-coral);border-color:var(--c-coral);box-shadow:none}body.shape-outline .btn-coral:hover{background:var(--c-coral);color:#fff}body.shape-outline .btn-primary{background:transparent;color:var(--c-primary);border-color:var(--c-primary);box-shadow:none}body.shape-outline .btn-primary:hover{background:var(--c-primary);color:#fff}.section{padding:var(--sec) 0}.section.cloud{background:var(--cloud)}.section.navy{background:var(--c-navy);color:#fff}.section.navy h1,.section.navy h2,.section.navy h3{color:#fff}.sec-head{max-width:680px;margin:0 0 calc(52px*var(--s))}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-head h2{font-size:clamp(32px,4.4vw,52px);margin:14px 0}.sec-head p{font-size:18px;color:var(--muted);margin:0;text-wrap:pretty}.section.navy .sec-head p{color:#ffffffbd}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}body.shape-outline .card{box-shadow:none}body.shape-outline .card:hover{box-shadow:0 0 0 2px var(--c-primary) inset}.nav{position:sticky;top:0;z-index:60;background:#ffffffc7;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line);transition:background .3s,box-shadow .3s}.nav.scrolled{box-shadow:0 10px 30px -18px #0b244059}.nav-in{display:flex;align-items:center;justify-content:space-between;height:78px}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand img{height:46px;width:auto;display:block;flex:none}.brand .bt{font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1;color:var(--ink)}.brand .bt small{display:block;font-family:var(--font-body);font-weight:700;font-size:10px;letter-spacing:.2em;color:var(--muted);margin-top:3px}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{font-weight:600;font-size:15px;color:#36436b;transition:color .15s;white-space:nowrap;position:relative}.nav-links a.btn,.nav-links a.btn:hover{color:#fff}.nav-links a.btn:after{display:none}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--c-primary);border-radius:2px;transition:right .25s ease}.nav-links a:hover{color:var(--c-primary)}.nav-links a:hover:after{right:0}.nav-links a.active{color:var(--c-primary)}.nav-links a.active:after{right:0;background:var(--c-coral)}.nav-right{display:flex;align-items:center;gap:13px}.lang{display:inline-flex;background:var(--cloud);border:1px solid var(--line);border-radius:var(--pill);padding:3px}.lang button{border:none;background:transparent;font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--muted);padding:6px 12px;border-radius:var(--pill);cursor:pointer;transition:.15s}.lang button.on{background:var(--c-primary);color:#fff}.nav-toggle{display:none;border:none;background:transparent;cursor:pointer;flex-direction:column;gap:5px;padding:8px}.nav-toggle span{width:24px;height:2.5px;background:var(--ink);border-radius:3px;transition:.25s}.nav-dd{position:relative}.nav-dd>button{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:600;font-size:15px;color:#36436b;background:none;border:none;cursor:pointer;padding:0;white-space:nowrap;transition:color .15s}.nav-dd>button:hover{color:var(--c-primary)}.nav-dd>button .cv{width:15px;height:15px;transition:transform .2s ease}.nav-dd.open>button .cv{transform:rotate(180deg)}.nav-dd-menu{position:absolute;top:calc(100% + 14px);left:0;min-width:212px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -16px #0b24404d;padding:10px 0;z-index:70;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.nav-dd.open>.nav-dd-menu{opacity:1;visibility:visible;transform:none}.nav-dd-menu a{display:block;padding:10px 22px;font-size:14.5px;color:#36436b;font-weight:500;white-space:nowrap;transition:.15s}.nav-dd-menu a:hover{color:var(--c-primary);background:#0054a50f;padding-left:27px}@media (min-width:721px){.nav-dd:hover>.nav-dd-menu{opacity:1;visibility:visible;transform:none}.nav-dd:hover>button .cv{transform:rotate(180deg)}}@media (max-width:720px){.nav-dd>button{font-size:15px;color:#36436b}.nav-dd-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-left:2px solid var(--line);border-radius:0;padding:4px 0 4px 6px;margin-top:8px;min-width:0}.nav-dd.open>.nav-dd-menu{display:block}.nav-dd-menu a{padding:8px 14px}}.orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.5;pointer-events:none;z-index:1}.orb.o1{width:340px;height:340px;left:-90px;top:-120px;background:radial-gradient(circle at 35% 35%,#2F8BFF,transparent 70%)}.orb.o2{width:300px;height:300px;right:-80px;bottom:-130px;background:radial-gradient(circle at 50% 50%,#54BE5A,transparent 70%);opacity:.4}.orb.o3{width:180px;height:180px;right:24%;top:18%;background:radial-gradient(circle at 50% 50%,#FF6B5B,transparent 70%);opacity:.32}@media (prefers-reduced-motion:no-preference){.orb{animation:floaty 14s ease-in-out infinite}.orb.o2{animation-duration:18s;animation-direction:reverse}.orb.o3{animation-duration:11s}}@keyframes floaty{0%,to{transform:translate(0)}50%{transform:translate(26px,-22px)}}.reveal{opacity:1}@media (prefers-reduced-motion:no-preference){html.js .reveal:not(.in){transform:translateY(22px)}html.js .reveal{transition:transform .7s cubic-bezier(.2,.75,.2,1)}}.tilt{transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s;will-change:transform}.tilt:hover{box-shadow:0 30px 60px -28px #101e5066}.tilt .lift{transform:translateZ(40px)}.tilt .lift-sm{transform:translateZ(22px)}.gtile{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;color:#fff;flex:none;box-shadow:0 14px 26px -12px #0054a58c;position:relative}.gtile.green{background:var(--grad-brand)}.gtile.blue{background:linear-gradient(160deg,#2f8bff,#0054a5)}.gtile.coral{background:linear-gradient(160deg,#ff8a6b,#ee4a33)}.gtile svg{width:30px;height:30px}.footer{background:var(--c-navy);color:#fff;padding:74px 0 30px;position:relative;overflow:hidden}.footer .orb{opacity:.18}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;position:relative;z-index:2}.footer .fbrand img{height:52px;width:auto;margin-bottom:18px}.footer p.about{color:#fff9;font-size:15px;margin:0 0 22px;max-width:30em;line-height:1.6}.socials{display:flex;gap:10px}.socials a{width:40px;height:40px;border-radius:12px;background:#ffffff14;display:grid;place-items:center;transition:.2s;color:#fff}.socials a:hover{background:var(--c-primary);transform:translateY(-3px)}.socials svg{width:19px;height:19px}.fcol h5{font-family:var(--font-display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin:0 0 18px}.fcol a{display:block;color:#ffffffc7;font-size:15px;padding:7px 0;transition:.15s}.fcol a:hover{color:#fff;padding-left:5px}.fcontact div{display:flex;gap:11px;color:#ffffffc7;font-size:15px;margin-bottom:14px}.fcontact svg{width:18px;height:18px;color:var(--c-green);flex:none;margin-top:2px}.foot-bottom{margin-top:54px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;color:#ffffff80;font-size:14px}.foot-bottom a{color:#ffffff80}.foot-bottom a:hover{color:#fff}@media (max-width:980px){.foot-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:720px){.wrap{padding:0 20px}.nav-links{display:none}.nav-toggle{display:flex}.nav-links.show{display:flex;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:#fff;padding:18px 24px;gap:14px;border-bottom:1px solid var(--line);align-items:flex-start;box-shadow:0 20px 40px -20px #0b24404d}.foot-grid{grid-template-columns:1fr}}body{margin:0;background:#f4f6fa;color:var(--ink);font-family:var(--font-body),system-ui,sans-serif}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.aside{background:#0b1f3f;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.aside-top{display:flex;align-items:center;gap:11px;padding:18px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.aside-top img{height:34px;width:auto}.aside-top .nm{font-family:var(--font-display);font-weight:800;font-size:15px;line-height:1.05;color:#fff}.aside-top .nm small{display:block;font-family:var(--font-body);font-weight:600;font-size:11px;color:#ffffff8c;margin-top:2px;letter-spacing:.02em}.aside-scroll{flex:1;overflow-y:auto;padding:6px 12px 12px}.aside-scroll::-webkit-scrollbar{width:7px}.aside-scroll::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}.aside .grp{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#fff6;font-weight:800;padding:16px 12px 7px}.ai{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:#ffffffb8;font-weight:600;font-size:14px;cursor:pointer;transition:.14s;position:relative;text-decoration:none}.ai svg{width:18px;height:18px;flex:none;color:#ffffff80}.ai:hover{background:#ffffff14;color:#fff}.ai:hover svg{color:#fff}.ai.on{background:linear-gradient(100deg,#0054a5,#2f6fd0);color:#fff;font-weight:700;box-shadow:0 8px 20px -10px #2f6fd0cc}.ai.on svg{color:#fff}.ai.on:after{content:"›";position:absolute;right:12px;font-size:17px;font-weight:700}.aside-help{margin:10px 12px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px}.aside-help b{font-size:13px;display:block;margin-bottom:8px;color:#fff}.aside-help div{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#ffffffb3;font-weight:600;margin-top:6px}.aside-help svg{width:14px;height:14px;color:var(--c-coral)}.main{min-width:0;display:flex;flex-direction:column}.atop{position:sticky;top:0;z-index:20;background:#f4f6fadb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:16px;padding:14px 30px}.atop .sp{flex:1}.atop .pill-badge{position:relative;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:#4a5670;cursor:pointer}.atop .pill-badge .n{position:absolute;top:-5px;right:-5px;background:var(--c-coral-btn);color:#fff;font-size:10px;font-weight:800;border-radius:9px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px}.atop .notif-wrap{position:relative;display:grid;place-items:center}.atop .notif-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.atop .notif-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:31;width:280px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #10182824;overflow:hidden}.atop .notif-pop-h{padding:12px 16px;font-weight:800;font-size:13.5px;color:var(--ink);border-bottom:1px solid var(--line)}.atop .notif-empty{padding:22px 16px;font-size:13px;color:#64708a;text-align:center}.atop .who{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:5px 12px}.atop .who .nmw{display:flex;flex-direction:column;line-height:1.1}.atop .who .nmw b{font-size:13px;font-weight:800;color:var(--ink)}.atop .who .nmw small{font-size:11px;color:var(--muted);font-weight:600}.atop .who .av{width:30px;height:30px;border-radius:8px;background:var(--c-navy);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:12px}.menu-btn{display:none;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:#fff;cursor:pointer;place-items:center;color:#4a5670}.menu-btn svg{width:20px;height:20px}.atop .lang{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.atop .lang button{border:none;background:none;font-family:var(--font-display);font-weight:800;font-size:12px;padding:8px 11px;color:var(--muted);cursor:pointer;transition:.14s}.atop .lang button.on{background:var(--c-primary);color:#fff}.atop .stu-switch{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 10px 4px 12px}.atop .stu-switch-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.atop .stu-switch-label svg{width:16px;height:16px;color:var(--c-primary)}.atop .stu-switch-select{border:none;background:none;font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--ink);cursor:pointer;max-width:160px}.atop .stu-switch-select:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:4px}.acontent{padding:8px 30px 44px;display:flex;flex-direction:column;gap:22px}.ahead{background:#fff;color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--c-primary);border-radius:16px;padding:22px 26px;display:flex;align-items:center;gap:18px;box-shadow:0 1px 2px #101e500a}.ahead .hic{width:46px;height:46px;border-radius:12px;background:#eef2f8;border:1px solid var(--line);display:grid;place-items:center;flex:none}.ahead .hic svg{width:24px;height:24px;color:var(--c-primary)}.ahead h2{color:var(--ink);font-size:clamp(22px,2.6vw,28px);margin:0;line-height:1.05;letter-spacing:-.01em}.ahead p{color:var(--muted);margin:5px 0 0;font-size:14.5px}.btn-app{display:inline-flex;align-items:center;gap:8px;background:var(--c-primary);color:#fff;border:none;border-radius:11px;padding:11px 18px;font-family:var(--font-display);font-weight:700;font-size:13.5px;cursor:pointer;transition:.15s}.btn-app:hover{background:var(--c-primary-700)}.btn-app svg{width:16px;height:16px}.btn-app.ghost{background:#fff;color:#4a5670;border:1px solid var(--line)}.btn-app.ghost:hover{border-color:var(--c-primary);color:var(--c-primary)}.card2{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s}.card2.hov:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px #101e5066}.card2 h3{font-size:17px;margin:0 0 16px}.grid2{display:grid;gap:20px}.kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.kc:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px #101e5066}.kc:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ac, #0054a5)}.kc .kl{font-size:12px;font-weight:700;color:#64708a;margin:0 0 7px}.kc .kv{font-family:var(--font-display);font-weight:800;font-size:27px;line-height:1;color:var(--ink)}.kc .ks{font-size:12px;color:#64708a;font-weight:600;margin-top:6px}.kc .ki{position:absolute;right:13px;top:13px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--ac, #0054a5)}.kc .ki svg{width:17px;height:17px}.cols{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.panel-h{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.panel-h h3{font-size:16px;margin:0}.panel-h .link{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--c-primary);background:none;border:none;cursor:pointer;font-family:var(--font-body)}.next{background:linear-gradient(115deg,#073a6b,#0054a5);color:#fff;border-radius:18px;padding:24px 26px;position:relative;overflow:hidden}.next .lab{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9ec3ef}.next h2{font-family:var(--font-display);font-weight:800;font-size:30px;margin:6px 0 4px;color:#fff;line-height:1}.next .sub{color:#cfe0f7;font-size:14px}.next .meta{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap}.next .meta div{font-size:13.5px;color:#dce9fb;display:flex;align-items:center;gap:7px}.next .meta svg{width:15px;height:15px;opacity:.85}.next .cd{position:absolute;right:24px;top:24px;text-align:right}.next .cd b{font-family:var(--font-display);font-size:34px;display:block;line-height:1}.next .cd span{font-size:12px;color:#9ec3ef}.clist{display:flex;flex-direction:column}.crow{display:flex;align-items:center;gap:13px;padding:14px 20px;border-bottom:1px solid var(--line)}.crow:last-child{border-bottom:none}.crow:hover{background:#fafcff}.cic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:13px;flex:none}.crow .info{flex:1;min-width:0}.crow .info b{font-size:14px;display:block}.crow .info small{color:#64708a;font-weight:600}.crow .when{font-size:12.5px;color:#64708a;font-weight:700;text-align:right;flex:none}.ann{padding:15px 20px;border-bottom:1px solid var(--line)}.ann:last-child{border-bottom:none}.ann .tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--pill);margin-bottom:8px}.ann .tag.ev{background:#eaf2fd;color:#0054a5}.ann .tag.pay{background:#fdecea;color:#c53a1e}.ann .tag.ac{background:#e7f6ec;color:#157f3f}.ann p{margin:0;font-size:13.5px;color:var(--ink);line-height:1.5}.ann small{color:#94a3b8;font-weight:600;font-size:12px}.ptable{width:100%;border-collapse:collapse}.ptable th,.ptable td{text-align:left;padding:12px 20px;font-size:13.5px;border-bottom:1px solid var(--line)}.ptable th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#64708a;font-weight:800}.ptable tbody tr:last-child td{border-bottom:none}.ptable tbody tr:hover{background:#fafcff}html.js .reveal{transform:translateY(14px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}html.js .reveal.in{transform:none}.scrim{display:none}@media (max-width: 1000px){.app{grid-template-columns:1fr}.aside{position:fixed;left:0;top:0;z-index:60;width:230px;transform:translate(-100%);transition:.25s;box-shadow:0 0 60px #00000040}.aside.open{transform:none}.menu-btn{display:grid}.scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#08183a73}}@media (max-width: 980px){.cols{grid-template-columns:1fr}.kgrid{grid-template-columns:repeat(2,1fr)}.next .cd{display:none}}@media (max-width: 560px){.acontent{padding:8px 16px 40px}.atop{padding:12px 16px}.atop .who .nmw,.atop .stu-switch-label span{display:none}.atop .stu-switch-select{max-width:110px}}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;font-family:var(--font-body);background:#0a1430;display:grid;place-items:center;padding:24px;overflow:auto}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 60% at 18% 12%,rgba(0,84,165,.55),transparent 60%),radial-gradient(45% 55% at 85% 22%,rgba(84,190,90,.32),transparent 60%),radial-gradient(60% 60% at 70% 95%,rgba(7,58,107,.6),transparent 60%);pointer-events:none}.login-card{position:relative;z-index:2;width:100%;max-width:410px;background:#fff;border-radius:24px;padding:38px 34px 32px;box-shadow:0 40px 90px -30px #0009}.login-logo{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#0054a5,#073a6b);display:grid;place-items:center;margin:0 auto 18px}.login-logo img{width:40px;height:40px;object-fit:contain}.login-card h1{font-family:var(--font-display);font-weight:800;font-size:26px;text-align:center;margin:0 0 4px;color:var(--ink);letter-spacing:-.02em}.login-card .sub{text-align:center;color:var(--muted);font-size:14px;margin:0 0 20px}.login-error{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:.875rem}.login-card .fld{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.login-card .fld label{font-size:12.5px;font-weight:700;color:#64708a}.login-card .fld input{border:1px solid var(--line);border-radius:11px;padding:13px 14px;font-family:var(--font-body);font-size:15px;color:var(--ink)}.login-card .fld input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #0054a521}.login-card .fld input[aria-invalid=true]{border-color:#dc2626}.login-card .fld input[aria-invalid=true]:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262624}.login-card .fld .login-field-err{font-size:12px;font-weight:600;color:#dc2626}.login-card .row{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:20px}.login-card .row label{display:flex;align-items:center;gap:7px;color:#64708a;font-weight:600}.login-card .row .link{color:var(--c-primary);font-weight:700;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:13px}.login-card .signin{width:100%;background:var(--c-primary);color:#fff;border:none;border-radius:12px;padding:14px;font-family:var(--font-display);font-weight:800;font-size:15.5px;cursor:pointer;transition:.15s}.login-card .signin:hover{background:var(--c-primary-700)}.login-card .or{text-align:center;color:#94a3b8;font-size:12.5px;font-weight:600;margin:18px 0;position:relative}.login-card .or:before,.login-card .or:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:var(--line)}.login-card .or:before{left:0}.login-card .or:after{right:0}.login-card .goog{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;font-family:var(--font-body);font-weight:700;font-size:14.5px;color:var(--ink);cursor:pointer}.login-card .goog:hover{border-color:#bcc8dc}.login-card .goog svg{width:18px;height:18px}.login-card .foot{text-align:center;margin-top:22px;font-size:13px;color:var(--muted)}.login-card .foot a{color:var(--c-primary);font-weight:700}.home .ahead .reg{margin-left:auto;align-self:center}.home .next .sub{margin-top:2px}.classes .ahead .reg{margin-left:auto;flex:none}.classes .cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.classes .cc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.classes .cc:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px #101e5073}.classes .cc .top{height:96px;position:relative;display:flex;align-items:flex-end;padding:15px 18px}.classes .cc .top h3{color:#fff;font-family:var(--font-display);font-weight:800;font-size:22px;margin:0;position:relative;z-index:2}.classes .cc .top:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 70%)}.classes .cc .bd{padding:16px 18px 18px}.classes .cc .tch{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink);font-weight:600;margin-bottom:13px}.classes .cc .tav{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;font-family:var(--font-display);flex:none}.classes .crow2{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-top:1px solid var(--line)}.classes .crow2 span{color:#64708a;font-weight:600}.classes .crow2 b{color:var(--ink)}.classes .prog{margin-top:13px}.classes .prog .pl{display:flex;justify-content:space-between;font-size:12px;color:#64708a;font-weight:700;margin-bottom:6px}.classes .pbar{height:7px;border-radius:6px;background:#eef1f7;overflow:hidden}.classes .pbar i{display:block;height:100%;border-radius:6px;background:var(--grad-brand)}.classes .cfoot{display:flex;gap:8px;margin-top:15px}.classes .cfoot .btn-app{flex:1;justify-content:center}.classes .cdetails{margin-top:4px;border-top:1px dashed var(--line);padding-top:4px}.classes .cls-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#08183a73;display:grid;place-items:center;padding:20px}.classes .cls-modal{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;width:100%;max-width:420px;box-shadow:0 30px 70px -30px #101e5099}.classes .cls-modal h3{font-size:18px;margin:0 0 4px}.classes .cls-modal-sub{margin:0 0 16px;font-size:13px;color:var(--muted)}.classes .cls-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:22px 12px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;color:#64708a}.classes .cls-empty svg{width:40px;height:40px;color:#aeb8cc}.classes .cls-empty p{margin:0;font-size:13.5px;line-height:1.5}.classes .cls-close{margin-top:16px;width:100%;justify-content:center}.schedule .cols{grid-template-columns:1.7fr 1fr}.schedule .panel-h .wknav{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:700;color:var(--ink)}.schedule .panel-h .ib{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:#64708a}.schedule .panel-h .ib svg{width:15px;height:15px}.schedule .panel-h .ib:hover{border-color:var(--c-primary);color:var(--c-primary)}.schedule .tt{display:grid;grid-template-columns:64px 1fr;gap:0}.schedule .ttrow{display:contents}.schedule .tt .hr{padding:14px 10px;font-size:12px;color:#94a3b8;font-weight:700;text-align:right;border-top:1px solid var(--line)}.schedule .tt .cell{border-top:1px solid var(--line);border-left:1px solid var(--line);min-height:58px;padding:7px;position:relative}.schedule .ev{border-radius:11px;padding:9px 12px;color:#fff;height:100%;display:flex;flex-direction:column;justify-content:center}.schedule .ev b{font-family:var(--font-display);font-size:14px;line-height:1.1}.schedule .ev small{font-size:11.5px;opacity:.9}.schedule .up{display:flex;align-items:center;gap:13px;padding:14px 20px;border-bottom:1px solid var(--line)}.schedule .up:last-child{border-bottom:none}.schedule .up:hover{background:#fafcff}.schedule .up .dt{text-align:center;flex:none;width:48px}.schedule .up .dt b{font-family:var(--font-display);font-size:20px;display:block;line-height:1;color:var(--c-primary)}.schedule .up .dt span{font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase}.schedule .up .info{flex:1;min-width:0}.schedule .up .info b{font-size:14px;display:block}.schedule .up .info small{color:#64708a;font-weight:600}.schedule .up .tm{font-size:12.5px;color:#64708a;font-weight:700;flex:none}@media (max-width: 980px){.schedule .cols{grid-template-columns:1fr}}.attendance .gtbl{width:100%;border-collapse:collapse}.attendance .gtbl th{text-align:left;font-size:12px;color:#4a5670;font-weight:800;padding:13px 20px;border-bottom:1px solid var(--line);background:#fafbfe}.attendance .gtbl td{padding:13px 20px;border-bottom:1px solid var(--line);font-size:13.5px}.attendance .gtbl tr:last-child td{border-bottom:none}.attendance .gtbl tr:hover td{background:#fafcff}.attendance .cw{display:flex;align-items:center;gap:10px}.attendance .cw .d{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;font-family:var(--font-display),system-ui,sans-serif}.attendance .st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:4px 11px;border-radius:var(--pill)}.attendance .st.p{background:#e7f6ec;color:#157f3f}.attendance .st.a{background:#fdecea;color:#c53a1e}.attendance .st.l{background:#fff4e5;color:#b45309}.attendance .st i{width:7px;height:7px;border-radius:50%;background:currentColor}.attendance .dots{display:flex;gap:5px}.attendance .dots i{width:13px;height:13px;border-radius:4px}.attendance .dots i.p{background:#54be5a}.attendance .dots i.a{background:#ff6b5b}.attendance .dots i.l{background:#f59e0b}.attendance .dots i.n{background:#e7ecf3}.attendance .panel-h{justify-content:space-between}.attendance .filter select{font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer}.attendance .filter select:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}.attendance .vis-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tuition .cols{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;align-items:start}.tuition .bal{background:linear-gradient(120deg,#073a6b,#0054a5);color:#fff;border-radius:18px;padding:24px 26px;position:relative;overflow:hidden}.tuition .bal .lab{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9ec3ef}.tuition .bal .amt{font-family:var(--font-display),system-ui,sans-serif;font-weight:800;font-size:44px;line-height:1;margin:8px 0 4px}.tuition .bal .due{font-size:13px;color:#cfe0f7}.tuition .bal .btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;width:100%;background:#fff;color:#0054a5;border:none;border-radius:12px;padding:13px;font-family:var(--font-display),system-ui,sans-serif;font-weight:800;font-size:15px;cursor:pointer;transition:transform .15s ease}.tuition .bal .btn:hover{transform:translateY(-2px)}.tuition .bal .btn svg{width:18px;height:18px}.tuition .pm{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-top:18px}.tuition .pm h3{font-size:15px;margin:0 0 14px}.tuition .pmrow{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.tuition .pmrow .br{width:42px;height:28px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;font-family:var(--font-display),system-ui,sans-serif;flex:none}.tuition .pmrow b{font-size:13.5px}.tuition .pmrow small{color:#64708a;font-weight:600;display:block;font-size:12px}.tuition .pmrow .df{margin-left:auto;font-size:11px;font-weight:800;color:#157f3f;background:#e7f6ec;padding:3px 10px;border-radius:var(--pill)}.tuition .gtbl{width:100%;border-collapse:collapse}.tuition .gtbl th{text-align:left;font-size:12px;color:#4a5670;font-weight:800;padding:13px 20px;border-bottom:1px solid var(--line);background:#fafbfe}.tuition .gtbl td{padding:14px 20px;border-bottom:1px solid var(--line);font-size:13.5px}.tuition .gtbl tr:last-child td{border-bottom:none}.tuition .gtbl tbody tr:hover td{background:#fafcff}.tuition .amt2{font-family:var(--font-display),system-ui,sans-serif;font-weight:800}.tuition .st{font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:var(--pill);display:inline-block}.tuition .st.paid{background:#e7f6ec;color:#157f3f}.tuition .st.due{background:#fff4e5;color:#b45309}.tuition .lk{color:var(--c-primary);font-weight:700;text-decoration:none;font-size:13px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.tuition .lk:hover{text-decoration:underline}.tuition .lk.add{display:inline-block;margin-top:12px}.tuition .howpay{scroll-margin-top:90px}.tuition .howpay.open{outline:2px solid var(--c-primary);outline-offset:2px}.tuition .howpay-intro{margin:-4px 0 14px;font-size:13px;color:#64708a;line-height:1.5}.tuition .payopt{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.tuition .payopt b{font-size:13.5px;display:block}.tuition .payopt small{color:#64708a;font-weight:600;display:block;font-size:12px;margin:2px 0}.tuition .payaddr{color:var(--c-primary);font-weight:800;text-decoration:none;font-size:13.5px}.tuition .payaddr:hover{text-decoration:underline}@media (max-width: 980px){.tuition .cols{grid-template-columns:1fr}}.profile.cols{grid-template-columns:.85fr 1.4fr}.profile .pcol{display:flex;flex-direction:column;gap:20px}.profile .pcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 22px;text-align:center}.profile .pcard .av{width:88px;height:88px;border-radius:24px;margin:0 auto 14px;background:linear-gradient(135deg,#0054a5,#073a6b);display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:34px}.profile .pcard h3{font-size:20px;margin:0 0 3px}.profile .pcard .role{color:#64708a;font-size:13.5px;font-weight:600}.profile .pcard .chips{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:14px}.profile .chip{font-size:11.5px;font-weight:700;color:#0054a5;background:#eaf2fd;border-radius:var(--pill);padding:4px 11px}.profile .pmeta{margin-top:18px;text-align:left;border-top:1px solid var(--line);padding-top:16px}.profile .pmeta div{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink);padding:6px 0}.profile .pmeta svg{width:16px;height:16px;color:#94a3b8;flex:none}.profile .panel-h .btn-app{margin-left:auto}.profile .panel-h .save-grp{margin-left:auto;display:flex;align-items:center;gap:10px}.profile .panel-h .save-grp .btn-app{margin-left:0}.profile .save-msg{font-size:12.5px;font-weight:700}.profile .save-msg.saved{color:#157f3f}.profile .save-msg.error{color:#c0392b}.profile .frm{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile .fld{display:flex;flex-direction:column;gap:6px}.profile .fld.full{grid-column:1 / -1}.profile .fld label{font-size:12px;font-weight:700;color:#64708a}.profile .fld input,.profile .fld select{border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-family:var(--font-body);font-size:14px;color:var(--ink);background:#fff}.profile .fld input:focus,.profile .fld select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #0054a51f}.profile .fld input[aria-invalid=true],.profile .fld select[aria-invalid=true]{border-color:#dc2626}.profile .fld input[aria-invalid=true]:focus,.profile .fld select[aria-invalid=true]:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262624}.profile .fld .fld-err{font-size:12px;font-weight:600;color:#dc2626}@media (max-width: 980px){.profile.cols,.profile .frm{grid-template-columns:1fr}}.register .reg-link{margin-left:auto;flex:none}.register .cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.register .cc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.register .cc:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px #101e5073}.register .cc .top{height:84px;position:relative;display:flex;align-items:flex-end;padding:13px 16px}.register .cc .top h3{color:#fff;font-family:var(--font-display);font-weight:800;font-size:20px;margin:0;position:relative;z-index:2}.register .cc .top:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 70%)}.register .rtag{position:absolute;top:11px;right:12px;z-index:2;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:var(--pill);background:#ffffffeb;color:#157f3f}.register .rtag.few{color:#b45309}.register .rtag.full{color:#94a3b8}.register .cc .bd{padding:15px 17px 17px;display:flex;flex-direction:column;flex:1}.register .crow2{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}.register .crow2 span{color:#64708a;font-weight:600}.register .crow2 b{color:var(--ink)}.register .seats{margin:12px 0 4px}.register .seats .sl{display:flex;justify-content:space-between;font-size:12px;color:#64708a;font-weight:700;margin-bottom:5px}.register .pbar{height:7px;border-radius:6px;background:#eef1f7;overflow:hidden}.register .pbar i{display:block;height:100%;border-radius:6px;background:var(--grad-brand)}.register .enr{margin-top:auto;padding-top:14px}.register .enr .btn-app{width:100%;justify-content:center}.register .enr .full{width:100%;text-align:center;padding:11px;border-radius:11px;background:#f1f3f8;color:#94a3b8;font-family:var(--font-display);font-weight:700;font-size:13.5px;border:none}.register .enr .full.as-btn{cursor:pointer;transition:.15s}.register .enr .full.as-btn:hover{background:#e7ebf3;color:#64708a}.register .reg-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#08183a73;display:grid;place-items:center;padding:20px}.register .reg-modal{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;width:100%;max-width:420px;box-shadow:0 30px 70px -30px #101e5099}.register .reg-modal h3{font-size:18px;margin:0 0 8px}.register .reg-modal p{margin:0 0 16px;font-size:14px;color:var(--muted);line-height:1.5}.register .reg-field{display:block;margin-bottom:18px}.register .reg-field span{display:block;font-size:12.5px;font-weight:700;color:#64708a;margin-bottom:6px}.register .reg-field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 12px;font:inherit;font-size:13.5px;color:var(--ink);resize:vertical;outline:none}.register .reg-field textarea:focus{border-color:var(--c-primary)}.register .reg-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 560px){.register .reg-link{display:none}}.teacher .teacher-kgrid{grid-template-columns:repeat(3,1fr)}.teacher .teacher-crow-link{text-decoration:none;color:inherit;cursor:pointer}.teacher .teacher-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.teacher .teacher-cc{text-align:left;font:inherit;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;padding:0;transition:transform .2s,box-shadow .2s}.teacher .teacher-cc:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px #101e5073}.teacher .teacher-cc .top{height:88px;position:relative;display:flex;align-items:flex-end;padding:15px 18px}.teacher .teacher-cc .top h3{color:#fff;font-family:var(--font-display);font-weight:800;font-size:21px;margin:0;position:relative;z-index:2}.teacher .teacher-cc .top:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 70%)}.teacher .teacher-cc .bd{padding:14px 18px 16px}.teacher .crow2{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-top:1px solid var(--line)}.teacher .crow2 span{color:#64708a;font-weight:600}.teacher .crow2 b{color:var(--ink)}.teacher .teacher-cc .cfoot{margin-top:14px}.teacher .teacher-back{padding:8px 12px}.teacher .teacher-roster .ahead{flex-wrap:wrap}.teacher .teacher-take-att{margin-left:auto}.teacher .teacher-count{margin-left:auto;font-size:12.5px;font-weight:700;color:#64708a}.teacher .teacher-student-row{flex-direction:column;align-items:stretch;gap:0}.teacher .teacher-student-main{display:flex;align-items:center;gap:13px;width:100%}.teacher .teacher-note-btn{margin-left:auto;flex:none;padding:8px 13px;font-size:12.5px}.teacher .teacher-note-editor{width:100%;margin:10px 0 2px 53px;display:flex;flex-direction:column;gap:10px}.teacher .teacher-note-editor textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font:inherit;font-size:13.5px;resize:vertical;color:var(--ink);background:#fafcff}.teacher .teacher-note-editor textarea:focus{outline:none;border-color:var(--c-primary)}.teacher .teacher-note-actions{display:flex;gap:8px}.teacher .teacher-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:36px 20px;color:#64708a}.teacher .teacher-empty svg{width:44px;height:44px;color:#aeb8cc}.teacher .teacher-empty p{margin:0;font-size:14px;line-height:1.5;max-width:360px}.teacher .teacher-att-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;padding:18px 20px}.teacher .teacher-field{display:flex;flex-direction:column;gap:6px}.teacher .teacher-field label{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;font-weight:800;color:#64708a}.teacher .teacher-field select,.teacher .teacher-field input[type=date]{border:1px solid var(--line);border-radius:11px;padding:10px 13px;font:inherit;font-size:14px;color:var(--ink);background:#fff;min-width:200px}.teacher .teacher-field select:focus,.teacher .teacher-field input[type=date]:focus{outline:none;border-color:var(--c-primary)}.teacher .teacher-att-summary{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:2px}.teacher .teacher-att-summary span{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--ink)}.teacher .teacher-att-summary small{font-size:12px;font-weight:700;color:#c53a1e}.teacher .teacher-att-row{gap:12px}.teacher .teacher-status-group{display:flex;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}.teacher .teacher-status{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 11px;font-family:var(--font-display);font-weight:700;font-size:12.5px;color:#64708a;cursor:pointer;transition:.12s}.teacher .teacher-status:hover{border-color:#c4cede}.teacher .teacher-status.on{color:#fff;border-color:transparent}.teacher .teacher-status-present.on{background:#157f3f}.teacher .teacher-status-absent.on{background:#c53a1e}.teacher .teacher-status-late.on{background:#d97706}.teacher .teacher-status-excused.on{background:#6d3bd1}.teacher .teacher-savebar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:14px 0 4px}.teacher .teacher-savebar .btn-app{padding:12px 28px;font-size:14px}.teacher .teacher-saved{font-size:13px;font-weight:700;color:#157f3f}@media (max-width: 720px){.teacher .teacher-kgrid{grid-template-columns:1fr}.teacher .teacher-att-row{flex-wrap:wrap}.teacher .teacher-status-group{width:100%;justify-content:flex-start;margin-left:53px}.teacher .teacher-att-summary{margin-left:0;text-align:left;width:100%}.teacher .teacher-note-editor{margin-left:0}}