.school-app{--app-ink:#183247;--app-muted:#526478;min-height:100dvh;background:#f1f5f9;color:var(--app-ink)}.school-app main{background-color:#f1f5f9}.school-app .hint,.school-app .row-sub,.school-app .text-ink-500,.school-app .text-neutral-500{color:var(--app-muted)}.school-app main>header:not(.app-welcome):not(.safe-header){border-bottom:1px solid #dee7ef;background:linear-gradient(120deg,#fff 50%,#edf7f8);padding-top:1.5rem;padding-bottom:1.25rem}.school-app .app-welcome{position:relative;isolation:isolate;overflow:hidden;margin:0 0 .5rem;border-radius:0 0 28px 28px;background:linear-gradient(125deg,#123652,#174b70 65%,#166873);color:white;box-shadow:0 10px 24px -16px #153f69;padding:1.5rem 1.25rem 1rem}.school-app .app-welcome:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;border:28px solid #ffffff08;border-radius:50%;inset-inline-end:-90px;top:-75px;pointer-events:none}.school-app .app-welcome dd,.school-app .app-welcome h1{color:#fff}.school-app .app-welcome dd.text-xs,.school-app .app-welcome dt,.school-app .app-welcome p{color:#e0edf7}.school-app .app-welcome .app-eyebrow{color:#b9e9e5;font-size:12px;font-weight:500;margin-bottom:8px}.school-app .app-welcome dl{background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;margin-top:16px;padding:5px 0}.school-app .app-welcome dl>div{border-color:#ffffff26}.school-app .card,.school-app .shadow-sheet{box-shadow:0 3px 16px -9px #19394f26}.school-app .app-duty{border:1px solid #bcd8ed;background:linear-gradient(140deg,#fff 60%,#edf7fb);box-shadow:0 9px 25px -17px #174b70}.school-app .btn-primary{border-radius:14px;background:#0758cc;border-color:#0758cc;box-shadow:0 5px 12px -7px #0758cc99}.school-app .btn-primary:hover{background:#0648a6}.school-app .btn:focus-visible,.school-app a:focus-visible,.school-app button:focus-visible,.school-app summary:focus-visible{outline:3px solid #0b5fff;outline-offset:3px}.school-app .row{min-height:68px;padding-top:12px;padding-bottom:12px}.school-app .row-icon{border-radius:14px}.school-app .row-title{font-weight:700}.school-app .row-sub{margin-top:4px;line-height:1.7}.school-app .app-board-summary{border-top:3px solid #247980}.school-app .tab-bar{inset-inline:10px;bottom:0;max-width:448px;border:1px solid #dbe5ef;border-bottom:0;border-radius:22px 22px 0 0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 28px -15px #19394f55;background:#fffffff5}.school-app .tab{color:#526478;min-height:58px;gap:3px}.school-app .tab>span:first-child{display:grid;place-items:center;width:42px;height:30px;border-radius:11px}.school-app .tab-on{color:#0648a6;font-weight:700}.school-app .tab-on>span:first-child{background:#e5efff}.school-app .tab-on:before{display:none}.school-app .nav-bar{border-color:#dbe5ef}.school-app .safe-header{border-bottom:2px solid #d2e3ef}.school-app.attendance-app main{background:#f1f5f9}@media (min-width:640px){.school-app .app-welcome{border-radius:0 0 32px 32px;padding-inline:1.5rem}}@media (prefers-reduced-motion:reduce){.school-app *,.school-app :after,.school-app :before{animation:none!important;transition:none!important}}@media (max-width:1023px){.school-console{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.school-console main{padding:12px}.school-console .app-welcome{border-radius:22px}.school-console .school-header{padding-top:8px;padding-bottom:8px}.school-console>[role=alert]{padding-block:5px;font-size:11px}.school-console .nav-bar{margin-top:0;box-shadow:none}.school-app main>header:not(.app-welcome):not(.safe-header),.school-console main>div>header{padding-top:12px;padding-bottom:12px}.school-app .vice-workspace .app-welcome{padding:12px 16px;border-radius:18px;margin-bottom:0}.school-app .vice-workspace .app-eyebrow{display:none}.school-app .vice-workspace .app-welcome h1{font-size:19px;line-height:1.5}.school-app .board-content,.school-app .board-overview{padding-inline:0}.school-app .board-overview{padding-top:10px}.school-app .vice-workspace{padding:0 12px}.school-console .vice-workspace{padding:0}.school-app .board-metrics{gap:0;overflow:hidden;border:1px solid #dee7ef;border-radius:16px;background:white}.school-app .board-metrics>div{min-height:80px;padding:10px;border:0;border-radius:0;box-shadow:none}.school-app .board-metrics>div+div{border-inline-start:1px solid #edf1f5}.school-app .board-content>details,.school-app .board-content>section{margin-top:12px}.school-app .vice-workspace .section-title{font-size:16px}.school-app .vice-workspace .alert-bar{min-height:44px;padding:8px 12px;font-size:13px}.school-app .tab-bar{border-radius:18px 18px 0 0;padding-top:4px}.school-app .tab{min-height:50px}.school-app .safe-sheet{border-radius:24px 24px 0 0}.school-app .safe-sheet button{min-height:44px;min-width:44px}.school-app .school-tool[aria-current=page]{background:#e5efff;border-color:#aac9ee;color:#0648a6}}@media (min-width:1024px){.school-console .school-mobile-nav{display:none}}