@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Sora:wght@400;500;600;700;800&display=swap";.sp-portal{--sp-ink:#221b50;--sp-violet:#5044c8;--sp-yellow:#ffd456;--sp-paper:#f8f7fd;--sp-line:#e7e4f1;--sp-muted:#6b6685;background:var(--sp-paper);min-height:100vh;color:var(--sp-ink);font-family:DM Sans,Arial,sans-serif;line-height:1.5}.sp-portal *{box-sizing:border-box}.sp-portal button,.sp-portal input{font:inherit}.sp-portal h1,.sp-portal h2,.sp-portal p{margin:0}.sp-portal h1,.sp-portal h2{letter-spacing:-.04em;font-family:Sora,DM Sans,sans-serif;line-height:1.18}.sp-portal button{cursor:pointer}.sp-portal button:disabled{cursor:wait;opacity:.68}.sp-portal a{color:inherit;text-decoration:none}.sp-portal :focus-visible{outline-offset:4px;outline:3px solid #f5b800}.sp-container{width:min(100% - 3rem,1180px);margin-inline:auto}.sp-brand{flex:none;align-items:center;gap:.72rem;display:inline-flex}.sp-brand img{object-fit:contain;width:44px;height:44px}.sp-brand span{flex-direction:column;line-height:1;display:flex}.sp-brand strong{letter-spacing:-.06em;font:800 1.25rem Sora,sans-serif}.sp-brand small{letter-spacing:.11em;margin-top:.31rem;font-size:.68rem;font-weight:700}.sp-brand-light{color:#fff!important}.sp-login-layout{background:#fff;grid-template-columns:minmax(0,46%) minmax(0,54%);display:grid}.sp-login-story{color:#fff;background:var(--sp-ink);flex-direction:column;justify-content:space-between;min-height:100vh;padding:2rem clamp(2rem,5vw,5.3rem);display:flex;position:relative;overflow:hidden}.sp-login-story:before{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:720px;height:720px;position:absolute;bottom:-400px;left:-340px}.sp-login-story:after{content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;width:390px;height:390px;position:absolute;top:22%;right:-260px}.sp-story-top{z-index:1;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.sp-back-link{align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;display:inline-flex;color:#d6d1fc!important}.sp-back-link:hover{color:#fff!important}.sp-story-content{z-index:1;max-width:520px;padding-top:3rem;position:relative}.sp-story-overline{color:#ddd7ff;font-size:.86rem;font-weight:700}.sp-story-headline{letter-spacing:-.04em;max-width:570px;font:700 clamp(2.7rem,4.2vw,4.6rem)/1.18 Sora,sans-serif;margin-top:1.1rem!important}.sp-story-content>p:not(.sp-story-overline):not(.sp-story-headline){color:#ddd9f4;max-width:410px;margin-top:1.5rem;font-size:1.08rem;line-height:1.7}.sp-story-bottom{z-index:1;color:#cbc6e8;font-size:.81rem;position:relative}.sp-story-visual{width:min(100%,365px);height:180px;margin:3.5rem 0 1rem 2.4rem;position:relative;transform:rotate(-5deg)}.sp-visual-sheet{background:#fff;border-radius:11px;position:absolute;inset:0;box-shadow:0 20px 40px #0a072738}.sp-visual-sheet-back{background:var(--sp-yellow);transform:translate(18px,-19px)rotate(9deg)}.sp-visual-sheet-front{color:var(--sp-violet);justify-content:space-between;align-items:center;gap:.6rem;padding:1.5rem 1.8rem;font:700 clamp(1.7rem,3vw,2.3rem) Sora,sans-serif;display:flex}.sp-visual-sheet-front:after{content:"";background:#e4e0fb;height:1px;position:absolute;bottom:2rem;left:1.8rem;right:1.8rem}.sp-visual-sheet-front span:nth-child(2){color:#f1b715}.sp-login-main{place-items:center;padding:3rem clamp(1.5rem,5vw,5rem);display:grid}.sp-auth-card{width:min(100%,430px)}.sp-auth-icon{width:56px;height:56px;color:var(--sp-violet);background:#eeebff;border-radius:15px;place-items:center;display:grid}.sp-auth-card h1{margin-top:1.4rem;font-size:clamp(2rem,2.7vw,2.6rem)}.sp-auth-intro{color:var(--sp-muted);font-size:1rem;line-height:1.65;margin-top:.75rem!important}.sp-form{flex-direction:column;display:flex}.sp-login-main .sp-form{margin-top:2.4rem}.sp-form label{color:var(--sp-ink);margin-bottom:.5rem;font-size:.9rem;font-weight:700}.sp-form input{width:100%;min-height:52px;color:var(--sp-ink);background:#fff;border:1px solid #dcd8ea;border-radius:9px;outline:0;padding:.8rem 1rem;font-size:1rem}.sp-form input::placeholder{color:#9993ab}.sp-form input:focus{border-color:var(--sp-violet);box-shadow:0 0 0 3px #5044c824}.sp-form label:not(:first-child){margin-top:1.3rem}.sp-password-wrap{position:relative}.sp-password-wrap input{padding-right:3.5rem}.sp-eye-button{width:40px;height:40px;color:var(--sp-muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.sp-eye-button:hover{color:var(--sp-ink);background:#f4f2fb}.sp-primary-button{background:var(--sp-violet);color:#fff;text-align:center;border:0;border-radius:9px;justify-content:center;align-items:center;gap:.8rem;min-height:52px;padding:.82rem 1rem;font-weight:700;display:inline-flex}.sp-primary-button:hover:not(:disabled){background:#3d31b5}.sp-form .sp-primary-button{width:100%;margin-top:1.8rem}.sp-auth-help{color:var(--sp-muted);font-size:.87rem;line-height:1.6;margin-top:1.7rem!important}.sp-form-error,.sp-global-error{color:#972d36;background:#fff3f2;border:1px solid #f5c9c9;border-radius:8px;padding:.75rem .9rem;font-size:.9rem;margin-top:1rem!important}.sp-mobile-brand{display:none}.sp-header{border-bottom:1px solid var(--sp-line);background:#fff}.sp-header-inner{align-items:center;gap:2rem;min-height:82px;display:flex}.sp-header-title{border-left:1px solid var(--sp-line);color:var(--sp-muted);margin-right:auto;padding-left:2rem;font-size:.88rem;font-weight:700}.sp-logout{color:var(--sp-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-left:auto;padding:.58rem .8rem;font-size:.88rem;font-weight:700;display:inline-flex}.sp-logout:hover{color:var(--sp-ink);background:#f2f0fa}.sp-skip-link{z-index:10;background:var(--sp-yellow);border-radius:8px;padding:.6rem .9rem;font-weight:700;position:absolute;top:-100px;left:1rem}.sp-skip-link:focus{top:1rem}.sp-welcome{color:#fff;background:var(--sp-ink);border-radius:17px;justify-content:space-between;align-items:center;gap:2rem;min-height:200px;margin-top:2.5rem;padding:2.2rem 2.6rem;display:flex;position:relative;overflow:hidden}.sp-welcome:after{content:"π";color:#ffffff0e;pointer-events:none;font:800 23rem Sora,sans-serif;position:absolute;top:-84px;right:29%;transform:rotate(-18deg)}.sp-welcome-copy,.sp-welcome-totals{z-index:1;position:relative}.sp-welcome-copy p{color:var(--sp-yellow);font-weight:700}.sp-welcome-copy h1{margin-top:.5rem;font-size:clamp(1.8rem,3vw,2.75rem)}.sp-welcome-copy>span{color:#d3cee8;margin-top:.8rem;font-size:.91rem;display:block}.sp-welcome-totals{flex:none;gap:2.1rem;display:flex}.sp-welcome-totals>div{flex-direction:column;width:112px;display:flex}.sp-welcome-totals>div+div{border-left:1px solid #ffffff3d;width:145px;padding-left:1.6rem}.sp-welcome-totals strong{font:700 2.4rem/1 Sora,sans-serif}.sp-welcome-totals span{color:#d3cee8;margin-top:.55rem;font-size:.83rem;line-height:1.4}.sp-global-error{max-width:700px}.sp-content-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;margin-top:1.8rem;display:grid}.sp-panel{border:1px solid var(--sp-line);background:#fff;border-radius:14px;min-width:0;padding:1.6rem 1.6rem 1.25rem}.sp-panel-heading{border-bottom:1px solid var(--sp-line);align-items:flex-start;gap:.95rem;padding-bottom:1.45rem;display:flex}.sp-section-icon{border-radius:10px;flex:none;place-items:center;width:46px;height:46px;display:grid}.sp-section-icon-calendar{color:#d08c09;background:#fff5d8}.sp-section-icon-book{color:#5044c8;background:#efedff}.sp-panel-heading h2{font-size:1.3rem}.sp-panel-heading p{color:var(--sp-muted);margin-top:.32rem;font-size:.86rem}.sp-absence-list,.sp-correction-list{margin:0;padding:0;list-style:none}.sp-absence-row{grid-template-columns:115px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.15rem 0;display:grid}.sp-absence-row+.sp-absence-row,.sp-correction-row+.sp-correction-row{border-top:1px solid #efedf5}.sp-absence-row time{color:var(--sp-muted);font-size:.82rem;font-weight:700}.sp-absence-row div{flex-direction:column;min-width:0;display:flex}.sp-absence-row div strong{font-size:.9rem}.sp-absence-row div span{color:var(--sp-muted);font-size:.8rem}.sp-status{color:#ad4b2a;white-space:nowrap;background:#fff0ea;border-radius:6px;justify-self:end;padding:.32rem .62rem;font-size:.75rem;font-weight:700}.sp-status-excused{color:#257450;background:#e9f6ef}.sp-correction-row{align-items:center;gap:.8rem;padding:1.15rem 0;display:flex}.sp-file-icon{width:43px;height:48px;color:var(--sp-violet);background:#f1effb;border-radius:7px;flex:none;place-items:center;display:grid}.sp-correction-info{flex-direction:column;flex:1;min-width:0;display:flex}.sp-correction-info strong{overflow-wrap:anywhere;font-size:.9rem}.sp-correction-info span,.sp-correction-info small{color:var(--sp-muted);margin-top:.13rem;font-size:.77rem;line-height:1.4}.sp-download{border:1px solid #dcd8f1;border-radius:7px;flex:none;align-items:center;gap:.4rem;padding:.52rem .66rem;font-size:.8rem;font-weight:700;display:inline-flex;color:var(--sp-violet)!important}.sp-download:hover{background:#f2efff}.sp-empty{text-align:center;flex-direction:column;align-items:center;padding:2.7rem 1rem 2.2rem;display:flex}.sp-empty-icon{color:#8d84ba;border:1px solid #e6e2f3;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.sp-empty strong{margin-top:.9rem;font-size:.92rem}.sp-empty p{max-width:300px;color:var(--sp-muted);margin-top:.3rem;font-size:.82rem;line-height:1.55}.sp-footer{color:var(--sp-muted);justify-content:space-between;align-items:center;gap:1rem;padding:2rem 0;font-size:.8rem;display:flex}.sp-footer a{align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.sp-footer a:hover{color:var(--sp-violet)}.sp-password-page{min-height:100vh}.sp-password-content{width:min(100% - 2rem,460px);margin:4.8rem auto}.sp-password-heading{margin-bottom:2rem}.sp-step-mark{width:56px;height:56px;color:var(--sp-violet);background:#eeebff;border-radius:14px;place-items:center;display:grid}.sp-password-heading p{color:var(--sp-violet);margin-top:1.4rem;font-size:.86rem;font-weight:700}.sp-password-heading h1{margin-top:.45rem;font-size:clamp(2rem,4vw,2.7rem)}.sp-password-heading>span:last-child{color:var(--sp-muted);margin-top:.7rem;line-height:1.6;display:block}.sp-password-content .sp-auth-card{border:1px solid var(--sp-line);background:#fff;border-radius:14px;padding:1.8rem;box-shadow:0 15px 40px #221b500d}.sp-password-content .sp-form label:not(:first-child){margin-top:1.1rem}.sp-field-hint{color:var(--sp-muted);font-size:.78rem;margin-top:.45rem!important}.sp-centered-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.sp-loading{color:var(--sp-muted);align-items:center;gap:.9rem;display:flex}.sp-loader{border:3px solid #e7e3fa;border-top-color:var(--sp-violet);border-radius:50%;width:24px;height:24px;animation:.75s linear infinite sp-spin}.sp-state-panel h1{font-size:2rem}.sp-state-panel p{color:var(--sp-muted);margin:.7rem auto 1.5rem}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (max-width:980px){.sp-login-layout{grid-template-columns:minmax(0,43%) minmax(0,57%)}.sp-login-story{padding-inline:2rem}.sp-story-top{flex-direction:column;align-items:flex-start}.sp-story-headline{font-size:clamp(2.4rem,4vw,3.3rem)}.sp-story-visual{width:280px;height:140px;margin-left:1rem}.sp-content-grid{grid-template-columns:1fr}}@media (max-width:680px){.sp-container{width:min(100% - 2rem,1180px)}.sp-login-layout{min-height:100vh;display:block}.sp-login-story{display:none}.sp-login-main{place-items:normal;min-height:100vh;padding:1.3rem 1.2rem 3rem;display:block}.sp-mobile-brand{justify-content:space-between;align-items:center;width:100%;display:flex}.sp-auth-card{margin:3rem auto 0}.sp-auth-card h1{font-size:2.15rem}.sp-header-inner{gap:.6rem;min-height:70px}.sp-header-title{display:none}.sp-logout{padding-inline:.4rem}.sp-logout span{display:none}.sp-welcome{border-radius:12px;margin-top:1rem;padding:1.55rem;display:block}.sp-welcome-copy h1{font-size:1.85rem}.sp-welcome-totals{border-top:1px solid #fff3;gap:0;margin-top:1.8rem;padding-top:1.2rem}.sp-welcome-totals>div{width:50%}.sp-welcome-totals>div+div{width:50%;padding-left:1.2rem}.sp-welcome-totals strong{font-size:1.9rem}.sp-content-grid{gap:1rem;margin-top:1rem}.sp-panel{border-radius:11px;padding:1.25rem 1rem .8rem}.sp-absence-row{grid-template-columns:minmax(0,1fr) auto;gap:.3rem .8rem}.sp-absence-row time{grid-column:1/-1}.sp-correction-row{align-items:flex-start}.sp-correction-info{padding-top:.15rem}.sp-download{padding:.5rem}.sp-download span{display:none}.sp-password-content{margin-top:2.6rem}.sp-password-content .sp-auth-card{margin-top:0;padding:1.35rem}.sp-footer{display:block}.sp-footer a{margin-top:.7rem}}@media (prefers-reduced-motion:reduce){.sp-loader{animation-duration:1.5s}}