*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stadi-login-page{background:#f4f7f9;grid-template-columns:minmax(400px,.92fr) minmax(520px,1.08fr);min-height:100vh;display:grid}.stadi-login-brand{color:#fff;background:#0f2a44;align-items:center;padding:clamp(48px,7vw,110px);display:flex}.stadi-login-brand__content{text-align:left;justify-items:start;width:100%;max-width:620px;display:grid}.stadi-wordmark{color:#fff;letter-spacing:.045em;font-size:clamp(68px,8vw,112px);font-weight:800;line-height:.9}.stadi-wordmark-meaning{color:#addcf2;margin-top:28px;font-size:clamp(13px,1.35vw,18px);font-weight:650;line-height:1.7}.stadi-wordmark-meaning i{color:#addcf280;padding:0 5px;font-style:normal}.stadi-login-brand__content p{color:#b9cddd;border-top:1px solid #ffffff21;max-width:440px;margin:32px 0 0;padding-top:28px;font-size:16px;line-height:1.7}.stadi-login-form-panel{place-items:center;padding:42px;display:grid}.stadi-login-card{background:#fff;border:1px solid #d9e4eb;border-radius:18px;width:min(480px,100%);padding:42px;box-shadow:0 26px 74px #0f2a441f}.stadi-login-language{border:1px solid #1769aa;border-radius:11px;grid-template-columns:repeat(3,1fr);width:260px;margin:0 0 28px auto;display:grid;overflow:hidden}.stadi-login-language button{color:#fff;height:42px;font:inherit;cursor:pointer;background:#0f2a44;border:0;border-right:1px solid #1769aa;font-weight:800}.stadi-login-language button:last-child{border:0}.stadi-login-language button.is-active{color:#0f2a44;background:#addcf2}.stadi-login-eyebrow{color:#557188;letter-spacing:.11em;font-size:12px;font-weight:900}.stadi-login-card h2{color:#132b3f;letter-spacing:-.025em;margin:7px 0 8px;font-size:32px}.stadi-login-intro{color:#6a7f91;max-width:390px;font-size:15px;line-height:1.6;display:block}.stadi-login-form{margin-top:27px}.stadi-login-form .ant-form-item{margin-bottom:19px}.stadi-login-form .ant-form-item-label>label{color:#465f73;font-size:13px;font-weight:800}.stadi-login-form .ant-input-affix-wrapper{height:50px;box-shadow:none;background:#f8fafb;border-color:#d6e1e9;border-radius:10px}.stadi-login-form .ant-input-affix-wrapper-focused{border-color:#1769aa;box-shadow:0 0 0 3px #1769aa21}.stadi-login-form .ant-input-prefix{color:#71879a;margin-right:10px}.stadi-login-submit{border-radius:10px;height:50px;margin-top:4px;font-weight:900;box-shadow:none!important;background:#0f2a44!important}.stadi-login-submit:hover{background:#174668!important}.stadi-login-mobile-logo{display:none}@media (width<=860px){.stadi-login-page{grid-template-columns:1fr}.stadi-login-brand{display:none}.stadi-login-form-panel{padding:22px}.stadi-login-card{padding:30px 25px}.stadi-login-mobile-logo{color:#fff;background:#0f2a44;border-radius:10px;margin-bottom:25px;padding:13px 16px;font-size:24px;font-weight:900;display:block}.stadi-login-mobile-logo small{color:#addcf2;font-size:12px}.stadi-login-language{width:100%}}.ant-btn{box-shadow:none;border-width:1px;justify-content:center;align-items:center;gap:7px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.ant-btn:not(:disabled):active{transform:translateY(1px)}.ant-btn-primary:not(.ant-btn-dangerous):not(.ant-btn-background-ghost){background:linear-gradient(135deg,#1769aa,#0f568e);border-color:#1769aa}.ant-btn-primary:not(.ant-btn-dangerous):not(.ant-btn-background-ghost):not(:disabled):hover{transform:translateY(-1px);box-shadow:0 9px 22px #1769aa3d;background:linear-gradient(135deg,#1d78bd,#104d7c)!important;border-color:#0d4c7e!important}.student-profile-edit-button.ant-btn{color:#0f2a44;background:#fff;border-color:#fff}.student-profile-edit-button.ant-btn:not(:disabled):hover{box-shadow:0 7px 18px #00000024;color:#0f2a44!important;background:#eaf6fc!important;border-color:#addcf2!important}.ant-btn-default{color:#29445b;background:#fff;border-color:#d6e1e9}.ant-btn-default:not(:disabled):hover{color:#0f568e!important;background:#f7fbff!important;border-color:#9bb9d1!important}.ant-btn-text{color:#4f687d}.ant-btn-text:not(:disabled):hover{color:#0f568e!important;background:#eaf3fb!important}.ant-btn-text.ant-btn-dangerous:not(:disabled):hover{color:#a33a32!important;background:#fff0ee!important}.ant-btn-circle,.ant-btn-icon-only{border-radius:10px}.ant-table-wrapper .ant-table{color:#233b50;background:0 0;overflow:hidden}.ant-table-wrapper .ant-table-container{border:0!important}.ant-table-wrapper .ant-table-thead>tr>th{color:#526a7e;letter-spacing:.075em;text-transform:uppercase;border-bottom:1px solid #dce6ee;padding-top:13px;padding-bottom:13px;font-size:11px;font-weight:800}.ant-table-wrapper .ant-table-thead>tr>th:before{display:none}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid #edf1f5;transition:background .16s}.ant-table-wrapper .ant-table-tbody>tr:last-child>td{border-bottom:0}.ant-table-wrapper .ant-table-tbody>tr.ant-table-row:hover>td{background:#f4f8fc!important}.ant-table-wrapper .ant-table-tbody>tr.ant-table-row{transition:transform .16s,box-shadow .16s}.ant-table-wrapper .ant-pagination{margin:22px 0 4px}.ant-table-wrapper .ant-pagination .ant-pagination-item,.ant-table-wrapper .ant-pagination .ant-pagination-prev,.ant-table-wrapper .ant-pagination .ant-pagination-next{background:#f1f5f8;border:0;border-radius:9px}.ant-table-wrapper .ant-pagination .ant-pagination-item-active{background:#0f2a44;box-shadow:0 5px 14px #0f2a442e}.ant-table-wrapper .ant-pagination .ant-pagination-item-active a{color:#fff}.ant-table-wrapper .ant-empty-normal{margin-block:54px}.student-filter-option{color:#475569;border-radius:10px;width:100%;margin:0;padding:11px 14px;font-weight:600}.student-filter-option.is-selected{color:#0f2a44;background:#dbeafe}.student-filter-option .ant-radio-checked .ant-radio-inner{background:#0f2a44;border-color:#0f2a44}.dialog-backdrop{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f2a4494;place-items:center;padding:20px;animation:.16s ease-out feedback-fade;display:grid;position:fixed;inset:0}.app-dialog{background:#fff;border:1px solid #dbeafe;border-radius:8px;grid-template-columns:44px minmax(0,1fr);gap:16px;width:min(440px,100%);padding:22px;animation:.18s ease-out feedback-rise;display:grid;box-shadow:0 24px 70px #0f2a4438}.dialog-icon{color:#0f2a44;background:#dbeafe;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.dialog-icon.danger{color:#a33a32;background:#fff0ed}.app-dialog h2{color:#0f2a44;margin:1px 0 7px;font-size:18px}.app-dialog p{color:#64748b;margin:0;font-size:14px;line-height:1.55}.dialog-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.dialog-actions button{cursor:pointer;border-radius:8px;min-height:40px;padding:0 17px;font-weight:700}.dialog-cancel{color:#334155;background:#fff;border:1px solid #cbd5e1}.dialog-cancel:hover{background:#f5f6fa}.dialog-confirm{color:#fff;background:#0f2a44;border:1px solid #0f2a44}.dialog-confirm:hover{background:#1d4f7a}.dialog-confirm.danger{background:#a33a32;border-color:#a33a32}.dialog-confirm.danger:hover{background:#842d27}.toast-region{z-index:2100;pointer-events:none;gap:10px;width:min(380px,100vw - 40px);display:grid;position:fixed;top:20px;right:20px}.app-toast{color:#0f2a44;pointer-events:auto;background:#fff;border:1px solid #bfdbfe;border-left:4px solid #1677ff;border-radius:8px;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;gap:11px;min-height:58px;padding:10px 10px 10px 15px;font-size:14px;font-weight:700;animation:.2s ease-out feedback-slide;display:grid;box-shadow:0 14px 38px #0f2a4429}.app-toast>svg{color:#1677ff}.app-toast.error{border-color:#efcbc6 #efcbc6 #efcbc6 #a33a32}.app-toast.error>svg{color:#a33a32}.app-toast button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.app-toast button:hover{color:#0f2a44;background:#eff6ff}@keyframes feedback-fade{0%{opacity:0}}@keyframes feedback-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes feedback-slide{0%{opacity:0;transform:translate(14px)}}@media (prefers-reduced-motion:reduce){.dialog-backdrop,.app-dialog,.app-toast{animation:none}}.parents-heading,.parent-table-tools,.parents-heading>div{justify-content:space-between;align-items:center;gap:18px;display:flex}.parents-heading{align-items:flex-end;margin-bottom:22px}.parents-heading h2,.parent-table-tools h4,.parent-metrics h3{color:#0f2a44;margin:3px 0 0!important}.eyebrow{color:#52708d;letter-spacing:.1em;font-size:12px;font-weight:800}.parent-metrics{grid-template-columns:repeat(2,minmax(220px,290px));gap:14px;margin-bottom:16px;display:grid}.parent-metrics .ant-card{border:1px solid #dbe5ef;border-radius:14px}.parent-metrics .ant-card-body{align-items:center;gap:16px;display:flex}.parent-metrics svg{color:#1677ff;background:#dbeafe;border-radius:12px;width:44px;height:44px;padding:11px}.parent-table-card{border-radius:16px;box-shadow:0 12px 34px #0f2a440f}.parent-table-tools{margin-bottom:18px}.parent-table-tools>div{display:block}.parent-table-tools .ant-input-affix-wrapper{border-radius:10px;width:min(360px,100%)}.parent-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.parent-drawer-note{color:#0f2a44;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:12px;padding:15px;display:flex}.parent-preferences{background:#f8fafc;border:1px solid #e0e8ef;border-radius:12px;gap:3px;margin:14px 0 18px;padding:14px 16px;display:grid}.parent-preferences .ant-form-item,.parent-channel-grid .ant-form-item{margin-bottom:0}.parent-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:88px;align-items:stretch;gap:10px;margin-top:10px;display:grid}.parent-channel-grid>.ant-form-item,.parent-channel-grid .ant-form-item-control,.parent-channel-grid .ant-form-item-control-input,.parent-channel-grid .ant-form-item-control-input-content{width:100%;min-width:0;height:100%}.parent-channel-grid>.ant-form-item{min-width:0;margin:0}.parent-channel-grid .ant-form-item-control-input{min-height:100%}.parent-channel-grid .ant-checkbox-wrapper{background:#fff;border:1px solid #dce6ee;border-radius:12px;align-items:center;width:100%;min-width:0;height:88px;padding:13px;display:flex;overflow:hidden}.parent-channel-grid .ant-checkbox-wrapper>span:last-child>span{align-items:center;gap:9px;display:flex}.parent-channel-grid .ant-checkbox-wrapper span span span{gap:1px;display:grid}.parent-channel-grid small{color:#72869a;font-size:11px;font-weight:400}.parent-table-card .ant-table-tbody>tr{cursor:pointer}.parent-table-card .ant-tag{align-items:center;gap:4px;display:inline-flex}.parent-notification-summary{gap:7px;display:grid}.parent-unread-label{color:#6b8093;align-items:center;gap:5px;font-size:12px;display:inline-flex}.simple-parent-portal{width:min(1180px,100%);margin:0 auto;padding-bottom:32px}.simple-portal-header{color:#6b8093;justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.simple-portal-welcome{border:1px solid #dce6ee;border-radius:16px;margin-bottom:22px;box-shadow:0 8px 26px #0f2a440d}.simple-portal-welcome .ant-card-body{justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex}.simple-portal-welcome h2{color:#0f2a44;margin:4px 0 3px}.portal-preference-card{box-shadow:none;border:1px solid #dce6ee;border-radius:14px;margin-bottom:22px}.portal-preference-card .ant-card-body{grid-template-columns:minmax(190px,1fr) 1fr 1fr auto;align-items:center;gap:24px;display:grid}.portal-preference-card h4{color:#0f2a44;margin:3px 0 0}.portal-preference-group{gap:7px;display:grid}.simple-portal-contact{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.simple-portal-contact>span{color:#516a80;align-items:center;gap:6px;display:inline-flex}.simple-portal-contact .simple-unread{color:#145c96;background:#edf5fc;border-radius:9px;padding:7px 10px;font-weight:700}.simple-portal-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);gap:24px;display:grid}.simple-portal-layout .portal-section-title{margin-bottom:12px}.simple-portal-layout .portal-section-title h3{margin:0 0 2px}.simple-child-list{gap:12px;display:grid}.simple-child-card{box-shadow:none;border:1px solid #dfe7ee;border-radius:14px}.simple-child-card .child-head{margin-bottom:15px}.attendance-rate{color:#145c96;background:#edf5fc;border-radius:8px;align-self:start;padding:6px 9px}.simple-attendance{border:1px solid #e7edf2;border-radius:10px;grid-template-columns:repeat(3,1fr);margin:16px 0 8px;display:grid;overflow:hidden}.simple-attendance span{color:#718598;border-right:1px solid #e7edf2;gap:1px;padding:10px 12px;font-size:12px;display:grid}.simple-attendance span:last-child{border:0}.simple-attendance strong{color:#213a50;font-size:17px}.parent-portal{background:#f4f7fb;min-height:calc(100vh - 96px);margin:-24px}.portal-hero{color:#fff;background:radial-gradient(circle at 80% 15%,#4ba2ff61,#0000 28%),linear-gradient(125deg,#0b233a,#123e65 65%,#1769aa);padding:24px clamp(24px,5vw,72px) 76px}.portal-topbar,.portal-welcome{justify-content:space-between;align-items:center;gap:20px;display:flex}.portal-topbar .ant-typography{color:#fffc}.portal-welcome{margin-top:54px}.portal-welcome h1{color:#fff;margin:7px 0 4px;font-size:clamp(32px,5vw,52px)}.portal-welcome>div>.ant-typography{color:#ffffffc2;font-size:16px}.portal-kicker{letter-spacing:.13em;align-items:center;gap:7px;font-weight:800;display:inline-flex;font-size:11px!important}.portal-bell{background:#ffffff1a;border:1px solid #ffffff40;border-radius:18px;place-items:center;width:64px;height:64px;display:grid;position:relative}.portal-bell span{color:#fff;background:#ff7a59;border-radius:20px;place-items:center;min-width:25px;height:25px;padding:0 6px;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px}.portal-content{width:min(1240px,100% - 32px);margin:-38px auto 0;padding-bottom:48px}.portal-quick{background:#fff;border-radius:16px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:0 16px 42px #0f2a441f}.portal-quick>div{border-right:1px solid #e5edf4;grid-template-columns:28px 1fr;gap:2px 10px;padding:20px 24px;display:grid}.portal-quick>div:last-child{border:0}.portal-quick svg{color:#1677ff;grid-row:1/3;align-self:center}.portal-quick strong{color:#0f2a44}.portal-quick .ant-typography{color:#73869a;font-size:12px}.portal-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:24px;margin-top:30px;display:grid}.portal-section-title h3{color:#0f2a44;margin:4px 0 15px}.child-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.child-card{border:1px solid #dde7f0;border-radius:16px;box-shadow:0 8px 24px #0f2a440d}.child-head{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:19px;display:grid}.child-head h4{color:#0f2a44;margin:0}.child-head .ant-tag{align-self:start}.attendance-split{grid-template-columns:repeat(3,1fr);margin:18px 0;display:grid}.attendance-split span{border-right:1px solid #e8eef5;grid-template-columns:auto 1fr;gap:0 7px;padding:0 10px;display:grid}.attendance-split span:last-child{border:0}.attendance-split svg{color:#1677ff;grid-row:1/3;width:17px}.attendance-split small{color:#7a8da0}.attendance-split .absent svg{color:#d45b4d}.notification-feed{gap:10px;display:grid}.portal-notification{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e8f0;border-radius:13px;grid-template-columns:38px 1fr;gap:11px;width:100%;padding:15px;display:grid;position:relative}.portal-notification.unread{background:#f7fbff;border-color:#a9ccf8}.portal-notification>span:nth-child(2){gap:4px;display:grid}.portal-notification small,.portal-notification time{color:#74879a;line-height:1.4}.portal-notification time{font-size:11px}.notification-icon{color:#a33a32;background:#fff0ed;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.notification-icon.late{color:#b37416;background:#fff7df}.portal-notification i{background:#1677ff;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;right:12px}.portal-loading{place-items:center;min-height:60vh;display:grid}@media (width<=900px){.portal-grid,.child-grid,.portal-quick{grid-template-columns:1fr}.portal-quick>div{border-bottom:1px solid #e5edf4;border-right:0}.parent-metrics{grid-template-columns:1fr 1fr}.simple-portal-layout{grid-template-columns:1fr}.portal-preference-card .ant-card-body{grid-template-columns:1fr 1fr}.portal-preference-card .ant-card-body>div:first-child{grid-column:1/-1}}@media (width<=600px){.parents-heading,.parent-table-tools{flex-direction:column;align-items:stretch}.parent-metrics,.parent-form-grid,.parent-channel-grid{grid-template-columns:1fr}.portal-welcome{margin-top:36px}.portal-bell{display:none}.parent-portal{margin:-24px -12px}.portal-content{width:calc(100% - 20px)}.simple-portal-welcome .ant-card-body{flex-direction:column;align-items:flex-start;padding:20px}.simple-portal-contact{justify-content:flex-start}.simple-portal-header>span{display:none}.portal-preference-card .ant-card-body{grid-template-columns:1fr}.portal-preference-card .ant-card-body>div:first-child{grid-column:auto}}.dashboard-page{width:min(1380px,100%);margin:0 auto}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.dashboard-header h2{color:#0f2a44;margin:4px 0 2px}.dashboard-date{color:#526b80;background:#fff;border:1px solid #dce6ee;border-radius:10px;align-items:center;gap:9px;padding:10px 13px;font-size:13px;font-weight:650;display:inline-flex}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.dashboard-metric{color:#0f2a44;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe7ee;border-radius:14px;grid-template-columns:43px 1fr auto;align-items:center;gap:13px;min-width:0;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.dashboard-metric:hover{border-color:#b8ccdb;transform:translateY(-1px);box-shadow:0 9px 24px #0f2a4412}.dashboard-metric-icon{color:#1769aa;background:#edf4f9;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.dashboard-metric>span:nth-child(2){min-width:0;display:grid}.dashboard-metric small{color:#6a7f91;font-size:12px;font-weight:700}.dashboard-metric strong{margin:2px 0;font-size:27px;line-height:1.15}.dashboard-metric em{color:#8a9baa;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.dashboard-metric>svg{color:#9aabba}.dashboard-layout{grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);align-items:start;gap:18px;display:grid}.dashboard-lessons-card,.dashboard-attendance-card,.dashboard-note-card{box-shadow:none;border:1px solid #dfe7ee;border-radius:15px}.dashboard-card-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.dashboard-card-heading h4{color:#0f2a44;margin:3px 0 0}.dashboard-lessons{display:grid}.dashboard-lessons>button{color:#223c51;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf1f5;grid-template-columns:58px minmax(170px,1fr) 90px auto 18px;align-items:center;gap:14px;width:100%;padding:15px 4px;display:grid}.dashboard-lessons>button:hover{background:#f7fafc}.lesson-time{color:#0f2a44;font-size:13px;font-weight:800}.lesson-main,.lesson-attendance{gap:3px;min-width:0;display:grid}.lesson-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-main small,.lesson-attendance small{color:#7a8d9d;font-size:11px}.lesson-attendance{text-align:right}.dashboard-lessons>button>svg{color:#a2b1be}.dashboard-side{gap:18px;display:grid}.dashboard-rate{color:#1769aa;font-size:25px}.dashboard-attendance-grid{border:1px solid #e6edf2;border-radius:11px;grid-template-columns:1fr 1fr;margin-top:18px;display:grid;overflow:hidden}.dashboard-attendance-grid>div{border-bottom:1px solid #e6edf2;border-right:1px solid #e6edf2;grid-template-columns:23px 1fr;gap:1px 8px;padding:14px;display:grid}.dashboard-attendance-grid>div:nth-child(2n){border-right:0}.dashboard-attendance-grid>div:nth-last-child(-n+2){border-bottom:0}.dashboard-attendance-grid svg{color:#1769aa;grid-row:1/3;align-self:center;width:19px}.dashboard-attendance-grid .is-absent svg{color:#a33a32}.dashboard-attendance-grid strong{color:#20394e;font-size:18px}.dashboard-attendance-grid span{color:#75899a;font-size:11px}.dashboard-note-card h4{color:#a33a32;margin:7px 0 1px;font-size:30px}.dashboard-note-card .ant-btn{margin-top:17px}@media (width<=1100px){.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-layout{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}}@media (width<=700px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-metrics,.dashboard-side{grid-template-columns:1fr}.dashboard-date{width:100%}.dashboard-lessons>button{grid-template-columns:52px 1fr auto}.lesson-attendance,.dashboard-lessons>button>.ant-tag{display:none}}.settings-page{width:min(1040px,100%);margin:0 auto}.settings-header{margin-bottom:16px}.settings-header h2{color:#0f2a44;align-items:center;gap:10px;margin:4px 0 2px;display:flex}.settings-page>.ant-tabs .ant-tabs-nav{margin-bottom:18px}.settings-page>.ant-tabs .ant-tabs-tab{padding:12px 4px;font-weight:700}.settings-card{box-shadow:none;border:1px solid #dfe7ee;border-radius:16px}.settings-card .ant-card-body{padding:clamp(20px,3vw,32px)}.settings-section-heading{align-items:center;gap:14px;display:flex}.settings-section-heading>.anticon{color:#1769aa;background:#edf4f9;border-radius:11px;place-items:center;width:43px;height:43px;font-size:19px;display:grid}.settings-section-heading h4{color:#0f2a44;margin:0 0 2px}.settings-card form>h5{color:#405a70;letter-spacing:.04em;text-transform:uppercase;margin:23px 0 13px;font-size:13px}.settings-card form>h5:first-child{margin-top:0}.main-sidebar .ant-layout-sider-children{flex-direction:column;min-height:100%;display:flex}.main-sidebar .ant-menu-item{border-radius:0 9px 9px 0;width:calc(100% - 10px);height:42px;margin-block:3px;margin-inline:0 10px;font-size:14.5px;line-height:42px;transition:background-color .24s,color .24s}.main-sidebar .ant-menu-item .ant-menu-item-icon{font-size:17px}.main-sidebar .ant-menu-item:hover{color:#d8effb!important;background:#519dd329!important}.main-sidebar .ant-menu-item:hover .ant-menu-item-icon,.main-sidebar .ant-menu-item:hover .anticon{color:#8fd0ef!important}.main-sidebar .ant-menu-item-selected{color:#fff!important;background:#519dd33d!important}.main-sidebar .ant-menu-item-selected .ant-menu-item-icon,.main-sidebar .ant-menu-item-selected .anticon{color:#addcf2!important}.main-sidebar__language{justify-content:center;margin-top:auto;padding:16px 24px 10px;display:flex}.main-sidebar__account{border-top:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:12px;margin:0 16px 18px;padding:14px 8px 0;display:flex}.main-sidebar__account>div{display:grid}.main-sidebar__account .ant-typography{color:#fff;font-size:13px;font-weight:700}.main-sidebar__account small{color:#ffffff8c;font-size:12px}.main-sidebar__account button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;place-items:center;width:36px;height:36px;transition:background .16s,border-color .16s;display:grid}.main-sidebar__account button:hover{background:#ffffff21;border-color:#ffffff52}.language-selector{background:#30439a;border:1.5px solid #addcf2;border-radius:10px;display:inline-flex;overflow:hidden}.language-selector__option{color:#fff;width:40px;height:30px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600;line-height:30px;transition:background-color .16s,color .16s}.language-selector__option:hover:not(.is-active){background:#ffffff1a}.language-selector__option.is-active{color:#30439a;background:#addcf2}.language-selector__option:focus-visible{z-index:1;outline-offset:-2px;outline:2px solid #fff;position:relative}:root{--landing-ink:#102a2c;--landing-muted:#5f716f;--landing-line:#d9e0dc;--landing-cream:#f6f3ea;--landing-white:#fffefa;--landing-green:#1d5a4f;--landing-lime:#d9ebaa;--landing-coral:#ec745d}.landing-page{min-height:100vh;color:var(--landing-ink);background:var(--landing-white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-page a{color:inherit}.landing-container{width:min(1180px,100% - 48px);margin:0 auto}.landing-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffefaf0;border-bottom:1px solid #102a2c1f;height:74px;position:sticky;top:0}.landing-nav{justify-content:space-between;align-items:center;gap:36px;height:100%;display:flex}.landing-brand{align-items:center;gap:11px;min-width:150px;text-decoration:none;display:inline-flex}.landing-brand-mark{background:var(--landing-green);color:#fff;border-radius:9px 9px 9px 2px;place-items:center;width:34px;height:34px;font:700 18px/1 Georgia,serif;display:grid}.landing-brand>span:last-child{flex-direction:column;line-height:1;display:flex}.landing-brand strong{letter-spacing:.12em;font-size:15px}.landing-brand small{color:var(--landing-muted);letter-spacing:.05em;margin-top:5px;font-size:10px}.landing-nav-links{align-items:center;gap:34px;margin-left:auto;display:flex}.landing-nav-links a,.landing-nav-actions>a{font-size:14px;font-weight:600;text-decoration:none}.landing-nav-links a:hover,.landing-nav-actions>a:hover{color:var(--landing-green)}.landing-nav-actions{align-items:center;gap:22px;display:flex}.landing-nav .ant-btn-primary,.landing-hero .ant-btn-primary,.landing-final .ant-btn-primary,.landing-mobile-menu .ant-btn-primary{background:var(--landing-green);box-shadow:none;border-radius:8px;font-weight:700}.landing-nav .ant-btn-primary:hover,.landing-hero .ant-btn-primary:hover,.landing-final .ant-btn-primary:hover,.landing-mobile-menu .ant-btn-primary:hover{background:#17483f!important}.landing-menu-button{color:var(--landing-ink);background:0 0;border:0;font-size:21px;display:none}.landing-hero{background:var(--landing-cream);border-bottom:1px solid var(--landing-line);padding:82px 0 72px;overflow:hidden}.landing-hero-grid{grid-template-columns:.82fr 1.18fr;align-items:center;gap:64px;display:grid}.landing-eyebrow{color:var(--landing-green);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:25px;font-size:12px;font-weight:800;display:flex}.landing-eyebrow span{background:var(--landing-coral);width:28px;height:2px}.landing-hero h1{max-width:520px;color:var(--landing-ink);letter-spacing:-.055em;margin:0;font:500 clamp(50px,6vw,78px)/.96 Georgia,Times New Roman,serif}.landing-hero-copy>p{color:#526764;max-width:525px;margin:30px 0 0;font-size:18px;line-height:1.7}.landing-hero-actions{align-items:center;gap:25px;margin-top:34px;display:flex}.landing-hero-actions .ant-btn{height:50px;padding-inline:22px}.landing-text-link{border-bottom:1px solid var(--landing-ink);padding-bottom:3px;font-size:14px;font-weight:700;text-decoration:none}.landing-trust-line{color:var(--landing-muted);flex-wrap:wrap;gap:18px;margin-top:30px;font-size:12px;display:flex}.landing-trust-line .anticon{color:var(--landing-green);margin-right:6px}.school-preview{background:#fff;border:1px solid #cbd5cf;border-radius:14px;min-width:670px;position:relative;overflow:hidden;transform:rotate(.6deg);box-shadow:0 30px 70px #1d393229,12px 12px #dce9c1}.preview-topbar{background:#fdfdfb;border-bottom:1px solid #e3e9e6;justify-content:space-between;align-items:center;height:50px;padding:0 17px;display:flex}.preview-topbar>div{align-items:center;gap:8px;font-size:11px;display:flex}.preview-logo{background:var(--landing-green);color:#fff;border-radius:6px;place-items:center;width:24px;height:24px;font:700 12px Georgia,serif;display:grid}.preview-date{color:#71817e;font-size:9px}.preview-body{min-height:390px;display:flex}.preview-sidebar{background:#163e3a;flex-direction:column;flex:0 0 52px;align-items:center;gap:23px;width:52px;padding-top:24px;display:flex}.preview-sidebar span{background:#ffffff54;border-radius:3px;width:16px;height:3px}.preview-sidebar span:first-child{background:var(--landing-lime);border-radius:4px;height:16px}.preview-content{background:#f5f7f4;flex:1;min-width:0;padding:23px}.preview-heading{justify-content:space-between;align-items:flex-start;display:flex}.preview-heading small{color:#72817f;font-size:9px}.preview-heading h2{margin:3px 0 0;font:600 20px/1.2 Georgia,serif}.live-pill{color:#45635d;text-transform:uppercase;background:#fff;border:1px solid #cfddd7;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:700;display:flex}.live-pill i{background:#46a879;border-radius:50%;width:5px;height:5px}.preview-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;display:grid}.preview-stats>div{background:#fff;border:1px solid #e1e7e3;border-radius:8px;padding:13px}.preview-stats small{color:#75837f;font-size:8px;display:block}.preview-stats strong{margin-top:5px;font-size:21px;display:inline-block}.preview-stats strong.amber{color:#b76a2b}.preview-stats em{color:#8a9794;margin-left:5px;font-size:7px;font-style:normal}.preview-lower{grid-template-columns:1.55fr .8fr;gap:10px;margin-top:10px;display:grid}.preview-lessons,.preview-attendance{background:#fff;border:1px solid #e1e7e3;border-radius:8px;padding:13px}.preview-section-title{justify-content:space-between;align-items:center;padding-bottom:9px;display:flex}.preview-section-title strong{font-size:9px}.preview-section-title span{color:var(--landing-green);font-size:7px;font-weight:700}.preview-lesson{border-top:1px solid #edf0ed;grid-template-columns:38px 1fr auto;align-items:center;gap:7px;padding:9px 0;display:grid}.preview-lesson time{color:#71817e;font-size:8px}.preview-lesson div strong,.preview-lesson div small{display:block}.preview-lesson div strong{font-size:8px}.preview-lesson div small{color:#899592;margin-top:2px;font-size:7px}.preview-lesson>span{color:#7b8784;background:#f0f2f0;border-radius:10px;padding:4px 6px;font-size:6px}.preview-lesson>span.current{color:#31704f;background:#dff1e4}.attendance-ring{background:conic-gradient(var(--landing-green) 0 95%, #e9eeeb 95%);border-radius:50%;place-items:center;width:89px;height:89px;margin:10px auto 14px;display:grid}.attendance-ring:before{content:"";background:#fff;border-radius:50%;width:70px;height:70px;position:absolute}.attendance-ring span{z-index:1;text-align:center;position:relative}.attendance-ring strong,.attendance-ring small{display:block}.attendance-ring strong{font-size:17px}.attendance-ring small{color:#899592;font-size:7px}.attendance-legend{gap:7px;display:grid}.attendance-legend span{color:#73807e;grid-template-columns:7px 1fr auto;align-items:center;font-size:7px;display:grid}.attendance-legend i{border-radius:50%;width:5px;height:5px}.attendance-legend .present{background:var(--landing-green)}.attendance-legend .late{background:#db9a53}.attendance-legend .absent{background:var(--landing-coral)}.attendance-legend b{color:var(--landing-ink)}.landing-proof{background:var(--landing-green);color:#fff;padding:30px 0}.landing-proof .landing-container{justify-content:space-between;align-items:center;gap:40px;display:flex}.landing-proof p{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.landing-proof .landing-container>div{align-items:center;gap:18px;font:500 17px Georgia,serif;display:flex}.landing-proof i{background:var(--landing-lime);border-radius:50%;width:4px;height:4px}.landing-features{background:var(--landing-white);padding:110px 0 120px}.landing-section-heading{max-width:650px}.landing-kicker{color:var(--landing-coral);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:800;display:block}.landing-section-heading h2,.workflow-copy h2,.landing-final h2{letter-spacing:-.035em;margin:0;font:500 clamp(38px,4.2vw,56px)/1.05 Georgia,serif}.landing-section-heading p{color:var(--landing-muted);margin:20px 0 0;font-size:17px}.feature-grid{border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line);grid-template-columns:repeat(3,1fr);margin-top:62px;display:grid}.feature-card{border-right:1px solid var(--landing-line);min-height:335px;padding:34px 36px 38px 0}.feature-card+.feature-card{padding-left:36px}.feature-card:last-child{border-right:0}.feature-card-top{justify-content:space-between;align-items:center;display:flex}.feature-card-top>span{width:44px;height:44px;color:var(--landing-green);background:#e7efdd;border-radius:50%;place-items:center;font-size:18px;display:grid}.feature-card-top small{color:#9aa7a3;font:500 13px Georgia,serif}.feature-card h3{max-width:280px;margin:42px 0 17px;font:600 25px/1.16 Georgia,serif}.feature-card p{color:var(--landing-muted);margin:0;font-size:14px;line-height:1.75}.landing-workflow{background:#e8ede5;border-block:1px solid #d1dbd3;padding:110px 0}.landing-workflow-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;display:grid}.workflow-copy>p{max-width:520px;color:var(--landing-muted);margin:25px 0 35px;font-size:16px;line-height:1.75}.workflow-copy ul{gap:22px;margin:0;padding:0;list-style:none;display:grid}.workflow-copy li{grid-template-columns:37px 1fr;align-items:start;gap:14px;display:grid}.workflow-copy li>.anticon{width:37px;height:37px;color:var(--landing-green);border:1px solid #bdcbc0;border-radius:50%;place-items:center;display:grid}.workflow-copy li span{color:var(--landing-muted);font-size:13px;line-height:1.55}.workflow-copy li strong{color:var(--landing-ink);margin-bottom:3px;font-size:14px;display:block}.workflow-panel{background:#fff;border:1px solid #cbd6ce;border-radius:12px;overflow:hidden;box-shadow:14px 14px #1d5a4f17}.workflow-panel-head{border-bottom:1px solid #e4e9e5;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.workflow-panel-head>div{align-items:center;gap:12px;display:flex}.workflow-panel-head>div>span{background:var(--landing-green);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.workflow-panel-head strong,.workflow-panel-head small{display:block}.workflow-panel-head small{color:#81908c;margin-top:4px;font-size:11px}.complete-badge{color:#39785f;font-size:11px;font-weight:700}.complete-badge .anticon{margin-right:5px}.workflow-summary{border:1px solid #e3e9e5;border-radius:8px;grid-template-columns:repeat(3,1fr);margin:20px 24px;display:grid}.workflow-summary>div{border-right:1px solid #e3e9e5;padding:15px 18px}.workflow-summary>div:last-child{border-right:0}.workflow-summary strong,.workflow-summary small{display:block}.workflow-summary strong{font-size:22px}.workflow-summary small{color:#81908c;margin-top:3px;font-size:10px}.workflow-rows{padding:0 24px 18px}.workflow-rows>div{border-top:1px solid #ebefec;grid-template-columns:34px 1fr auto 60px;align-items:center;gap:11px;padding:12px 0;font-size:11px;display:grid}.student-avatar{border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;font-weight:800;display:grid}.student-avatar.coral{color:#9e4939;background:#f7ded8}.student-avatar.blue{color:#3f657d;background:#dce9f1}.student-avatar.green{color:#397052;background:#deeee4}.workflow-rows time{color:#84918e}.workflow-rows em{color:#397052;text-align:center;background:#e4f2e8;border-radius:10px;padding:4px 7px;font-size:8px;font-style:normal}.workflow-rows em.late{color:#9d652d;background:#f8ead9}.landing-final{background:var(--landing-ink);color:#fff;text-align:center;padding:115px 0}.landing-final-inner{max-width:820px}.landing-final-inner>div{color:var(--landing-lime);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:25px;font-size:12px;font-weight:700;display:inline-flex}.landing-final h2{color:#fff}.landing-final p{color:#ffffffa3;max-width:640px;margin:22px auto 32px;font-size:16px;line-height:1.7}.landing-final .ant-btn{background:var(--landing-lime);height:51px;color:var(--landing-ink);padding-inline:23px}.landing-final .ant-btn:hover{color:var(--landing-ink)!important;background:#e4f2bd!important}.landing-footer{color:#fff;background:#0a2021;padding:30px 0}.landing-footer .landing-container{align-items:center;gap:30px;display:flex}.landing-footer .landing-brand{color:#fff}.landing-footer .landing-brand-mark{background:var(--landing-lime);color:var(--landing-ink)}.landing-footer .landing-brand small{color:#ffffff80}.landing-footer p{color:#ffffff80;margin:0 auto 0 0;font-size:12px}.landing-footer>div>span{color:#fff6;font-size:11px}.landing-mobile-menu{gap:22px;padding:12px 4px;display:grid}.landing-mobile-menu .landing-brand{margin-bottom:15px}.landing-mobile-menu>a{font-size:16px;font-weight:600;text-decoration:none}@media (width<=1080px){.landing-nav-links{display:none}.landing-hero-grid{grid-template-columns:1fr}.landing-hero-copy{max-width:720px}.school-preview{width:100%;min-width:0;transform:none}.landing-workflow-grid{grid-template-columns:1fr;gap:55px}.workflow-copy{max-width:680px}}@media (width<=760px){.landing-container{width:min(100% - 32px,1180px)}.landing-header{height:66px}.landing-nav-actions{display:none}.landing-menu-button{display:block}.landing-hero{padding:60px 0 50px}.landing-hero-grid{gap:48px}.landing-hero h1{font-size:51px}.landing-hero-copy>p{font-size:16px}.landing-hero-actions{flex-direction:column;align-items:flex-start}.school-preview{margin-left:0;box-shadow:7px 7px #dce9c1}.preview-body{min-height:315px}.preview-sidebar{display:none}.preview-content{padding:14px}.preview-lower{grid-template-columns:1fr}.preview-attendance{display:none}.preview-stats>div{padding:9px}.preview-stats strong{font-size:17px}.landing-proof .landing-container{flex-direction:column;align-items:flex-start;gap:16px}.landing-proof .landing-container>div{flex-wrap:wrap;gap:10px;font-size:15px}.landing-features,.landing-workflow{padding:78px 0}.feature-grid{grid-template-columns:1fr;margin-top:45px}.feature-card,.feature-card+.feature-card{border-right:0;border-bottom:1px solid var(--landing-line);min-height:0;padding:30px 0}.feature-card:last-child{border-bottom:0}.feature-card h3{margin-top:27px}.workflow-panel-head{align-items:flex-start;gap:15px}.complete-badge{white-space:nowrap}.workflow-summary{margin-inline:14px}.workflow-rows{padding-inline:14px}.workflow-rows>div{grid-template-columns:31px 1fr auto}.workflow-rows time{display:none}.landing-final{padding:85px 0}.landing-footer .landing-container{flex-direction:column;align-items:flex-start;gap:14px}.landing-footer p{margin:0}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition:none!important}}
