:root{--navy:#151b52;--navy-mid:#1d2766;--navy-deep:#0f1538;--blue:#1a6ce0;--blue-mid:#3a8bff;--blue-dark:#1a4fb0;--blue-soft:#e6eefc;--yellow:#fbc94a;--yellow-light:#ffdf7a;--yellow-dark:#efb72a;--ink:#1a2140;--ink-soft:#5b6685;--muted-light:#b9c4f5;--white:#fff;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);--sky:var(--blue-mid);--amber:var(--yellow);--amber-light:var(--yellow-light);--amber-glow:#fbc94a4d;--pink:var(--blue);--green:var(--yellow);--teal:var(--blue-mid);--purple:var(--blue);--purple-deep:var(--navy);--yellow-glow:#fbc94a4d}html,body{height:100%;margin:0;padding:0;overflow:hidden!important}.showcase-page.single-screen-lock{color:var(--ink);box-sizing:border-box;background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);flex-direction:column;width:100vw;height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden!important}.showcase-page.single-screen-lock:before{content:"";width:52%;height:98%;clip-path:var(--hex);background:linear-gradient(145deg, #ffffff59 0%, #fff0 38%), linear-gradient(180deg, #0000 58%, #00000052 100%), linear-gradient(135deg, var(--blue-mid) 0%, var(--blue-dark) 100%);opacity:.95;pointer-events:none;z-index:0;position:absolute;top:-14%;right:-9%}.showcase-page.single-screen-lock:after{content:"";width:30%;height:56%;clip-path:var(--hex);background:linear-gradient(145deg, #ffffff73 0%, #fff0 40%), linear-gradient(180deg, #0000 58%, #00000040 100%), linear-gradient(135deg, var(--yellow-light) 0%, var(--yellow-dark) 100%);opacity:.9;pointer-events:none;z-index:0;position:absolute;bottom:-16%;left:-7%}.showcase-page.single-screen-lock .confetti-dot{clip-path:var(--hex);box-shadow:none;pointer-events:none;z-index:0;border-radius:0;position:absolute}.welcome-nav{z-index:10;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:24px 40px;display:flex;position:relative}.welcome-brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-mark{gap:4px;display:flex}.brand-mark span{background:var(--blue);border-radius:3px;width:5px;height:18px}.brand-mark span:nth-child(2){background:var(--yellow);height:24px}.brand-mark span:nth-child(3){background:var(--navy);height:14px}.brand-mark span:nth-child(4){background:var(--blue-mid);height:20px}.brand-name{letter-spacing:-.5px;color:var(--navy);font-size:1.4rem;font-weight:800;line-height:1}.brand-name span{color:var(--blue)}.brand-small{letter-spacing:1.5px;color:var(--ink-soft);margin-top:2px;font-size:.62rem}.nav-login{background:var(--navy-deep);color:var(--white);cursor:pointer;z-index:10;border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 20px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .2s,color .2s,transform .2s;display:flex;box-shadow:0 6px 16px #0f153840}.nav-login:hover{background:var(--yellow);color:var(--navy-deep);transform:translateY(-1px)}.welcome-main{box-sizing:border-box;z-index:1;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:0 40px;display:flex;position:relative}.hero-layout-wrapper{justify-content:space-between;align-items:center;gap:50px;width:100%;max-height:100%;display:flex}.hero-copy{flex-direction:column;flex:1.2;justify-content:center;max-width:650px;display:flex}.hero-ai-intro{background:var(--navy);letter-spacing:1.2px;color:var(--muted-light);border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;padding:6px 14px;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 6px 14px #151b5233}.ai-intro-dot{background:var(--yellow);width:7px;height:7px;box-shadow:0 0 10px var(--yellow);border-radius:50%}.hero-copy h1{letter-spacing:-1px;color:var(--navy);margin:0 0 16px;font-size:clamp(2.5rem,3.8vh,3.8rem);font-weight:800;line-height:1.1}.hero-copy h1 span{color:var(--blue);display:block}.hero-description{color:var(--ink);margin:0 0 14px;font-size:clamp(.95rem,1.6vh,1.1rem);line-height:1.5}.hero-support{color:var(--ink-soft);margin:0 0 24px;font-size:clamp(.85rem,1.4vh,.95rem);line-height:1.5}.hero-inclusive{border-left:6px solid var(--yellow);background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 8px 20px #151b521a}.inclusive-label{color:var(--blue);letter-spacing:1px;font-size:.72rem;font-weight:700}.hero-inclusive p{color:var(--ink-soft);margin:4px 0 0;font-size:clamp(.8rem,1.3vh,.86rem);line-height:1.45}.hero-login-panel{flex:.8;justify-content:flex-end;align-items:center;display:flex}.glass-login-card{background:linear-gradient(160deg, var(--navy-mid) 0%, var(--navy) 55%, var(--navy-deep) 100%);box-sizing:border-box;width:100%;max-width:340px;max-height:86vh;color:var(--white);z-index:2;border:1px solid #ffffff14;border-radius:24px;padding:82px 24px 22px;position:relative;overflow-y:auto;box-shadow:0 26px 60px #080c2873}.glass-login-card::-webkit-scrollbar{width:5px}.glass-login-card::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.glass-login-card{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent}.glass-login-card:before{content:"";background:var(--yellow);pointer-events:none;height:5px;position:absolute;top:0;left:0;right:0}.glass-login-ribbon{background:linear-gradient(135deg, var(--yellow-light) 0%, var(--yellow-dark) 100%);color:var(--navy-deep);letter-spacing:1px;clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%);z-index:3;padding:6px 16px 6px 20px;font-size:.62rem;font-weight:800;position:absolute;top:20px;right:0}.glass-login-avatar{width:56px;height:51px;clip-path:var(--hex);background:linear-gradient(145deg, #ffffff80 0%, #fff0 45%), linear-gradient(135deg, var(--yellow-light) 0%, var(--yellow-dark) 100%);box-sizing:border-box;justify-content:center;align-items:center;padding:3px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.avatar-icon-inner{width:100%;height:100%;clip-path:var(--hex);background:linear-gradient(160deg, var(--navy-mid), var(--navy-deep));position:relative;overflow:hidden}.avatar-icon-inner:before{content:"";background:var(--white);border-radius:50%;width:14px;height:14px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.avatar-icon-inner:after{content:"";background:var(--white);border-radius:50%;width:28px;height:15px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.glass-login-card h2{text-align:center;color:var(--white);margin:0 0 2px;font-size:1.4rem;font-weight:700}.glass-subtitle{text-align:center;color:var(--muted-light);margin:0 0 18px;font-size:.78rem}.glass-form{flex-direction:column;gap:11px;display:flex}.glass-input-group{align-items:center;display:flex;position:relative}.glass-input-group input,.glass-input-group select{width:100%;color:var(--white);box-sizing:border-box;background:#080c2873;border:1px solid #ffffff14;border-radius:999px;outline:none;padding:11px 16px 11px 40px;font-family:inherit;font-size:.86rem;transition:border-color .15s,box-shadow .15s,background .15s}.glass-input-group input:focus,.glass-input-group select:focus{border-color:var(--yellow);background:#080c28a6;box-shadow:0 0 0 4px #fbc94a2e}.glass-input-group input::placeholder{color:#8e9ad0}.glass-input-group select{cursor:pointer;appearance:none;padding-right:36px}.glass-input-group select option{background:var(--navy-deep);color:var(--white)}.glass-input-group.select-wrap:after{content:"";border-right:2px solid var(--yellow);border-bottom:2px solid var(--yellow);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:18px;transform:translateY(-70%)rotate(45deg)}.input-icon{color:var(--yellow);z-index:1;font-size:.88rem;position:absolute;left:15px}.password-toggle{color:var(--muted-light);cursor:pointer;background:0 0;border:none;font-size:.88rem;position:absolute;right:14px}.password-toggle:hover{color:var(--white)}.glass-actions-row{justify-content:flex-end;margin-top:-2px;display:flex}.forgot-password-link{color:var(--yellow-light);cursor:pointer;font-size:.75rem}.forgot-password-link:hover{color:var(--white);text-decoration:underline}.glass-submit-btn{background:linear-gradient(180deg, #ffd868 0%, var(--yellow-dark) 100%);color:var(--navy-deep);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px;font-family:inherit;font-size:.92rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 18px #efb72a4d}.glass-submit-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px #efb72a6b}.glass-divider{align-items:center;margin:16px 0 10px;display:flex}.glass-divider:before,.glass-divider:after{content:"";border-bottom:1px solid #ffffff26;flex:1}.glass-divider span{color:var(--muted-light);letter-spacing:1px;padding:0 10px;font-size:.68rem}.glass-secondary-action{width:100%;color:var(--white);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:11px;font-family:inherit;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:flex}.glass-secondary-action:hover{border-color:var(--yellow);color:var(--yellow-light);background:#fbc94a24}.showcase-page a:focus-visible,.showcase-page button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}@media (prefers-reduced-motion:reduce){.showcase-page *{transition:none!important;animation:none!important}}@media (width<=860px){.welcome-nav,.welcome-main{padding-left:20px;padding-right:20px}.hero-copy{display:none}.hero-login-panel{justify-content:center}}.role-page{--navy:#151b52;--navy-mid:#1d2766;--navy-deep:#0f1538;--blue:#1a6ce0;--blue-mid:#3a8bff;--blue-dark:#1a4fb0;--blue-soft:#e6eefc;--yellow:#fbc94a;--yellow-light:#ffdf7a;--yellow-dark:#efb72a;--ink:#1a2140;--muted:#6f7a95;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);width:100%;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}@media (width<=1024px){.role-page{flex-direction:column}}.role-page:before{content:"";width:220px;height:200px;clip-path:var(--hex);background:linear-gradient(145deg, #fff6 0%, #fff0 40%), linear-gradient(180deg, #0000 58%, #0000004d 100%), linear-gradient(135deg, var(--blue-mid) 0%, var(--blue-dark) 100%);opacity:.85;z-index:20;pointer-events:none;position:absolute;top:-70px;right:-60px}.role-page:after{content:"";width:74px;height:67px;clip-path:var(--hex);background:linear-gradient(145deg, #ffffff80 0%, #fff0 40%), linear-gradient(180deg, #0000 58%, #00000040 100%), linear-gradient(135deg, var(--yellow-light) 0%, var(--yellow-dark) 100%);opacity:.95;z-index:21;pointer-events:none;position:absolute;top:70px;right:120px}.role-hero{background-color:#fff;flex-direction:column;flex:0 0 45%;justify-content:center;min-width:420px;padding:64px 56px;display:flex;position:relative;overflow:hidden}@media (width<=1024px){.role-hero{flex-basis:auto;width:100%;min-width:0;height:380px;padding:40px 32px}}.brand-geometric-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.brand-geometric-layer--primary{background:linear-gradient(145deg, #ffffff1a 0%, #fff0 35%), linear-gradient(135deg, var(--navy-mid) 0%, var(--navy) 55%, var(--navy-deep) 100%);clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);z-index:1}.brand-geometric-layer--accent{background:linear-gradient(135deg, var(--yellow-light) 0%, var(--yellow-dark) 100%);clip-path:polygon(0 0,77% 0,102% 50%,77% 100%,0 100%);z-index:0;width:101.5%}@media (width<=1024px){.brand-geometric-layer--primary{clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.brand-geometric-layer--accent{clip-path:polygon(0 0,100% 0,100% 77%,50% 102%,0 77%);width:100%}}.role-hero__content{z-index:5;max-width:320px;margin-bottom:40px;position:relative}.role-hero__content h1{color:#fff;letter-spacing:-.5px;margin:0 0 12px;font-size:42px;font-weight:800}.role-hero__content p{color:#b9c4f5;margin:0;font-size:16px;line-height:1.6}.role-hero__window{clip-path:var(--hex);z-index:4;background:linear-gradient(135deg, var(--blue-mid), var(--navy));transition:transform .3s;position:absolute;overflow:hidden}.role-hero__window:after{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff47 0%,#fff0 40%),linear-gradient(#0000 60%,#00000059 100%);position:absolute;inset:0}.role-hero__window:hover{transform:scale(1.04)}.role-hero__window img{object-fit:cover;width:100%;height:100%;display:block}.role-hero__window--large{width:260px;height:234px;bottom:-30px;right:30px}.role-hero__window--small{width:130px;height:117px;top:40px;left:40px}@media (width<=1024px){.role-hero__window--large{width:150px;height:135px;bottom:10px;right:20px}.role-hero__window--small{width:90px;height:81px;left:unset;top:20px;right:180px}}.role-select{--tone-coral:#e0282e;--tone-coral-soft:#e0282e12;--tone-teal:#2aa52e;--tone-teal-soft:#2aa52e12;--tone-violet:#3a3f9e;--tone-violet-soft:#3a3f9e12;--tone-accent:#1a6ce0;--tone-accent-soft:#1a6ce012;--tone-amber:#efb72a;--tone-amber-soft:#efb72a1f;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;min-width:0;padding:60px 40px;display:flex;position:relative}.role-select__hero{text-align:center;max-width:480px}.role-select__hero h2{letter-spacing:-.4px;color:var(--navy);margin:0 0 10px;font-size:30px;font-weight:800}.role-select__hero p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.role-select__grid{grid-template-columns:repeat(2,minmax(260px,340px));gap:20px;width:100%;max-width:700px;display:grid}@media (width<=680px){.role-select__grid{grid-template-columns:1fr}}.role-card{appearance:none;text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:18px;outline:none;align-items:flex-start;gap:18px;padding:28px 24px 24px;font-family:inherit;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #151b5214}.role-card:before{content:"";background:var(--tone);height:6px;position:absolute;top:0;left:0;right:0}.role-card:hover{border-color:var(--tone);background-color:#fff;background-image:linear-gradient(var(--tone-soft), var(--tone-soft));transform:translateY(-3px);box-shadow:0 16px 30px #151b5224}.role-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.role-card--coral{--tone:var(--tone-coral);--tone-soft:var(--tone-coral-soft)}.role-card--teal{--tone:var(--tone-teal);--tone-soft:var(--tone-teal-soft)}.role-card--violet{--tone:var(--tone-violet);--tone-soft:var(--tone-violet-soft)}.role-card--accent{--tone:var(--tone-accent);--tone-soft:var(--tone-accent-soft)}.role-card--amber{--tone:var(--tone-amber);--tone-soft:var(--tone-amber-soft)}.role-card__porthole{width:54px;height:49px;clip-path:var(--hex);background:linear-gradient(145deg, #fff6 0%, #fff0 42%), linear-gradient(180deg, #0000 55%, #0000004d 100%), linear-gradient(135deg, var(--tone) 0%, var(--navy-deep) 100%);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.role-card__icon{color:#fff;justify-content:center;align-items:center;font-size:18px;display:flex}.role-card__text{flex-direction:column;display:flex}.role-card__title{color:var(--navy);font-size:16px;font-weight:700}.role-card__blurb{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.45}@media (prefers-reduced-motion:reduce){.role-page *{transition:none!important}}@media (width<=680px){.role-page:before{width:150px;height:135px;top:-50px;right:-45px}.role-page:after{width:50px;height:45px;top:50px;right:90px}.role-select{padding:40px 20px}}.login-page{--lg-navy:#151b52;--lg-navy-deep:#0f1538;--lg-navy-mid:#1d2766;--lg-ink:#1a2140;--lg-muted:#6f7a95;--lg-blue:#1a6ce0;--lg-blue-soft:#e6eefc;--lg-yellow:#fbc94a;--lg-yellow-dark:#efb72a;--lg-red:#ff6b70;--lg-hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);box-sizing:border-box;background:radial-gradient(circle at 20% 15%, #232d7a 0%, var(--lg-navy-deep) 60%);justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-page *{box-sizing:border-box}.lg-unknown{padding:24px;font-family:Inter,Segoe UI,sans-serif}.lg-hex-wrap{pointer-events:none;filter:drop-shadow(0 14px 14px #080c2859);display:block;position:absolute}.lg-hex{clip-path:var(--lg-hex);background:linear-gradient(135deg, var(--hx-a,#3a8bff) 0%, var(--hx-b,#1a4fb0) 100%);display:block;position:absolute;inset:0}.lg-hex:before{content:"";clip-path:var(--lg-hex);background:linear-gradient(145deg,#fff6 0%,#fff0 60%);position:absolute;inset:8% 10% 18%}.lg-hex:after{content:"";background:linear-gradient(#0000 55%,#0000004d 100%);position:absolute;inset:0}.lg-hex-wrap--bg1{--hx-a:#3a8bff;--hx-b:#1a4fb0;opacity:.35;width:150px;height:135px;animation:10s ease-in-out infinite lg-float;top:8%;left:4%}.lg-hex-wrap--bg2{--hx-a:#ffdf7a;--hx-b:#efb72a;opacity:.4;width:120px;height:108px;animation:12s ease-in-out infinite reverse lg-float;bottom:7%;right:5%}@keyframes lg-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(4deg)}}.lg-bubble{pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff24,#ffffff05);border-radius:50%;position:absolute}.lg-bubble--1{width:120px;height:120px;bottom:10%;left:12%}.lg-bubble--2{width:70px;height:70px;top:8%;right:22%}.lg-bubble--3{width:190px;height:190px;top:38%;right:-50px}.lg-card{z-index:1;background:#fff;border-radius:36px;width:100%;max-width:980px;min-height:580px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #05081e80}.lg-brand-panel{background:linear-gradient(160deg,#fff 0%,#eef3fd 100%);flex-direction:column;flex:52%;padding:34px 40px 28px;display:flex;position:relative}.lg-logo{align-items:center;gap:12px;height:40px;display:flex;position:relative}.lg-hex-wrap--logo{--hx-a:var(--lg-yellow);--hx-b:var(--lg-yellow-dark);filter:drop-shadow(0 4px 4px #151b5240);width:38px;height:34px;position:relative}.lg-logo-text{color:var(--lg-navy);letter-spacing:-.2px;font-size:20px;font-weight:700}.lg-art{flex:1;min-height:240px;margin:8px 0;position:relative}.lg-blob{background:linear-gradient(145deg,#dbe7fb 0%,#c4d7f5 100%);border-radius:58% 42% 55% 45%/48% 56% 44% 52%;position:absolute;inset:6% 4% 4% 2%;box-shadow:inset 0 0 40px #ffffffb3}.lg-hex-wrap--main{--hx-a:#3a8bff;--hx-b:var(--lg-navy);width:210px;height:190px;top:14%;left:28%}.lg-hex-wrap--yellow{--hx-a:#ffdf7a;--hx-b:var(--lg-yellow-dark);width:100px;height:90px;top:58%;left:8%}.lg-hex-wrap--small{--hx-a:#5aa0ff;--hx-b:#1a4fb0;width:70px;height:63px;top:62%;right:10%}.lg-brand-copy h2{color:var(--lg-navy);margin:0 0 6px;font-size:21px;font-weight:700;line-height:1.25}.lg-brand-copy p{max-width:340px;color:var(--lg-muted);margin:0;font-size:13.5px;line-height:1.55}.lg-copyright{color:var(--lg-muted);margin:22px 0 0;font-size:11.5px}.lg-form-panel{color:#fff;background:linear-gradient(160deg, var(--lg-navy-mid) 0%, var(--lg-navy) 55%, var(--lg-navy-deep) 100%);border-radius:280px 0 0 220px/55% 0 0 45%;flex:48%;align-items:center;margin-left:-70px;padding:40px 48px 40px 110px;display:flex;position:relative}.lg-form{width:100%;max-width:320px}.lg-title{letter-spacing:-.4px;margin:0 0 6px;font-size:32px;font-weight:700;line-height:1.1}.lg-subtitle{color:#b9c4f5;margin:0 0 22px;font-size:13.5px}.lg-note{color:#d5dcfa;background:#ffffff14;border-radius:14px;margin:0 0 18px;padding:11px 14px;font-size:12px;line-height:1.5}.lg-note a{color:var(--lg-yellow);font-weight:700}.lg-label{color:#d5dcfa;margin:14px 0 6px 4px;font-size:13px;font-weight:600;display:block}.lg-input-wrap{position:relative}.lg-input{color:#fff;background:#080c2873;border:1px solid #ffffff14;border-radius:999px;outline:none;width:100%;height:46px;padding:0 16px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.lg-input-wrap .lg-input{padding-right:46px}.lg-input::placeholder{color:#8e9ad0}.lg-input:focus{border-color:var(--lg-yellow);background:#080c28a6;box-shadow:0 0 0 4px #fbc94a2e}.lg-eye{color:#b9c4f5;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lg-eye:hover{color:#fff;background:#ffffff1a}.lg-submit{background:linear-gradient(180deg, #ffd868 0%, var(--lg-yellow-dark) 100%);width:100%;height:48px;color:var(--lg-navy-deep);cursor:pointer;border:none;border-radius:999px;margin-top:24px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #efb72a4d}.lg-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px #efb72a66}.lg-submit:disabled{opacity:.6;cursor:not-allowed}.lg-error{border-left:4px solid var(--lg-red);color:#ffc9cb;background:#ff6b7024;border-radius:14px;margin:14px 0 0;padding:11px 14px;font-size:13px}.lg-footer-text,.lg-back{text-align:center;color:#b9c4f5;margin:18px 0 0;font-size:13px}.lg-back{margin-top:10px}.lg-footer-text a{color:var(--lg-yellow);font-weight:700;text-decoration:none}.lg-back a{color:#b9c4f5;text-decoration:none}.lg-footer-text a:hover,.lg-back a:hover{color:#fff;text-decoration:underline}.login-page a:focus-visible,.login-page button:focus-visible{outline:3px solid var(--lg-yellow);outline-offset:2px}@media (prefers-reduced-motion:reduce){.login-page *{transition:none!important;animation:none!important}}@media (width<=860px){.lg-card{flex-direction:column;min-height:0}.lg-brand-panel{padding:24px 28px 8px}.lg-art,.lg-brand-copy,.lg-copyright{display:none}.lg-form-panel{border-radius:36px 36px 0 0;margin:0;padding:36px 28px 40px}.lg-form{margin:0 auto}.lg-hex-wrap--bg1,.lg-bubble--3{display:none}}html,body,#root{width:100%;max-width:none;height:100%;margin:0;padding:0;overflow:hidden}body{min-height:0;display:block}*,:before,:after{box-sizing:border-box}:root{--navy-900:#071c33;--navy-800:#0b2a4a;--navy-700:#123b6b;--accent:#1e90ff;--accent-soft:#1e90ff2e;--text-muted:#9fb4c4;--bg-page:#f4f7fb;--slant:32px;--curve:90px;--footer-h:140px;--sky:#bfe9ff;--light-blue:#8fc9f5;--flower:polygon(100% 50%, 92.6% 55.6%, 78% 57.5%, 70.3% 58.4%, 75.1% 64.5%, 84.1% 76.2%, 85.4% 85.4%, 76.2% 84.1%, 64.5% 75.1%, 58.4% 70.3%, 57.5% 78%, 55.6% 92.6%, 50% 100%, 44.4% 92.6%, 42.5% 78%, 41.6% 70.3%, 35.5% 75.1%, 23.8% 84.1%, 14.6% 85.4%, 15.9% 76.2%, 24.9% 64.5%, 29.7% 58.4%, 22% 57.5%, 7.4% 55.6%, 0% 50%, 7.4% 44.4%, 22% 42.5%, 29.7% 41.6%, 24.9% 35.5%, 15.9% 23.8%, 14.6% 14.6%, 23.8% 15.9%, 35.5% 24.9%, 41.6% 29.7%, 42.5% 22%, 44.4% 7.4%, 50% 0%, 55.6% 7.4%, 57.5% 22%, 58.4% 29.7%, 64.5% 24.9%, 76.2% 15.9%, 85.4% 14.6%, 84.1% 23.8%, 75.1% 35.5%, 70.3% 41.6%, 78% 42.5%, 92.6% 44.4%)}.layout-container{background:var(--bg-page);width:100%;height:100dvh;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.sidebar{background:linear-gradient(170deg, var(--navy-900) 0%, var(--navy-800) 45%, var(--navy-700) 100%);color:#fff;width:260px;min-width:260px;max-width:260px;height:100dvh;clip-path:polygon(0 0, 100% 0, calc(100% - var(--slant)) 100%, 0 100%);flex-direction:column;flex:0 0 260px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#1e90ff59 0%,#0000 70%);width:220px;height:220px;position:absolute;top:-80px;right:-60px}.sidebar:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14);width:60px;height:100%;position:absolute;top:0;right:0}.sidebar-header{letter-spacing:.4px;z-index:1;border-bottom:1px solid #ffffff1a;flex:none;padding:22px 28px;font-size:19px;font-weight:700;position:relative}.sidebar-header:before{content:"";top:calc(50vh - 60px);right:calc(var(--slant) / 2);z-index:-1;pointer-events:none;opacity:.85;clip-path:ellipse(100% 50% at 100%);background:linear-gradient(135deg, var(--sky) 0%, var(--light-blue) 100%);width:70px;height:120px;position:absolute}.sidebar-header:after{content:"";z-index:-1;pointer-events:none;opacity:.85;clip-path:ellipse(100% 50% at 0%);background:linear-gradient(135deg, var(--light-blue) 0%, var(--sky) 100%);width:55px;height:95px;position:absolute;top:calc(50vh + 90px);left:0}.sidebar-links{z-index:1;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;flex:1 1 0;gap:2px;min-height:0;margin-top:10px;margin-bottom:10px;padding-right:20px;display:flex;position:relative;overflow:hidden auto}.sidebar-links::-webkit-scrollbar{width:6px}.sidebar-links::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}.sidebar-link{color:var(--text-muted);border-left:3px solid #0000;border-radius:0 999px 999px 0;flex:none;align-items:center;gap:14px;padding:11px 24px 11px 28px;font-size:14.5px;font-weight:500;text-decoration:none;transition:background .25s,color .25s,padding-left .25s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background:#ffffff14;padding-left:32px}.sidebar-link.active{background:linear-gradient(90deg, var(--accent-soft), #ffffff0d);color:#fff;border-left-color:var(--accent)}.icon{text-align:center;width:22px;font-size:17px}.sidebar-footer{width:100%;height:var(--footer-h);z-index:1;clip-path:inset(0 var(--slant) 0 0 round 0 var(--curve) 0 0);background:radial-gradient(circle at 100% 0,#5cb3ff59 0%,#0000 60%),linear-gradient(160deg,#1a5aa8 0%,#1e6fd0 55%,#1e90ff 100%);border-top:none;flex-direction:column;flex:none;justify-content:space-between;margin-top:0;padding:22px 28px 18px 24px;display:flex;position:relative}.sidebar-footer:before{content:"";border-radius:0 var(--curve) 0 0;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 2px #ffffff40}.switch-role{color:#fffc;font-size:13px;text-decoration:none;transition:color .2s}.switch-role:hover{color:#fff}.profile-section{cursor:pointer;align-items:center;gap:10px;margin-top:0;padding-right:16px;display:flex}.avatar{width:38px;height:38px;color:var(--navy-800);background:linear-gradient(135deg,#fff,#cfe6ff);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 0 0 3px #ffffff4d}.profile-info .name{color:#fff;font-size:13px;font-weight:600}.profile-info .role{color:#ffffffbf;font-size:12px}.main-content{min-width:0;min-height:0;margin-left:calc(var(--slant) * -1);background:linear-gradient(#fff 0%,#e8f0ff 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.main-content:before{content:"";z-index:0;pointer-events:none;opacity:.28;width:760px;height:760px;clip-path:var(--flower);background:radial-gradient(circle,#fff3b0 0 9%,#ff9f1c 9% 16%,#0000 16%),conic-gradient(from 67.5deg,#ff6b9d 0deg 45deg,#ffb703 45deg 90deg,#8ecae6 90deg 135deg,#b56cff 135deg 180deg,#ff6b6b 180deg 225deg,#4cd7a0 225deg 270deg,#ffd166 270deg 315deg,#4dabf7 315deg 360deg);animation:80s linear infinite flower-spin;position:absolute;top:calc(50% + 40px);left:50%;translate:-50% -50%}.main-content:after{content:"";z-index:0;pointer-events:none;opacity:.4;width:300px;height:300px;clip-path:var(--flower);background:radial-gradient(circle,#fff 0 9%,#ef476f 9% 16%,#0000 16%),conic-gradient(from 67.5deg,#ffd166 0deg 45deg,#ef476f 45deg 90deg,#06d6a0 90deg 135deg,#118ab2 135deg 180deg,#ffb703 180deg 225deg,#b56cff 225deg 270deg,#ff9f1c 270deg 315deg,#4cc9f0 315deg 360deg);animation:50s linear infinite reverse flower-spin;position:absolute;bottom:-60px;right:-60px}.page-content:before{content:"";z-index:-1;pointer-events:none;opacity:.45;width:240px;height:240px;clip-path:var(--flower);background:radial-gradient(circle,#fff3b0 0 9%,#ff6b9d 9% 16%,#0000 16%),conic-gradient(from 67.5deg,#4cc9f0 0deg 45deg,#ff6b9d 45deg 90deg,#ffd166 90deg 135deg,#06d6a0 135deg 180deg,#b56cff 180deg 225deg,#ff9f1c 225deg 270deg,#ef476f 270deg 315deg,#8ecae6 315deg 360deg);animation:55s linear infinite flower-spin;position:fixed;top:40px;left:270px}@keyframes flower-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.main-content:before,.main-content:after,.page-content:before{animation:none}}.top-navbar{z-index:10;isolation:isolate;padding:16px 32px 26px calc(var(--slant) + 32px);filter:drop-shadow(0 4px 6px #0b2a4a1f);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.top-navbar:before{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,100% 62%,97% 100%,0 100%);background:linear-gradient(90deg,#fff 0%,#f3f8ff 100%);position:absolute;inset:0}.top-navbar:after{content:"";background:linear-gradient(90deg, var(--navy-700), var(--accent));z-index:-1;height:3px;position:absolute;top:0;left:0;right:0}.search-bar{background:#f6f9fd;border:1px solid #dbe4ef;border-radius:999px;outline:none;width:320px;max-width:100%;padding:10px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.search-bar:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.user-actions{align-items:center;gap:6px;display:flex}.user-actions button{cursor:pointer;background:0 0;border:none;border-radius:50%;width:38px;height:38px;font-size:18px;transition:background .2s,transform .2s}.user-actions button:hover{background:var(--accent-soft);transform:translateY(-1px)}.page-content{z-index:1;min-height:0;padding:32px 32px 32px calc(var(--slant) + 32px);flex:1;position:relative;overflow-y:auto}@media (height<=780px){:root{--footer-h:112px;--curve:70px}.sidebar-header{padding:16px 28px;font-size:18px}.sidebar-links{gap:0;margin-top:6px;margin-bottom:6px}.sidebar-link{padding:8px 24px 8px 28px;font-size:14px}.sidebar-footer{padding:16px 28px 12px 24px}.avatar{width:34px;height:34px}}@media (height<=640px){:root{--footer-h:92px;--curve:50px}.sidebar-link{padding:6px 24px 6px 28px;font-size:13.5px}.sidebar-footer{padding:12px 28px 10px 24px}}@media (width<=768px){.sidebar{--slant:14px;--curve:40px;flex-basis:76px;width:76px;min-width:76px;max-width:76px}.sidebar-header{border:0;height:0;padding:0;font-size:0;overflow:visible}.sidebar-header:before{width:34px;height:70px;top:calc(50vh - 35px)}.sidebar-header:after{width:28px;height:56px;top:calc(50vh + 60px)}.sidebar-link span:not(.icon),.profile-info,.switch-role{display:none}.sidebar-link{justify-content:center;padding:12px 0}.sidebar-links{padding-right:14px}.sidebar-footer{justify-content:flex-end;height:90px;padding:12px 20px 12px 10px}.search-bar{width:180px}.main-content:before{width:480px;height:480px}.main-content:after{width:180px;height:180px}.page-content:before{width:150px;height:150px;top:30px;left:90px}}.sf-page{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--red:#e0282e;--red-soft:#fde8e9;--line:#e4e8f4;--field:#f5f7fd;--radius:18px;--shadow:0 6px 18px #151b5214;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);color:var(--ink);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.sf-page *{box-sizing:border-box}.sf-page-header{border-radius:var(--radius);background:var(--navy);color:#fff;box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;padding:26px 30px 24px;display:flex;position:relative;overflow:hidden}.sf-page-header:after{content:"";opacity:.45;width:220px;height:200px;clip-path:var(--hex);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);position:absolute;top:-60px;right:-30px}.sf-page-header:before{content:"";background:var(--yellow);opacity:.9;width:110px;height:100px;clip-path:var(--hex);pointer-events:none;position:absolute;bottom:-44px;left:300px}.sf-header-text,.sf-id-box{z-index:1;position:relative}.sf-title{color:#fff;margin:0 0 6px;font-size:26px;font-weight:700}.sf-subtitle{color:#b9c4f5;margin:0;font-size:14px;font-weight:500}.sf-id-box{flex-direction:column;gap:6px;display:flex}.sf-id-label{color:#b9c4f5;font-size:12px;font-weight:600}.sf-id-value{min-width:150px;height:40px;color:var(--navy);background:#fff;border-radius:12px;align-items:center;padding:0 16px;font-size:14px;font-weight:700;display:flex}.sf-form-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.sf-card{--accent:var(--blue);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:linear-gradient(var(--accent), var(--accent)) top / 100% 6px no-repeat, #fff;flex-direction:column;gap:14px;padding:24px 22px 22px;display:flex}.sf-card--green{--accent:var(--green)}.sf-card--yellow{--accent:var(--yellow)}.sf-card--wide{grid-column:1/-1}.sf-legend{margin:0;font-size:16px;font-weight:700}.sf-hint{color:var(--muted);margin:-8px 0 0;font-size:12px}.sf-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sf-field-row--three{grid-template-columns:repeat(3,1fr)}.sf-field{flex-direction:column;gap:6px;min-width:0;display:flex}.sf-field-label{color:var(--muted);font-size:12px;font-weight:600}.sf-input,.sf-select{background-color:var(--field);width:100%;height:42px;color:var(--ink);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.sf-input::placeholder{color:#9aa4c0}.sf-select{appearance:none;cursor:pointer;text-transform:capitalize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236f7a95' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.sf-input:focus,.sf-select:focus{border-color:var(--blue);background-color:#fff;box-shadow:0 0 0 4px #1a6ce024}.sf-field--invalid .sf-input,.sf-field--invalid .sf-select{background-color:var(--red-soft);border-color:var(--red)}.sf-photo-row{background:var(--field);border-radius:14px;align-items:center;gap:16px;padding:14px;display:flex}.sf-photo-slot{color:#9aa4c0;background:#fff;border:2px dashed #c3cbe3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.sf-photo-slot img{object-fit:cover;width:100%;height:100%}.sf-photo-controls{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sf-file-input{max-width:100%;color:var(--ink);font-family:inherit;font-size:13px}.sf-file-input::file-selector-button{background:var(--blue-soft);color:var(--blue);cursor:pointer;border:none;border-radius:10px;margin-right:12px;padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .15s,color .15s}.sf-file-input::file-selector-button:hover{background:var(--blue);color:#fff}.sf-photo-hint{color:var(--muted);font-size:12px}.sf-photo-selected{color:var(--ink);font-size:12px;font-weight:600}.sf-submit{background:var(--yellow);height:46px;color:var(--navy-deep);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;margin-top:4px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.sf-submit:hover:not(:disabled){background:var(--yellow-dark);transform:translateY(-1px)}.sf-submit:disabled{background:var(--line);color:#9aa4c0;cursor:not-allowed}.sf-message{border-left:6px solid var(--blue);background:var(--blue-soft);color:var(--navy);box-shadow:var(--shadow);border-radius:14px;margin:22px 0 0;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.5}.sf-message--success{border-left-color:var(--green);background:var(--green-soft);color:#145c17}.sf-message--error{border-left-color:var(--red);background:var(--red-soft);color:#8f1a1e}.sf-message a{color:inherit;font-weight:700;text-decoration:underline}.sf-page button:focus-visible,.sf-file-input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sf-page *{transition:none!important}}@media (width<=900px){.sf-form-grid{grid-template-columns:1fr}.sf-card--wide{grid-column:auto}}@media (width<=760px){.sf-page{padding:20px 16px 48px}.sf-field-row,.sf-field-row--three{grid-template-columns:1fr}.sf-page-header{padding:22px 18px 20px}.sf-page-header:after,.sf-page-header:before{opacity:.25}.sf-photo-row{flex-direction:column;align-items:flex-start}}.sf-form{counter-reset:sf-section;border-radius:var(--radius);width:100%;max-width:1180px;box-shadow:var(--shadow);background:#fff;margin:0 auto;padding:0 32px 32px;position:relative;overflow:hidden}.sf-header{background:var(--navy);color:#fff;margin:0 -32px 8px;padding:28px 32px 26px;position:relative;overflow:hidden}.sf-header:after{content:"";opacity:.45;width:220px;height:200px;clip-path:var(--hex);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);position:absolute;top:-60px;right:-30px}.sf-header:before{content:"";background:var(--yellow);opacity:.9;width:110px;height:100px;clip-path:var(--hex);pointer-events:none;position:absolute;bottom:-44px;left:300px}.sf-header .sf-title,.sf-header .sf-subtitle{z-index:1;position:relative}.sf-section-label{counter-increment:sf-section;border-top:1px solid var(--line);align-items:center;gap:12px;margin:28px 0 16px;padding-top:24px;display:flex}.sf-header+.sf-section-label{border-top:none;margin-top:22px;padding-top:0}.sf-section-label:before{content:counter(sf-section);width:34px;height:31px;clip-path:var(--hex);background:var(--yellow);color:var(--navy-deep);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sf-section-label span{color:var(--ink);font-size:16px;font-weight:700}.sf-section-label:after{content:"";background:var(--line);flex:1;height:1px}.sf-row{gap:16px;display:flex}.sf-row>.sf-field{flex:1}.sf-form>.sf-field,.sf-form>.sf-photo-row,.sf-form .sf-field{margin-bottom:14px}.sf-field--full{flex:100%}.sf-input[readonly]{background-color:var(--blue-soft);color:var(--blue);cursor:default;font-weight:700}.sf-form>.sf-submit{width:100%;margin-top:24px;display:flex}.sf-banner{border-left:6px solid var(--blue);background:var(--blue-soft);color:var(--navy);border-radius:14px;margin:18px 0 0;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.5}.sf-banner--error{border-left-color:var(--red);background:var(--red-soft);color:#8f1a1e}.sf-banner--success{border-left-color:var(--green);background:var(--green-soft);color:#145c17}.sf-banner a{color:inherit;font-weight:700;text-decoration:underline}@media (width<=700px){.sf-form{padding:0 18px 24px}.sf-header{margin:0 -18px 8px;padding:22px 18px 20px}.sf-header:after,.sf-header:before{opacity:.25}.sf-row{flex-direction:column;gap:0}}.student-list-content{--sl-navy:#151b52;--sl-navy-deep:#0f1538;--sl-ink:#1a2140;--sl-muted:#6f7a95;--sl-blue:#1a6ce0;--sl-blue-soft:#e6eefc;--sl-green:#2aa52e;--sl-green-soft:#e3f5e4;--sl-yellow:#fbc94a;--sl-yellow-dark:#efb72a;--sl-red:#e0282e;--sl-red-soft:#fde8e9;--sl-line:#e4e8f4;--sl-field:#f5f7fd;--sl-radius:18px;--sl-shadow:0 6px 18px #151b5214;--sl-hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);color:var(--sl-ink);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.student-list-content *{box-sizing:border-box}.sl-page-header{border-radius:var(--sl-radius);background:var(--sl-navy);color:#fff;box-shadow:var(--sl-shadow);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;padding:26px 30px 24px;display:flex;position:relative;overflow:hidden}.sl-page-header:after,.sl-table-header:after{content:"";opacity:.45;width:220px;height:200px;clip-path:var(--sl-hex);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);position:absolute;top:-60px;right:-30px}.sl-page-header:before{content:"";background:var(--sl-yellow);opacity:.9;width:110px;height:100px;clip-path:var(--sl-hex);pointer-events:none;position:absolute;bottom:-44px;left:360px}.sl-table-header:before{content:"";background:var(--sl-yellow);opacity:.9;width:110px;height:100px;clip-path:var(--sl-hex);pointer-events:none;position:absolute;bottom:-44px;left:240px}.sl-header-text,.sl-page-header .sl-btn-primary,.sl-table-title,.sl-table-controls{z-index:1;position:relative}.sl-page-title{color:#fff;margin:0 0 6px;font-size:26px;font-weight:700}.sl-page-subtitle{color:#b9c4f5;max-width:560px;margin:0;font-size:14px;font-weight:500}.sl-btn-primary{background:var(--sl-yellow);height:44px;color:var(--sl-navy-deep);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.sl-btn-primary svg{width:16px;height:16px}.sl-btn-primary:hover{background:var(--sl-yellow-dark);transform:translateY(-1px)}.sl-summary{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.sl-stat{--accent:var(--sl-blue);border-radius:var(--sl-radius);box-shadow:var(--sl-shadow);background:linear-gradient(var(--accent), var(--accent)) top / 100% 6px no-repeat, #fff;padding:24px 22px 18px}.sl-stat--green{--accent:var(--sl-green)}.sl-stat--yellow{--accent:var(--sl-yellow)}.sl-stat-label{color:var(--sl-muted);font-size:12px;font-weight:600;display:block}.sl-stat-value{color:var(--sl-ink);margin-top:4px;font-size:24px;font-weight:700;display:block}.sl-message{border-left:6px solid var(--sl-blue);background:var(--sl-blue-soft);color:var(--sl-navy);box-shadow:var(--sl-shadow);border-radius:14px;margin-bottom:22px;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.5}.sl-message--error{border-left-color:var(--sl-red);background:var(--sl-red-soft);color:#8f1a1e}.sl-table-card{border-radius:var(--sl-radius);box-shadow:var(--sl-shadow);background:#fff;padding:0 0 12px;position:relative;overflow:hidden}.sl-table-header{background:var(--sl-navy);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;padding:26px 30px 24px;display:flex;position:relative;overflow:hidden}.sl-table-title{color:#fff;margin:0;font-size:22px;font-weight:700}.sl-table-controls{flex-wrap:wrap;gap:14px;display:flex}.sl-control{flex-direction:column;gap:6px;display:flex}.sl-control-label{color:#b9c4f5;font-size:12px;font-weight:600}.sl-search-input{align-items:center;display:flex;position:relative}.sl-search-input input{background:var(--sl-field);width:210px;height:40px;color:var(--sl-ink);border:1px solid #0000;border-radius:12px;outline:none;padding:0 12px 0 36px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.sl-search-input input::placeholder{color:#9aa4c0}.sl-search-input input:focus{border-color:var(--sl-blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.sl-search-icon{width:14px;height:14px;color:var(--sl-muted);pointer-events:none;position:absolute;left:13px}.sl-select-wrapper{align-items:center;min-width:150px;display:flex;position:relative}.sl-select-wrapper select{appearance:none;background-color:var(--sl-field);width:100%;height:40px;color:var(--sl-ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236f7a95' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #0000;border-radius:12px;outline:none;padding:0 36px 0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.sl-select-wrapper select:focus{border-color:var(--sl-blue);background-color:#fff;box-shadow:0 0 0 4px #1a6ce024}.sl-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:0 26px 16px;display:flex}.sl-count{color:var(--sl-muted);font-size:13px;font-weight:600}.sl-toolbar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sl-page-size select{height:40px}.sl-dark-btn{background:var(--sl-navy-deep);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.sl-dark-btn svg{width:14px;height:14px}.sl-dark-btn:hover:not(:disabled){background:var(--sl-blue)}.sl-dark-btn:disabled{opacity:.4;cursor:not-allowed}.sl-chip-btn{background:var(--sl-blue-soft);height:40px;color:var(--sl-blue);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.sl-chip-btn svg{width:13px;height:13px}.sl-chip-btn:hover{background:var(--sl-blue);color:#fff}@keyframes sl-spin{to{transform:rotate(360deg)}}.sl-spin{animation:.8s linear infinite sl-spin}.sl-table-scroll{padding:0 26px 8px;overflow-x:auto}.sl-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.sl-table thead th{background:var(--sl-field);color:var(--sl-muted);text-align:left;white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:700}.sl-table thead th:first-child{border-radius:12px 0 0 12px}.sl-table thead th:last-child{border-radius:0 12px 12px 0}.sl-table tbody td{border-bottom:1px solid var(--sl-line);vertical-align:middle;padding:14px;font-size:14px}.sl-table tbody tr{transition:background .15s}.sl-table tbody tr:hover td{background:#fafbff}.sl-table tbody tr:last-child td{border-bottom:none}.sl-empty-row{color:var(--sl-muted);text-align:center;padding:36px 12px!important}.sl-capitalize{text-transform:capitalize}.sl-student-cell{align-items:center;gap:12px;display:flex}.sl-avatar{background:linear-gradient(135deg, var(--sl-blue) 0%, var(--sl-navy) 100%);width:42px;height:42px;box-shadow:0 0 0 3px var(--sl-blue-soft);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sl-student-name{color:var(--sl-ink);font-weight:700}.sl-student-id{color:var(--sl-muted);margin-top:2px;font-size:12px}.sl-two-line{flex-direction:column;gap:2px;display:flex}.sl-two-line small{color:var(--sl-muted);font-size:12px}.sl-badge{white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.sl-badge--navy{background:var(--sl-navy-deep);color:#fff}.sl-badge--blue{background:var(--sl-blue-soft);color:var(--sl-blue)}.sl-status{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.sl-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.sl-status--active{background:var(--sl-green-soft);color:#1d7d21}.sl-status--inactive{color:var(--sl-muted);background:#eceef5}.sl-pagination{justify-content:center;align-items:center;gap:16px;padding:14px 26px 6px;display:flex}.sl-page-info{color:var(--sl-ink);font-size:13px;font-weight:700}.student-list-content button:focus-visible{outline:3px solid var(--sl-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.student-list-content *{transition:none!important;animation:none!important}}@media (width<=900px){.sl-summary{grid-template-columns:1fr 1fr}}@media (width<=760px){.student-list-content{padding:20px 16px 48px}.sl-summary{grid-template-columns:1fr}.sl-page-header,.sl-table-header{flex-direction:column;align-items:flex-start;padding:22px 18px 20px}.sl-page-header:after,.sl-page-header:before,.sl-table-header:after,.sl-table-header:before{opacity:.25}.sl-table-controls,.sl-control,.sl-search-input input,.sl-select-wrapper{width:100%}.sl-toolbar{padding:0 14px 14px}.sl-table-scroll{padding:0 14px 8px}.sl-btn-primary{justify-content:center;width:100%}}@media print{.sl-table-header:before,.sl-table-header:after{display:none}}.teacher-mgmt-content{--tm-navy:#151b52;--tm-navy-deep:#0f1538;--tm-ink:#1a2140;--tm-muted:#6f7a95;--tm-blue:#1a6ce0;--tm-blue-soft:#e6eefc;--tm-green:#2aa52e;--tm-green-soft:#e3f5e4;--tm-yellow:#fbc94a;--tm-yellow-dark:#efb72a;--tm-red:#e0282e;--tm-line:#e4e8f4;--tm-field:#f5f7fd;--tm-radius:18px;--tm-shadow:0 6px 18px #151b5214;color:var(--tm-ink);box-sizing:border-box;background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.teacher-mgmt-content *{box-sizing:border-box}.tm-page-header{background:var(--tm-navy);color:#fff;border-radius:var(--tm-radius);box-shadow:var(--tm-shadow);margin-bottom:24px;padding:24px 30px 22px;position:relative;overflow:hidden}.tm-page-header:after{content:"";opacity:.45;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);width:220px;height:200px;position:absolute;top:-40px;right:-30px}.tm-page-header:before{content:"";background:var(--tm-yellow);opacity:.9;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;width:110px;height:100px;position:absolute;bottom:-38px;right:150px}.tm-page-title{z-index:1;color:#fff;margin:0 0 6px;font-size:26px;font-weight:700;position:relative}.tm-section-title{z-index:1;color:#b9c4f5;margin:0;font-size:14px;font-weight:500;position:relative}.tm-form-card{background:0 0;border:none;margin-bottom:28px;padding:0}.tm-form-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.tm-fieldset{--accent:var(--tm-blue);border-radius:var(--tm-radius);min-width:0;box-shadow:var(--tm-shadow);background:linear-gradient(var(--accent), var(--accent)) top / 100% 6px no-repeat, #fff;border:none;flex-direction:column;gap:14px;margin:0;padding:24px 22px 22px;display:flex}.tm-fieldset:nth-child(2){--accent:var(--tm-green)}.tm-fieldset:nth-child(3){--accent:var(--tm-yellow)}.tm-fieldset legend{color:var(--tm-ink);margin:0 0 2px;padding:0;font-size:15px;font-weight:700}.tm-field{flex-direction:column;gap:6px;min-width:0;display:flex}.tm-field-label{color:var(--tm-muted);font-size:12px;font-weight:600}.tm-optional{color:#94a3b8;font-size:.9em;font-weight:400}.tm-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tm-field input,.tm-field select{width:100%;height:42px;color:var(--tm-ink);background:var(--tm-field);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.tm-field input::placeholder{color:#9aa4c0}.tm-field input:focus,.tm-field select:focus{border-color:var(--tm-blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.tm-field input:disabled{color:var(--tm-muted);cursor:not-allowed}.tm-field-with-icon{align-items:center;display:flex;position:relative}.tm-field-with-icon input{padding-right:42px}.tm-select-wrapper{flex:1;align-items:center;min-width:0;display:flex;position:relative}.tm-select-wrapper select{appearance:none;cursor:pointer;padding-right:36px}.tm-select-caret{color:var(--tm-muted);pointer-events:none;font-size:11px;position:absolute;right:14px}.tm-select-wrapper--compact select{height:40px}.tm-check-group{flex-wrap:wrap;gap:8px;display:flex}.tm-check-chip{background:var(--tm-field);color:var(--tm-ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex;position:relative}.tm-check-chip:hover{background:var(--tm-blue-soft)}.tm-field .tm-check-chip input{opacity:0;pointer-events:none;border:none;width:0;height:0;padding:0;position:absolute}.tm-check-chip.is-selected{background:var(--tm-navy);color:#fff}.tm-class-adder{align-items:center;gap:8px;display:flex}.tm-class-adder>input{flex:1;min-width:0}.tm-chip-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tm-chip-list .tm-chip{height:32px}.tm-password-row{gap:10px;display:flex}.tm-password-input{flex:1;min-width:0}.tm-icon-btn{color:var(--tm-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;font-size:14px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.tm-icon-btn:hover{color:var(--tm-ink)}.tm-icon-btn:disabled{opacity:.5;cursor:wait}.tm-generate-btn{background:var(--tm-navy-deep);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.tm-generate-btn:hover:not(:disabled){background:var(--tm-blue)}.tm-generate-btn:disabled{opacity:.4;cursor:not-allowed}.tm-message{word-break:break-word;border-left:6px solid var(--tm-blue);background:var(--tm-blue-soft);color:var(--tm-navy);box-shadow:var(--tm-shadow);border-radius:14px;margin-top:22px;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.5}.tm-message--success{border-left-color:var(--tm-green);background:var(--tm-green-soft);color:#145c17}.tm-message--error{border-left-color:var(--tm-red);color:#8f1a1e;background:#fde8e9}.tm-form-actions{box-shadow:var(--tm-shadow);background:#fff;border-radius:16px;align-items:center;gap:18px;margin-top:22px;padding:14px 20px;display:flex}.tm-btn-primary{background:var(--tm-yellow);height:44px;color:var(--tm-navy-deep);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.tm-btn-primary:hover:not(:disabled){background:var(--tm-yellow-dark);transform:translateY(-1px)}.tm-btn-primary:disabled{opacity:.6;cursor:wait}.tm-btn-text{color:var(--tm-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:600}.tm-btn-text:hover:not(:disabled){color:var(--tm-ink);text-decoration:underline}.tm-table-card{border-radius:var(--tm-radius);box-shadow:var(--tm-shadow);background:#fff;padding:0 0 12px;position:relative;overflow:hidden}.tm-table-header{background:var(--tm-navy);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;padding:26px 30px 24px;display:flex;position:relative;overflow:hidden}.tm-table-header:after{content:"";opacity:.45;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);width:220px;height:200px;position:absolute;top:-60px;right:-30px}.tm-table-header:before{content:"";background:var(--tm-yellow);opacity:.9;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;width:110px;height:100px;position:absolute;bottom:-44px;left:240px}.tm-table-title{z-index:1;color:#fff;margin:0;font-size:22px;font-weight:700;position:relative}.tm-table-controls{z-index:1;flex-wrap:wrap;gap:14px;display:flex;position:relative}.tm-control{flex-direction:column;gap:6px;display:flex}.tm-control-label{color:#b9c4f5;font-size:12px;font-weight:600}.tm-search-input{align-items:center;display:flex;position:relative}.tm-search-input input{background:var(--tm-field);width:190px;height:40px;color:var(--tm-ink);border:1px solid #0000;border-radius:12px;outline:none;padding:0 12px 0 36px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.tm-search-input input:focus{border-color:var(--tm-blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.tm-search-icon{color:var(--tm-muted);font-size:13px;position:absolute;left:13px}.tm-chip-select{min-width:160px}.tm-chip-select .tm-select-wrapper select,.tm-control .tm-select-wrapper select{background:var(--tm-field);width:100%;color:var(--tm-ink);border:1px solid #0000;border-radius:12px;outline:none;padding:0 36px 0 14px;font-family:inherit;font-size:14px}.tm-control .tm-select-wrapper select:focus{border-color:var(--tm-blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.tm-chip{background:var(--tm-blue-soft);height:40px;color:var(--tm-blue);border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 14px;font-size:13px;font-weight:700;display:inline-flex}.tm-chip button{background:var(--tm-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:9px;display:flex}.tm-chip button:hover{background:var(--tm-navy)}.tm-table-scroll{padding:0 26px 8px;overflow-x:auto}.tm-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.tm-table thead th{text-align:left;color:var(--tm-muted);background:var(--tm-field);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:700}.tm-table thead th:first-child{border-radius:12px 0 0 12px}.tm-table thead th:last-child{border-radius:0 12px 12px 0}.tm-table tbody td{border-bottom:1px solid var(--tm-line);vertical-align:middle;padding:16px 14px;font-size:14px}.tm-table tbody tr{transition:background .15s}.tm-table tbody tr:hover td{background:#fafbff}.tm-table tbody tr:last-child td{border-bottom:none}.tm-actions-col{width:100px}.tm-empty-row{text-align:center;color:var(--tm-muted);padding:32px 12px!important}.tm-teacher-cell{align-items:center;gap:12px;display:flex}.tm-avatar{background:linear-gradient(135deg, var(--tm-blue) 0%, var(--tm-navy) 100%);color:#fff;width:42px;height:42px;box-shadow:0 0 0 3px var(--tm-blue-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.tm-teacher-name{color:var(--tm-ink);font-weight:700}.tm-teacher-email{color:var(--tm-muted);margin-top:2px;font-size:12px}.tm-credentials-cell{background:var(--tm-navy-deep);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;font-weight:600;display:inline-flex}.tm-credentials-sep{color:#6f7fb8}.tm-password-dots{letter-spacing:1px;color:var(--tm-yellow);font-family:Consolas,Courier New,monospace;font-size:13px}.tm-icon-btn--muted{color:#c9d3ff;background:#ffffff1a;width:28px;height:28px;padding:0;position:static;transform:none}.tm-icon-btn--muted:hover{color:var(--tm-navy-deep);background:var(--tm-yellow)}.tm-status-badge{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .15s;display:inline-flex}.tm-status-badge:hover{transform:translateY(-1px)}.tm-status-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.tm-status-badge.is-active{background:var(--tm-green-soft);color:#1d7d21}.tm-status-badge.is-inactive{color:var(--tm-muted);background:#eceef5}.tm-row-actions{align-items:center;gap:8px;display:flex}.tm-icon-btn--edit,.tm-icon-btn--delete{border-radius:10px;width:34px;height:34px;padding:0;font-size:14px;position:static;transform:none}.tm-icon-btn--edit{color:var(--tm-blue);background:var(--tm-blue-soft)}.tm-icon-btn--edit:hover{color:#fff;background:var(--tm-blue)}.tm-icon-btn--delete{color:var(--tm-red);background:#fde8e9}.tm-icon-btn--delete:hover{color:#fff;background:var(--tm-red)}.teacher-mgmt-content button:focus-visible{outline:3px solid var(--tm-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.teacher-mgmt-content *{transition:none!important}}@media (width<=1180px){.tm-form-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.teacher-mgmt-content{padding:20px 16px 48px}.tm-page-header:after,.tm-page-header:before,.tm-table-header:after,.tm-table-header:before{opacity:.25}.tm-table-header{padding:22px 18px 20px}.tm-table-scroll{padding:0 14px 8px}.tm-form-grid,.tm-field-row{grid-template-columns:1fr}.tm-class-adder{flex-wrap:wrap}.tm-table-header{flex-direction:column;align-items:flex-start}.tm-search-input input{width:100%}.tm-form-actions{flex-wrap:wrap}}.fee-set-content{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--red:#e0282e;--red-soft:#fde8e9;--line:#e4e8f4;--field:#f5f7fd;--radius:18px;--shadow:0 6px 18px #151b5214;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);color:var(--ink);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.fee-set-content *{box-sizing:border-box}.fs-page-header,.fs-table-header{background:var(--navy);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:relative;overflow:hidden}.fs-page-header{border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:26px 30px 24px}.fs-table-header{margin-bottom:22px;padding:24px 30px 22px}.fs-page-header:after,.fs-table-header:after{content:"";opacity:.45;width:220px;height:200px;clip-path:var(--hex);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);position:absolute;top:-60px;right:-30px}.fs-page-header:before,.fs-table-header:before{content:"";background:var(--yellow);opacity:.9;width:110px;height:100px;clip-path:var(--hex);pointer-events:none;position:absolute;bottom:-44px;left:300px}.fs-header-text,.fs-period,.fs-table-title,.fs-controls{z-index:1;position:relative}.fs-title{margin:0 0 6px;font-size:26px;font-weight:700}.fs-subtitle{color:#b9c4f5;margin:0;font-size:14px;font-weight:500}.fs-table-title{margin:0;font-size:22px;font-weight:700}.fs-period,.fs-controls{flex-wrap:wrap;gap:14px;display:flex}.fs-summary{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.fs-stat{--accent:var(--blue);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(var(--accent), var(--accent)) top / 100% 6px no-repeat, #fff;align-items:center;gap:14px;padding:22px 20px 18px;display:flex}.fs-stat--green{--accent:var(--green)}.fs-stat--red{--accent:var(--red)}.fs-stat--yellow{--accent:var(--yellow)}.fs-stat-icon{color:#fff;background:var(--accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex}.fs-stat--yellow .fs-stat-icon{color:var(--navy-deep)}.fs-stat-grow{flex:1;min-width:0}.fs-stat-label{color:var(--muted);font-size:12px;font-weight:600}.fs-stat-value{color:var(--ink);word-break:break-word;margin-top:2px;font-size:20px;font-weight:700}.fs-progress{background:var(--field);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.fs-progress span{background:linear-gradient(90deg, var(--yellow-dark), var(--green));border-radius:999px;height:100%;display:block}.fs-form-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.fs-fieldset{--accent:var(--blue);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:linear-gradient(var(--accent), var(--accent)) top / 100% 6px no-repeat, #fff;flex-direction:column;gap:14px;padding:24px 22px 22px;display:flex}.fs-accent-green{--accent:var(--green)}.fs-accent-yellow{--accent:var(--yellow)}.fs-legend{margin:0;font-size:16px;font-weight:700}.fs-hint{color:var(--muted);margin:-8px 0 0;font-size:12px}.fs-field{flex-direction:column;gap:6px;min-width:0;display:flex}.fs-field-label,.fs-control-label{color:var(--muted);font-size:12px;font-weight:600}.fs-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fs-field input,.fs-select select,.fs-search input{width:100%;height:42px;color:var(--ink);background:var(--field);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.fs-field input::placeholder,.fs-search input::placeholder{color:#9aa4c0}.fs-field input:focus,.fs-select select:focus,.fs-search input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.fs-select{align-items:center;min-width:0;display:flex;position:relative}.fs-select select{appearance:none;cursor:pointer;padding-right:36px}.fs-caret{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;right:14px}.fs-btn-primary{background:var(--yellow);height:44px;color:var(--navy-deep);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:0 22px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.fs-btn-primary:hover{background:var(--yellow-dark);transform:translateY(-1px)}.fs-btn-dark{background:var(--navy-deep);color:#fff;cursor:pointer;border:none;border-radius:12px;height:44px;margin-top:auto;padding:0 22px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s}.fs-btn-dark:hover{background:var(--blue)}.fs-chip-list{flex-wrap:wrap;gap:8px;display:flex}.fs-chip{background:var(--green-soft);color:#1d7d21;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:12px;font-weight:700;display:inline-flex}.fs-chip button{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:9px;display:flex}.fs-message{border-left:6px solid var(--blue);background:var(--blue-soft);color:var(--navy);box-shadow:var(--shadow);border-radius:14px;margin-top:22px;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.5}.fs-message--success{border-left-color:var(--green);background:var(--green-soft);color:#145c17}.fs-message--error{border-left-color:var(--red);background:var(--red-soft);color:#8f1a1e}.fs-table-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-top:28px;padding:0 0 12px;overflow:hidden}.fs-control{flex-direction:column;gap:6px;display:flex}.fs-table-header .fs-control-label,.fs-page-header .fs-control-label{color:#b9c4f5}.fs-period .fs-select select,.fs-controls .fs-select select{min-width:130px;height:40px}.fs-search{align-items:center;display:flex;position:relative}.fs-search input{width:190px;height:40px;padding-left:36px}.fs-search-icon{color:var(--muted);font-size:13px;position:absolute;left:13px}.fs-table-scroll{padding:0 26px 8px;overflow-x:auto}.fs-table{border-collapse:separate;border-spacing:0;width:100%;min-width:820px}.fs-table thead th{background:var(--field);color:var(--muted);text-align:left;white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:700}.fs-table thead th:first-child{border-radius:12px 0 0 12px}.fs-table thead th:last-child{border-radius:0 12px 12px 0}.fs-table tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:16px 14px;font-size:14px}.fs-table tbody tr:hover td{background:#fafbff}.fs-table tbody tr:last-child td{border-bottom:none}.fs-actions-col{width:100px}.fs-empty-row{text-align:center;color:var(--muted);padding:32px 12px!important}.fs-strong{font-weight:700}.fs-paid{color:#1d7d21;font-weight:600}.fs-owed{color:var(--red);font-weight:700}.fs-student-cell{align-items:center;gap:12px;display:flex}.fs-avatar{background:linear-gradient(135deg, var(--blue) 0%, var(--navy) 100%);width:38px;height:38px;box-shadow:0 0 0 3px var(--blue-soft);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.fs-badges{flex-wrap:wrap;gap:6px;display:flex}.fs-badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.fs-badge--special{background:var(--yellow);color:var(--navy-deep);margin-left:8px}.fs-badge--navy{background:var(--navy-deep);color:#fff}.fs-badge--blue{background:var(--blue-soft);color:var(--blue)}.fs-badge--yellow{color:#8a6200;background:#fff3cf}.fs-badge--green{background:var(--green-soft);color:#1d7d21}.fs-status{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.fs-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.fs-status--paid{background:var(--green-soft);color:#1d7d21}.fs-status--partial{color:#8a6200;background:#fff3cf}.fs-status--unpaid{background:var(--red-soft);color:var(--red)}.fs-status--nofee{color:var(--muted);background:#eceef5}.fs-row-actions{gap:8px;display:flex}.fs-icon-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:14px;transition:background .15s,color .15s;display:flex}.fs-icon-btn--edit{color:var(--blue);background:var(--blue-soft)}.fs-icon-btn--edit:hover{color:#fff;background:var(--blue)}.fs-icon-btn--delete{color:var(--red);background:var(--red-soft)}.fs-icon-btn--delete:hover{color:#fff;background:var(--red)}.fee-set-content button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.fee-set-content *{transition:none!important}}@media (width<=1180px){.fs-summary,.fs-form-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.fee-set-content{padding:20px 16px 48px}.fs-summary,.fs-form-grid,.fs-field-row{grid-template-columns:1fr}.fs-page-header,.fs-table-header{padding:22px 18px 20px}.fs-page-header:after,.fs-page-header:before,.fs-table-header:after,.fs-table-header:before{opacity:.25}.fs-table-scroll{padding:0 14px 8px}.fs-search input{width:100%}}@media (width<=1050px){.grid.three{grid-template-columns:1fr 1fr}}@media (width<=760px){.page-hero{min-height:210px;padding:25px 22px}.grid.three,.grid.two{grid-template-columns:1fr}.hero-shape.large{opacity:.35}}.mini-form{gap:8px;margin-bottom:14px;display:flex}.date-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.action-card{flex-direction:column;align-items:flex-start;min-height:185px;padding:22px;display:flex}.action-icon{background:var(--blue-soft);width:42px;height:42px;color:var(--blue);border-radius:13px;place-items:center;margin-bottom:14px;font-size:19px;display:grid}.action-card.green{border-top:5px solid var(--green)}.action-card.red{border-top:5px solid var(--red)}.action-copy h3{margin:0 0 5px;font-size:15px}.action-copy p{color:var(--muted);margin:0 0 15px;font-size:12px;line-height:1.55}.action-card .btn{margin-top:auto}@media (width<=1050px){.date-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.date-grid{grid-template-columns:1fr}}@media (width<=1050px){.grid.three{grid-template-columns:1fr 1fr}}@media (width<=760px){.page-hero{min-height:210px;padding:25px 22px}.grid.three,.grid.two{grid-template-columns:1fr}.hero-shape.large{opacity:.35}}.config-card{min-height:260px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.logo-upload{background:var(--field);border-radius:13px;align-items:center;gap:12px;margin-top:18px;padding:12px;display:flex}.logo-preview{background:var(--navy);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.logo-upload .details{flex-direction:column;flex:1;gap:3px;display:flex}.logo-upload small{color:var(--muted);font-size:10px}.fee-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;font-size:13px;display:flex}.grade-table{gap:8px;margin-top:15px;display:grid}.grade-table div{background:var(--field);border-radius:10px;grid-template-columns:36px 1fr 1fr;align-items:center;gap:10px;padding:9px 11px;font-size:12px;display:grid}.grade-table span{background:var(--navy);color:#fff;border-radius:8px;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.grade-table em{color:var(--muted);font-style:normal}.toggle-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 0;font-size:13px;font-weight:700;display:flex}.toggle{cursor:pointer;background:#cbd2df;border:0;border-radius:999px;width:48px;height:26px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .18s;display:block;box-shadow:0 2px 5px #00000026}.toggle.on{background:var(--green)}.toggle.on span{transform:translate(22px)}.backup-panel{justify-content:space-between;align-items:center;gap:25px;display:flex}.backup-panel h2{margin:4px 0;font-size:18px}.backup-panel p{color:var(--muted);margin:0;font-size:12px}.save-bar{color:var(--muted);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;font-size:13px;display:flex;box-shadow:0 7px 20px #151b5212}@media (width<=760px){.form-grid{grid-template-columns:1fr}.backup-panel,.save-bar{flex-direction:column;align-items:flex-start}.logo-upload{flex-wrap:wrap}}*{box-sizing:border-box}.admin-page{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--red:#e0282e;--line:#e4e8f4;--field:#f5f7fd;color:var(--ink);min-height:100%;font-family:Inter,Segoe UI,system-ui,sans-serif}.admin-page input,.admin-page select,.admin-page textarea{background:var(--field);width:100%;color:var(--ink);font:inherit;border:1px solid #0000;border-radius:11px;outline:none}.admin-page input,.admin-page select{height:42px;padding:0 13px}.admin-page textarea{resize:vertical;padding:12px 13px;line-height:1.55}.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce01f}.page-hero{background:var(--navy);color:#fff;border-radius:20px;min-height:190px;margin-bottom:24px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 14px 35px #151b5229}.page-hero:after{content:"";opacity:.07;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;border:2px solid #fff;width:420px;height:180px;position:absolute;top:12px;left:48%;transform:rotate(10deg)}.hero-copy{z-index:3;max-width:650px;position:relative}.eyebrow,.kicker{letter-spacing:.16em;color:#9faff0;font-size:11px;font-weight:800;display:block}.hero-copy h1{letter-spacing:-.03em;margin:8px 0 7px;font-size:30px;line-height:1.15}.hero-copy p{color:#c6cff2;max-width:590px;margin:0;font-size:14px;line-height:1.7}.hero-shape{z-index:1;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);place-items:center;display:grid;position:absolute}.hero-shape.large{opacity:.55;color:#ffffffbf;background:linear-gradient(135deg,#2b7cf0,#1a4fb0);width:250px;height:225px;font-size:58px;top:-42px;right:-25px}.hero-shape.small{background:var(--yellow);opacity:.9;width:115px;height:105px;bottom:-50px;right:180px}.grid{gap:22px;margin-bottom:22px;display:grid}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card,.panel{border:1px solid var(--line);background:#fff;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 8px 24px #151b5214}.card{padding:23px}.card:after{content:"";opacity:.07;background:var(--blue);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;width:120px;height:110px;position:absolute;bottom:-48px;right:-36px;transform:rotate(18deg)}.card.blue{border-top:6px solid var(--blue)}.card.green{border-top:6px solid var(--green)}.card.yellow{border-top:6px solid var(--yellow)}.card.red{border-top:6px solid var(--red)}.card-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-head h2{margin:0;font-size:17px}.number{background:var(--navy);color:#fff;border-radius:11px;flex:none;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid;box-shadow:4px 4px #1a6ce01f}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:11px;min-height:42px;padding:0 16px;font:600 13px inherit}.btn.dark{background:var(--navy-deep);color:#fff}.btn.yellow{background:var(--yellow);color:var(--navy-deep);font-weight:800}.btn.outline{color:var(--navy);border:1px solid var(--line);background:#fff}.btn:hover{transform:translateY(-1px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.panel{margin-bottom:22px;padding:26px}.panel-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.panel-head h2{margin:5px 0 0;font-size:19px}.pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.pill.green{background:var(--green-soft);color:#1d7d21}.pill.blue{background:var(--blue-soft);color:var(--blue)}.pill.yellow{color:#966b00;background:#fff4ce}.field{color:var(--muted);flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}@media (width<=1050px){.grid.three{grid-template-columns:1fr 1fr}}@media (width<=760px){.page-hero{min-height:210px;padding:25px 22px}.grid.three,.grid.two{grid-template-columns:1fr}.hero-shape.large{opacity:.35}}.message-composer{min-height:430px}.message-composer .field{margin-bottom:15px}.composer-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:5px;font-size:11px;display:flex}.success-note{background:var(--green-soft);color:#17691b;border-radius:10px;margin-top:13px;padding:10px 12px;font-size:12px;font-weight:700}.workflow{padding-top:5px}.workflow-step{align-items:center;gap:13px;display:flex}.workflow-step>span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.workflow-step b{font-size:13px;display:block}.workflow-step small{color:var(--muted);font-size:11px}.workflow-line{border-left:2px dashed #cbd3e5;height:30px;margin-left:17px}.message-list{display:grid}.message-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:14px 0;display:flex}.message-avatar{background:var(--navy);width:40px;height:40px;color:var(--yellow);border-radius:12px;place-items:center;display:grid}.message-main{flex:1;min-width:0}.message-main strong{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;display:block;overflow:hidden}.message-main span{color:var(--muted);font-size:11px}.icon-square{background:var(--field);width:34px;height:34px;color:var(--navy);cursor:pointer;border:0;border-radius:9px;font-weight:800}@media (width<=760px){.composer-footer{flex-direction:column;align-items:flex-start}}SystemConfiguration.jsx .upload-marks-page{padding:24px}.upload-marks-header{margin-bottom:24px}.upload-marks-header h1{color:var(--text-primary,#1f2937);margin:0;font-size:24px}.upload-marks-header p{color:var(--text-secondary,#6b7280);margin-top:6px;margin-bottom:0;font-size:14px}.upload-marks-filter-card{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:20px;padding:18px;display:flex}.upload-marks-filter-field{color:var(--text-secondary,#6b7280);font-size:13px;display:block}.upload-marks-filter-field>span{margin-bottom:4px;display:block}.upload-marks-select{border:1px solid var(--border,#d1d5db);height:36px;color:var(--text-primary,#1f2937);background:#fff;border-radius:6px;outline:none;min-width:150px;padding:8px 10px;font-size:14px}.upload-marks-select:focus{border-color:var(--primary,#163a30)}.upload-marks-load-btn{background:var(--primary,#163a30);color:#fff;cursor:pointer;border:none;border-radius:6px;height:36px;padding:0 16px;font-size:14px}.upload-marks-load-btn:hover:not(:disabled){opacity:.9}.upload-marks-load-btn:disabled{cursor:not-allowed;opacity:.6}.upload-marks-reset-btn{border:1px solid var(--border,#d1d5db);height:36px;color:var(--text-primary,#1f2937);cursor:pointer;background:#fff;border-radius:6px;padding:0 14px;font-size:14px}.upload-marks-reset-btn:hover{background:#f8fafc}.upload-marks-info{color:var(--text-primary,#1f2937);background:#f3f7f5;border-radius:7px;margin-bottom:14px;padding:10px 14px;font-size:14px}.upload-marks-error{color:#b42318;background:#fff3f2;border-radius:7px;margin-bottom:14px;padding:10px 14px;font-size:14px}.upload-marks-success{color:#027a48;background:#ecfdf3;border-radius:7px;margin-bottom:14px;padding:10px 14px;font-size:14px}.upload-marks-table-card{border:1px solid var(--border,#e5e7eb);background:#fff;border-radius:10px;overflow:hidden}.upload-marks-table-header{border-bottom:1px solid var(--border,#e5e7eb);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.upload-marks-subject{color:var(--text-primary,#1f2937);font-size:16px;font-weight:600}.upload-marks-meta{color:var(--text-secondary,#6b7280);margin-top:3px;font-size:13px}.upload-marks-pupil-count{color:var(--text-secondary,#6b7280);font-size:13px}.upload-marks-table-wrapper{overflow-x:auto}.upload-marks-table{border-collapse:collapse;width:100%}.upload-marks-table thead tr{border-bottom:1px solid var(--border,#e5e7eb)}.upload-marks-table th{color:var(--text-secondary,#6b7280);text-align:left;white-space:nowrap;padding:10px 16px;font-size:13px}.upload-marks-table tbody tr{border-bottom:1px solid var(--border,#e5e7eb)}.upload-marks-table tbody tr:last-child{border-bottom:none}.upload-marks-table tbody tr:hover{background:#fafafa}.upload-marks-table td{color:var(--text-primary,#1f2937);padding:10px 16px;font-size:14px}.upload-marks-score-input{border:1px solid var(--border,#d1d5db);background:#fff;border-radius:6px;outline:none;width:90px;padding:8px 10px;font-size:14px}.upload-marks-score-input:focus{border-color:var(--primary,#163a30)}.upload-marks-grade-select{border:1px solid var(--border,#d1d5db);background:#fff;border-radius:6px;outline:none;height:36px;padding:8px 10px;font-size:14px}.upload-marks-grade-select:focus{border-color:var(--primary,#163a30)}.upload-marks-score-input.locked,.upload-marks-grade-select.locked{cursor:not-allowed;color:#6b7280;background:#f5f5f5}.upload-marks-status{border-radius:20px;padding:5px 8px;font-size:12px;font-weight:600;display:inline-block}.upload-marks-status.uploaded{color:#027a48;background:#ecfdf3}.upload-marks-status.pending{color:#c2410c;background:#fff7ed}.upload-marks-save-footer{border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end;padding:14px 18px;display:flex}.upload-marks-save-btn{background:var(--primary,#163a30);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:600}.upload-marks-save-btn:hover:not(:disabled){opacity:.9}.upload-marks-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (width<=900px){.upload-marks-page{padding:16px}.upload-marks-filter-card{align-items:stretch}.upload-marks-filter-field,.upload-marks-select,.upload-marks-load-btn,.upload-marks-reset-btn{width:100%}}@media (width<=600px){.upload-marks-header h1{font-size:21px}.upload-marks-table th,.upload-marks-table td{padding:9px 12px}}.class-teacher-page{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--muted-light:#9aa4c0;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--yellow-soft:#fff3cf;--red:#e0282e;--red-soft:#fde8e9;--line:#e4e8f4;--field:#f5f7fd;--radius:18px;--shadow:0 6px 18px #151b5214;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);--table-navy:#151b52;--table-cyan:#0ff;--table-pink:#f99;--table-green:#00ff41;--table-coral:coral;width:100%;max-width:1580px;color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);margin:0 auto;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.class-teacher-page *,.class-teacher-page :before,.class-teacher-page :after{box-sizing:border-box}.class-teacher-page svg{flex:none}@keyframes ct-spin{to{transform:rotate(360deg)}}@keyframes ct-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes ct-fade{0%{opacity:0}to{opacity:1}}.spin{animation:.8s linear infinite ct-spin}.class-teacher-header{border-radius:var(--radius);background:var(--navy);color:#fff;box-shadow:var(--shadow);justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px;padding:28px 30px 26px;animation:.35s both ct-rise;display:flex;position:relative;overflow:hidden}.class-teacher-header:after{content:"";opacity:.45;width:220px;height:200px;clip-path:var(--hex);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);position:absolute;top:-60px;right:-30px}.class-teacher-header:before{content:"";background:var(--yellow);opacity:.9;width:110px;height:100px;clip-path:var(--hex);pointer-events:none;position:absolute;bottom:-46px;left:360px}.header-text,.header-stats{z-index:1;position:relative}.header-text{min-width:0}.page-eyebrow{color:var(--yellow);align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-flex}.page-eyebrow svg{width:14px;height:14px}.class-teacher-header h1{color:#fff;margin:0 0 6px;font-size:clamp(24px,3vw,28px);font-weight:700;line-height:1.15}.class-teacher-header p{color:#b9c4f5;max-width:620px;margin:0;font-size:14px;font-weight:500;line-height:1.55}.header-stats{flex-shrink:0;grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px;display:grid}.header-stat{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:11px;min-width:138px;padding:12px 14px;display:flex}.header-stat-icon{background:var(--yellow);width:38px;height:38px;color:var(--navy-deep);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.header-stat-icon svg{width:17px;height:17px}.header-stat small{color:#b9c4f5;font-size:11px;font-weight:600;display:block}.header-stat strong{color:#fff;margin-top:2px;font-size:18px;font-weight:700;display:block}.teacher-filters{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(var(--blue), var(--blue)) top / 100% 6px no-repeat, #fff;padding:24px 22px 22px;animation:.4s 40ms both ct-rise}.filters-title{color:var(--ink);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.filters-title svg{width:15px;height:15px;color:var(--blue)}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.filter-field{flex-direction:column;gap:6px;min-width:175px;display:flex}.filter-field label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.filter-field label svg{width:12px;height:12px;color:var(--blue)}.filter-field select,.filter-field input{background:var(--field);width:100%;height:42px;color:var(--ink);font:inherit;border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.filter-field select:focus,.filter-field input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.select-wrapper{position:relative}.select-wrapper select{appearance:none;cursor:pointer;padding-right:38px}.select-wrapper svg{width:13px;height:13px;color:var(--muted);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.filter-field input[type=number]{-moz-appearance:textfield}.filter-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.load-marks-button,.send-report-button{background:var(--yellow);height:44px;color:var(--navy-deep);font:inherit;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.load-marks-button svg,.send-report-button svg{width:15px;height:15px}.load-marks-button:hover:not(:disabled),.send-report-button:hover:not(:disabled){background:var(--yellow-dark);transform:translateY(-1px)}.load-marks-button:disabled{opacity:.55;cursor:not-allowed}.teacher-error{border-left:6px solid var(--red);background:var(--red-soft);color:#8f1a1e;box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:11px;margin-top:18px;padding:14px 18px;animation:.25s both ct-rise;display:flex}.teacher-error>svg{width:17px;height:17px;margin-top:1px}.teacher-error strong{margin-bottom:2px;font-size:14px;display:block}.teacher-error span{font-size:13px;line-height:1.5;display:block}.section-label{align-items:center;gap:12px;margin:34px 0 16px;display:flex}.section-label-icon{width:40px;height:36px;clip-path:var(--hex);background:var(--yellow);color:var(--navy-deep);flex:0 0 40px;justify-content:center;align-items:center;display:inline-flex}.section-label-icon svg{width:15px;height:15px}.section-label div{flex-direction:column;gap:2px;display:flex}.section-label small{color:var(--muted);font-size:12px;font-weight:600}.section-label strong{color:var(--ink);font-size:16px;font-weight:700}.section-line{background:#151b5224;flex:1;height:1px;margin-left:6px}.empty-state{border-radius:var(--radius);min-height:130px;box-shadow:var(--shadow);color:var(--muted);background:#fff;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.empty-state>svg{width:22px;height:22px;color:var(--muted-light)}.empty-state strong{color:var(--ink);margin-bottom:3px;font-size:14px;font-weight:700;display:block}.empty-state span{color:var(--muted);font-size:13px;display:block}.assessment-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));align-items:start;gap:22px;display:grid}.assessment-box{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;animation:.35s both ct-rise;overflow:hidden}.assessment-box-header{justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:16px 20px;display:flex}.assessment-small-label{letter-spacing:1px;opacity:.7;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.assessment-box-header h3{margin:0;font-size:18px;font-weight:700}.assessment-year{background:#ffffffbf;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.assessment-year svg{width:12px;height:12px}.assessment-bot .assessment-box-header{background:var(--table-cyan);color:var(--table-navy)}.assessment-test .assessment-box-header{background:var(--table-pink);color:var(--table-navy)}.assessment-midterm .assessment-box-header{background:var(--table-coral);color:var(--table-navy)}.assessment-holiday .assessment-box-header{background:var(--table-green);color:var(--table-navy)}.assessment-end .assessment-box-header,.assessment-default .assessment-box-header{background:var(--table-navy);color:#fff}.assessment-end .assessment-year,.assessment-default .assessment-year{background:#ffffff24}.submission-subject-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;padding:16px;display:grid}.submission-subject-card{background:var(--field);border-radius:14px;min-width:0;padding:12px;transition:background .15s,transform .15s}.submission-subject-card:hover{background:var(--blue-soft);transform:translateY(-1px)}.submission-subject-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.mini-subject-icon{width:32px;height:29px;clip-path:var(--hex);background:var(--navy);color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.submitted-status{background:var(--green-soft);color:#1d7d21;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.submitted-status svg{width:10px;height:10px}.submission-subject-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.submission-subject-meta{color:var(--muted);border-top:1px dashed #c3cbe3;justify-content:space-between;align-items:center;gap:7px;margin-top:9px;padding-top:9px;font-size:11px;display:flex}.submission-subject-meta span:last-child{color:var(--ink);font-weight:700}.marks-sections{flex-direction:column;gap:24px;display:flex}.marks-assessment-block{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding-bottom:12px;animation:.35s both ct-rise;overflow:hidden}.marks-table-header{background:var(--navy);color:#fff;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;padding:24px 30px 22px;display:flex;position:relative;overflow:hidden}.marks-table-header:after{content:"";opacity:.45;width:220px;height:200px;clip-path:var(--hex);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);position:absolute;top:-60px;right:-30px}.marks-table-header:before{content:"";background:var(--yellow);opacity:.9;width:110px;height:100px;clip-path:var(--hex);pointer-events:none;position:absolute;bottom:-44px;left:300px}.marks-title-area,.marks-meta{z-index:1;position:relative}.marks-title-area{min-width:0}.marks-assessment-label{background:var(--yellow);color:var(--navy-deep);border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.marks-assessment-label svg{width:11px;height:11px}.marks-table-header h2{color:#fff;margin:0;font-size:22px;font-weight:700}.marks-table-note{color:#b9c4f5;margin:5px 0 0;font-size:13px;font-weight:500}.marks-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.marks-meta span{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.marks-meta svg{width:12px;height:12px;color:var(--yellow)}.marks-table-wrapper{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c3cbe3 transparent;width:100%;padding:0 26px 8px;overflow-x:auto}.marks-table-wrapper::-webkit-scrollbar{height:8px}.marks-table-wrapper::-webkit-scrollbar-track{background:var(--field);border-radius:999px}.marks-table-wrapper::-webkit-scrollbar-thumb{background:#c3cbe3;border-radius:999px}.marks-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px}.marks-table th{z-index:3;background:var(--field);height:46px;color:var(--muted);text-align:center;white-space:nowrap;padding:0 12px;font-size:12px;font-weight:700;position:sticky;top:0}.marks-table th:first-child{border-radius:12px 0 0 12px}.marks-table th:last-child{border-radius:0 12px 12px 0}.position-header{width:82px;min-width:82px;left:0;z-index:7!important;background:var(--field)!important;position:sticky!important}.student-header{min-width:235px;left:82px;z-index:7!important;text-align:left!important;background:var(--field)!important;padding-left:16px!important;position:sticky!important}.marks-table td{border-bottom:1px solid var(--line);height:58px;color:var(--ink);text-align:center;white-space:nowrap;background:#fff;padding:9px 12px;font-size:14px;transition:background .12s}.marks-table tbody tr:last-child td{border-bottom:none}.marks-table tbody tr:hover td{background:#fafbff}.marks-table tbody tr.top-row td{background:#fffaf0}.marks-table tbody tr.top-row:hover td{background:#fff6e0}.marks-table tbody tr{animation:.3s both ct-fade}.position-cell{z-index:4;width:82px;min-width:82px;position:sticky;left:0;text-align:center!important;background:#fff!important}.marks-table tbody tr:hover .position-cell{background:#fafbff!important}.marks-table tbody tr.top-row .position-cell{background:#fffaf0!important}.position-badge{width:42px;height:38px;clip-path:var(--hex);background:var(--yellow);color:var(--navy-deep);justify-content:center;align-items:center;gap:3px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.position-badge svg{width:10px;height:10px}.position-badge.rank-1,.position-badge.rank-2,.position-badge.rank-3{background:var(--navy);color:#fff}.missing-position{color:var(--muted-light);font-size:13px}.student-cell{z-index:4;min-width:235px;box-shadow:1px 0 0 var(--line);position:sticky;left:82px;text-align:left!important;background:#fff!important;padding-left:16px!important}.marks-table tbody tr:hover .student-cell{background:#fafbff!important}.marks-table tbody tr.top-row .student-cell{background:#fffaf0!important}.student-inner{align-items:center;gap:12px;display:flex}.student-avatar{background:linear-gradient(135deg, var(--blue) 0%, var(--navy) 100%);width:38px;height:38px;box-shadow:0 0 0 3px var(--blue-soft);color:#fff;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.student-cell strong{max-width:170px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.student-cell small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.mark-cell{justify-content:center;align-items:center;gap:7px;display:inline-flex}.mark-cell strong{color:var(--ink);font-size:14px;font-weight:700}.grade-pill{border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.grade-distinction{background:var(--green-soft);color:#1d7d21}.grade-credit{background:var(--blue-soft);color:var(--blue)}.grade-pass{background:var(--yellow-soft);color:#8a6200}.grade-fail{background:var(--red-soft);color:var(--red)}.grade-default{color:var(--muted);background:#eceef5}.missing-mark{color:var(--muted-light);font-size:13px}.total-cell,.average-cell,.aggregate-cell{border-left:1px solid var(--line);background:var(--field)!important}.total-cell{min-width:80px}.average-cell{min-width:82px}.aggregate-cell{min-width:105px}.total-cell strong{color:var(--ink);font-size:14px;font-weight:800}.average-cell strong{color:var(--blue);font-size:14px;font-weight:800}.aggregate-display{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.aggregate-display strong{color:var(--navy);font-size:18px;font-weight:800;line-height:1.1}.aggregate-display small{color:var(--muted);font-size:10px;font-weight:600}.missing-aggregate{color:var(--muted-light);font-size:13px}.grading-card{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(var(--green), var(--green)) top / 100% 6px no-repeat, #fff;align-items:flex-start;gap:16px;margin-top:24px;padding:26px 22px 22px;display:flex}.grading-icon{width:46px;height:42px;clip-path:var(--hex);background:var(--green);color:#fff;flex:0 0 46px;justify-content:center;align-items:center;display:flex}.grading-icon svg{width:18px;height:18px}.grading-card h3{color:var(--ink);margin:0 0 5px;font-size:16px;font-weight:700}.grading-card p{max-width:850px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.send-report-area{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(var(--yellow), var(--yellow)) top / 100% 6px no-repeat, #fff;justify-content:space-between;align-items:center;gap:25px;margin-top:24px;padding:28px 24px 22px;display:flex}.send-report-content{align-items:center;gap:14px;display:flex}.send-report-icon{width:46px;height:42px;clip-path:var(--hex);background:var(--navy);color:#fff;flex:0 0 46px;justify-content:center;align-items:center;display:flex}.send-report-icon svg{width:17px;height:17px}.send-report-content h3{color:var(--ink);margin:0 0 3px;font-size:16px;font-weight:700}.send-report-content p{color:var(--muted);margin:0;font-size:13px}.send-report-button{min-width:205px}.send-report-button.disabled,.send-report-button:disabled{background:var(--line);color:var(--muted-light);cursor:not-allowed;transform:none}.waiting-message,.success-message{border-radius:999px;align-items:center;gap:6px;margin:0;padding:7px 14px;font-size:12px;font-weight:700;animation:.25s both ct-fade;display:inline-flex}.waiting-message{background:var(--yellow-soft);color:#8a6200}.success-message{background:var(--green-soft);color:#1d7d21}.waiting-message svg,.success-message svg{width:12px;height:12px}.class-teacher-page button:focus-visible,.class-teacher-page select:focus-visible,.class-teacher-page input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.class-teacher-page *,.class-teacher-page :before,.class-teacher-page :after{transition:none!important;animation:none!important}}@media (width<=1150px){.class-teacher-header{flex-direction:column;align-items:flex-start}.header-stats{width:100%}.header-stat{min-width:0}}@media (width<=800px){.class-teacher-page{padding:20px 16px 48px}.class-teacher-header{padding:22px 18px 20px}.class-teacher-header:after,.class-teacher-header:before,.marks-table-header:after,.marks-table-header:before{opacity:.25}.filters-row{flex-direction:column;align-items:stretch}.filter-field{width:100%;min-width:0}.load-marks-button,.send-report-button{width:100%}.assessment-grid{grid-template-columns:1fr}.marks-table-header{flex-direction:column;align-items:flex-start;padding:22px 18px 20px}.marks-meta{justify-content:flex-start;width:100%}.marks-table-wrapper{padding:0 14px 8px}.send-report-area{flex-direction:column;align-items:stretch}.send-report-content{align-items:flex-start}.waiting-message,.success-message{align-self:flex-start}}@media (width<=560px){.header-stats,.submission-subject-grid{grid-template-columns:1fr}.marks-table{min-width:980px}.student-header,.student-cell{min-width:205px}.position-header,.position-cell{width:75px;min-width:75px}.student-header,.student-cell{left:75px}}@media print{.class-teacher-page{background:#fff;max-width:none;padding:0}.teacher-filters,.send-report-area,.grading-card,.header-stats{display:none!important}.class-teacher-header,.marks-assessment-block,.assessment-box{box-shadow:none;break-inside:avoid}.marks-table{min-width:0}.marks-table-wrapper{overflow:visible}.position-cell,.student-cell,.position-header,.student-header{box-shadow:none;position:static}.marks-table tbody tr{break-inside:avoid}.class-teacher-page *,.class-teacher-page :before,.class-teacher-page :after{transition:none!important;animation:none!important}}.assessment-tabs{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;padding:16px 22px;display:flex}.assessment-tabs-label{color:var(--muted);font-size:12px;font-weight:600}.assessment-tabs-list{flex-wrap:wrap;gap:8px;display:flex}.assessment-tab{background:var(--field);height:40px;color:var(--ink);font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.assessment-tab:before{content:"";background:var(--navy);border-radius:50%;width:9px;height:9px}.assessment-tab.assessment-bot:before{background:var(--table-cyan)}.assessment-tab.assessment-test:before{background:var(--table-pink)}.assessment-tab.assessment-midterm:before{background:var(--table-coral)}.assessment-tab.assessment-holiday:before{background:var(--table-green)}.assessment-tab:hover{background:var(--blue-soft)}.assessment-tab.is-active{background:var(--navy);color:#fff}.assessment-tab.is-active.assessment-end:before,.assessment-tab.is-active.assessment-default:before{background:var(--yellow)}.marks-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:0 26px 16px;display:flex}.marks-search{align-items:center;display:flex;position:relative}.marks-search svg{width:14px;height:14px;color:var(--muted);pointer-events:none;position:absolute;left:13px}.marks-search input{background:var(--field);width:260px;max-width:100%;height:42px;color:var(--ink);font:inherit;border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px 0 36px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.marks-search input::placeholder{color:var(--muted-light)}.marks-search input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.marks-toolbar-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.marks-count{color:var(--muted);font-size:13px;font-weight:600}.marks-page-size select{background:var(--field);min-width:140px;height:42px;color:var(--ink);font:inherit;border:1px solid #0000;border-radius:12px;outline:none;padding:0 38px 0 14px;font-size:14px}.marks-page-size select:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.marks-table-wrapper{max-height:70vh;overflow:auto}.marks-empty-row{color:var(--muted);text-align:center!important;padding:32px 12px!important}.marks-pagination{justify-content:center;align-items:center;gap:16px;padding:16px 26px 6px;display:flex}.page-btn{background:var(--navy-deep);color:#fff;height:40px;font:inherit;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.page-btn svg{width:14px;height:14px}.page-btn:hover:not(:disabled){background:var(--blue)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--ink);font-size:13px;font-weight:700}@media (width<=800px){.marks-toolbar{padding:0 14px 14px}.marks-search,.marks-search input{width:100%}.marks-toolbar-right{justify-content:space-between;width:100%}.marks-pagination{padding:14px 14px 6px}.assessment-tabs{padding:14px 16px}}@media print{.assessment-tabs,.marks-toolbar,.marks-pagination{display:none!important}.marks-table-wrapper{max-height:none;overflow:visible}}.sctt-page{--sctt-navy:#151b52;--sctt-navy-deep:#0f1538;--sctt-ink:#1a2140;--sctt-muted:#6f7a95;--sctt-blue:#1a6ce0;--sctt-blue-soft:#e6eefc;--sctt-green:#2aa52e;--sctt-green-soft:#e3f5e4;--sctt-yellow:#fbc94a;--sctt-yellow-dark:#efb72a;--sctt-red:#e0282e;--sctt-line:#e4e8f4;--sctt-field:#f5f7fd;--sctt-radius:18px;--sctt-shadow:0 6px 18px #151b5214;--cut:12px;color:var(--sctt-ink);box-sizing:border-box;background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 96px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.sctt-page *{box-sizing:border-box}.sctt-page button{font-family:inherit}.sctt-page button:focus-visible,.sctt-page input:focus-visible,.sctt-page select:focus-visible,.sctt-page textarea:focus-visible{outline:3px solid var(--sctt-blue);outline-offset:2px}.sctt-state{text-align:center;border-radius:var(--sctt-radius);min-height:420px;box-shadow:var(--sctt-shadow);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.sctt-state>svg{width:36px;height:36px;color:var(--sctt-blue);margin-bottom:14px}.sctt-state>svg.bad{color:var(--sctt-red)}.sctt-state h2{margin:6px 0;font-size:22px}.sctt-state p{color:var(--sctt-muted);margin:6px 0 18px;font-size:14px}.sctt-header{background:var(--sctt-navy);color:#fff;border-radius:var(--sctt-radius);box-shadow:var(--sctt-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:26px 30px;display:flex;position:relative;overflow:hidden}.sctt-header:after{content:"";opacity:.45;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);width:220px;height:200px;position:absolute;top:-40px;right:-30px}.sctt-header:before{content:"";background:var(--sctt-yellow);opacity:.9;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;width:110px;height:100px;position:absolute;bottom:-44px;right:190px}.sctt-header-text,.sctt-header-actions{z-index:1;position:relative}.sctt-title{color:#fff;margin:0 0 6px;font-size:26px;font-weight:700}.sctt-sub{color:#b9c4f5;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:500;display:flex}.sctt-warn-pill{background:var(--sctt-yellow);color:var(--sctt-navy-deep);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700}.sctt-header-actions{flex-wrap:wrap;gap:10px;display:flex}.sctt-btn-primary{background:var(--sctt-yellow);height:44px;color:var(--sctt-navy-deep);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.sctt-btn-primary:hover:not(:disabled){background:var(--sctt-yellow-dark);transform:translateY(-1px)}.sctt-btn-primary:disabled{opacity:.6;cursor:wait}.sctt-btn-dark{background:var(--sctt-navy-deep);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.sctt-btn-dark:hover{background:var(--sctt-blue)}.sctt-header .sctt-btn-dark{background:#ffffff24}.sctt-header .sctt-btn-dark:hover{background:#ffffff42}.sctt-btn-text{color:var(--sctt-muted);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:14px;font-weight:600}.sctt-btn-text:hover:not(:disabled){color:var(--sctt-ink);text-decoration:underline}.sctt-danger-link{color:var(--sctt-red);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:650;display:inline-flex}.sctt-danger-link:hover{background:#fde8e9}.sctt-message{border-left:6px solid var(--sctt-blue);background:var(--sctt-blue-soft);color:var(--sctt-navy);box-shadow:var(--sctt-shadow);border-radius:14px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.sctt-message>span{flex:1}.sctt-message button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:flex}.sctt-message button:hover{background:#00000012}.sctt-message--success{border-left-color:var(--sctt-green);background:var(--sctt-green-soft);color:#145c17}.sctt-message--error{border-left-color:var(--sctt-red);color:#8f1a1e;background:#fde8e9}.sctt-toolbar{box-shadow:var(--sctt-shadow);background:linear-gradient(var(--sctt-green), var(--sctt-green)) top / 100% 5px no-repeat, #fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:19px 18px 14px;display:flex}.sctt-switch,.sctt-days{background:var(--sctt-field);border-radius:12px;gap:4px;padding:4px;display:flex}.sctt-switch button,.sctt-days button{height:34px;color:var(--sctt-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 16px;font-size:13px;font-weight:650}.sctt-switch button.active,.sctt-days button.active{background:var(--sctt-navy);color:#fff}.sctt-hint{min-width:200px;color:var(--sctt-muted);flex:1;margin:0;font-size:13px}.sctt-tools{gap:8px;display:flex}.sctt-tool{background:var(--sctt-navy-deep);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12.5px;font-weight:600;transition:background .15s;display:inline-flex}.sctt-tool:hover{background:var(--sctt-blue)}.sctt-tool.danger{color:var(--sctt-red);background:#fde8e9}.sctt-tool.danger:hover{background:var(--sctt-red);color:#fff}.sctt-card{border-radius:var(--sctt-radius);box-shadow:var(--sctt-shadow);background:linear-gradient(var(--sctt-blue), var(--sctt-blue)) top / 100% 6px no-repeat, #fff;padding-top:6px;overflow:hidden}.sctt-scroll{padding:8px 14px 14px;overflow-x:auto}.sctt-inner{min-width:calc(140px + var(--cols) * 170px)}.sctt-inner.single{min-width:0}.sctt-row{grid-template-columns:140px repeat(var(--cols), minmax(0, 1fr));align-items:stretch;display:grid}.sctt-head{margin-bottom:6px}.sctt-corner{color:var(--sctt-muted);align-items:center;padding-left:8px;font-size:12px;font-weight:700;display:flex}.sctt-day{background:var(--sctt-field);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);flex-direction:column;justify-content:center;align-items:center;margin:0 4px;padding:11px 8px;display:flex}.sctt-day strong{color:var(--sctt-ink);font-size:14px}.sctt-day span{color:var(--sctt-muted);margin-top:2px;font-size:11px}.sctt-day.is-today{background:var(--sctt-navy)}.sctt-day.is-today strong,.sctt-day.is-today span{color:#fff}.sctt-time{color:#fff;background:linear-gradient(135deg, var(--sctt-navy), #2b3a9a);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);flex-direction:column;justify-content:center;gap:7px;margin:5px 0;padding:10px 26px 10px 14px;display:flex}.sctt-time-text{flex-direction:column;display:flex}.sctt-time strong{font-size:14px}.sctt-time span{font-variant-numeric:tabular-nums;color:#c9d3ff;margin-top:2px;font-size:11.5px}.sctt-kind-prep .sctt-time{background:linear-gradient(135deg,#5e3f8e,#8a63c4)}.sctt-kind-break .sctt-time{background:linear-gradient(135deg,#b07a14,#e0a62e)}.sctt-time-tools{gap:5px;display:flex}.sctt-time-tools button{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:26px;transition:background .15s;display:flex}.sctt-time-tools button:hover{background:var(--sctt-yellow);color:var(--sctt-navy-deep)}.sctt-time-tools button.del:hover{background:var(--sctt-red);color:#fff}.sctt-time-tools svg{width:13px;height:13px}.sctt-cell{perspective:700px;min-width:0;padding:7px 7px 9px}.sctt-card3d{--tone-bg:#e9f2fb;--tone-edge:#3b82c4;--tone-ink:#12395c;--tone-dk:#a2c4e3;height:100%;filter:drop-shadow(3px 4px 0 var(--tone-dk)) drop-shadow(0 9px 8px #151b521f);transition:transform .18s,filter .18s}.sctt-card3d:hover{filter:drop-shadow(5px 6px 0 var(--tone-dk)) drop-shadow(0 14px 12px #151b5229);transform:translate(-2px,-3px)rotateX(5deg)rotateY(-4deg)}.sctt-card3d.tone-0{--tone-bg:#e9f2fb;--tone-edge:#3b82c4;--tone-ink:#12395c;--tone-dk:#a2c4e3}.sctt-card3d.tone-1{--tone-bg:#e8f6ee;--tone-edge:#2e9d6a;--tone-ink:#124a30;--tone-dk:#a1d6bb}.sctt-card3d.tone-2{--tone-bg:#fff3e0;--tone-edge:#e08a1e;--tone-ink:#66390a;--tone-dk:#f0c88c}.sctt-card3d.tone-3{--tone-bg:#fdeaf0;--tone-edge:#d4457a;--tone-ink:#67173a;--tone-dk:#eea9c2}.sctt-card3d.tone-4{--tone-bg:#eceafc;--tone-edge:#6a5acd;--tone-ink:#2f2670;--tone-dk:#bab2ec}.sctt-card3d.tone-5{--tone-bg:#e3f6f6;--tone-edge:#1f9ea3;--tone-ink:#0d4a4d;--tone-dk:#9fd7da}.sctt-card3d.tone-6{--tone-bg:#fbf3d6;--tone-edge:#c2a21b;--tone-ink:#5a4a07;--tone-dk:#e6d68f}.sctt-card3d.tone-7{--tone-bg:#ffebe6;--tone-edge:#d9593d;--tone-ink:#6b2112;--tone-dk:#f1b4a6}.sctt-card3d.prep{--tone-bg:#f3edfb;--tone-edge:#8a63c4;--tone-ink:#4e3377;--tone-dk:#cbb7e6}.sctt-face{text-align:left;cursor:pointer;width:100%;height:100%;min-height:82px;color:var(--tone-ink);background:linear-gradient(145deg, #fff -30%, var(--tone-bg) 65%);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));border:0;flex-direction:column;justify-content:center;gap:4px;padding:11px 12px 11px 18px;display:flex;position:relative}.sctt-face:before{content:"";background:var(--tone-edge);width:6px;position:absolute;top:0;bottom:0;left:0}.sctt-subject{word-break:break-word;font-size:13.5px;font-weight:750;line-height:1.25}.sctt-meta{opacity:.85;align-items:center;gap:5px;font-size:11px;line-height:1.3;display:flex}.sctt-meta svg{flex:none;width:12px;height:12px}.sctt-meta.room{opacity:.65}.sctt-meta.missing{color:#a15d00;opacity:1;font-weight:700}.sctt-free{background:var(--sctt-field);color:#8a96b8;cursor:pointer;border:1.5px dashed #c4cde6;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;min-height:82px;font-size:12.5px;font-weight:650;transition:background .15s,border-color .15s,color .15s;display:flex}.sctt-free:hover{background:var(--sctt-blue-soft);border-color:var(--sctt-blue);color:var(--sctt-blue)}.sctt-free svg{width:14px;height:14px}.sctt-break-wrap{grid-column:2/-1;align-items:center;padding:5px 6px;display:flex}.sctt-break-band{color:#7d5a10;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);background:repeating-linear-gradient(115deg,#fff3d6 0 14px,#ffeab8 14px 28px);justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-size:13px;font-weight:700;display:flex}.sctt-break-band svg{width:15px;height:15px}.sctt-insert{color:#a5aecb;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:24px;margin:2px 0;font-size:11.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.sctt-insert:hover{background:var(--sctt-blue-soft);color:var(--sctt-blue)}.sctt-insert svg{width:12px;height:12px}.sctt-empty{text-align:center;color:var(--sctt-muted);padding:40px 20px;font-size:14px}.sctt-savebar{z-index:900;background:var(--sctt-navy);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:min(680px,100% - 28px);padding:12px 14px 12px 20px;font-size:14px;font-weight:600;animation:.22s ease-out scttRise;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #0f153859}.sctt-savebar>span{align-items:center;gap:8px;display:flex}.sctt-savebar>span svg{color:var(--sctt-yellow)}.sctt-savebar>div{align-items:center;gap:8px;display:flex}.sctt-savebar .sctt-btn-text{color:#c9d3ff}.sctt-savebar .sctt-btn-text:hover:not(:disabled){color:#fff}@keyframes scttRise{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.sctt-overlay{z-index:10000;background:#0f153880;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sctt-modal-shadow{filter:drop-shadow(6px 8px #1a6ce059);width:min(460px,100%);max-height:calc(100vh - 32px);animation:.2s ease-out scttPop}.sctt-modal{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));background:#fff;flex-direction:column;max-height:calc(100vh - 32px);display:flex}.sctt-modal-head{background:var(--sctt-navy);color:#fff;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 34px 18px 22px;display:flex;position:relative;overflow:hidden}.sctt-modal-head:after{content:"";opacity:.4;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;background:linear-gradient(135deg,#2b7cf0,#1a4fb0);width:140px;height:128px;position:absolute;top:-50px;right:10px}.sctt-modal-head>*{z-index:1;position:relative}.sctt-modal-head h2{margin:0;font-size:19px;font-weight:700}.sctt-modal-head p{color:#b9c4f5;margin:4px 0 0;font-size:12.5px}.sctt-modal-head button{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:10px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sctt-modal-head button:hover{background:#ffffff47}.sctt-modal-body{padding:20px 22px 8px;overflow-y:auto}.sctt-modal-foot{border-top:1px solid var(--sctt-line);justify-content:space-between;align-items:center;gap:10px;padding:14px 30px 18px 22px;display:flex}.sctt-footer-right{align-items:center;gap:8px;display:flex}.sctt-page .sctt-field{flex-direction:column;gap:6px;min-width:0;margin-bottom:16px;display:flex}.sctt-page .sctt-field-label{color:var(--sctt-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.sctt-page .sctt-field-label svg{width:13px;height:13px}.sctt-page .sctt-optional{color:#94a3b8;font-style:normal;font-weight:400}.sctt-page .sctt-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sctt-page .sctt-field input,.sctt-page .sctt-field select,.sctt-page .sctt-field textarea{width:100%;color:var(--sctt-ink);background:var(--sctt-field);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.sctt-page .sctt-field input,.sctt-page .sctt-field select{height:42px}.sctt-page .sctt-field textarea{resize:vertical;min-height:80px;padding:11px 14px}.sctt-page .sctt-field input:focus,.sctt-page .sctt-field select:focus,.sctt-page .sctt-field textarea:focus{border-color:var(--sctt-blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.sctt-page .sctt-field input:disabled{color:#7651a9;cursor:not-allowed;font-weight:700}.sctt-check{color:var(--sctt-ink);cursor:pointer;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.sctt-check input{width:18px;height:18px;accent-color:var(--sctt-navy)}.sctt-kinds{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.sctt-kinds button{background:var(--sctt-field);height:42px;color:var(--sctt-ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.sctt-kinds button:hover{background:var(--sctt-blue-soft)}.sctt-kinds button.active{background:var(--sctt-navy);color:#fff}.sctt-kinds svg{width:14px;height:14px}.sctt-error{color:#8f1a1e;background:#fde8e9;border-radius:10px;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.sctt-note{color:#a15d00;margin:0 0 14px;font-size:13px;font-weight:600}@keyframes scttPop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.sctt-page ::-webkit-scrollbar{width:8px;height:8px}.sctt-page ::-webkit-scrollbar-track{background:#eef1f9;border-radius:20px}.sctt-page ::-webkit-scrollbar-thumb{background:#c3cbe3;border-radius:20px}.sctt-spin{animation:.9s linear infinite scttSpin}@keyframes scttSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sctt-spin,.sctt-savebar,.sctt-modal-shadow{animation:none}.sctt-page *{transition:none!important}.sctt-card3d:hover{transform:none}}@media (width<=900px){.sctt-toolbar{align-items:flex-start}.sctt-hint{flex-basis:100%;order:5}}@media (width<=760px){.sctt-page{padding:18px 12px 100px}.sctt-header{padding:22px 18px}.sctt-header:after,.sctt-header:before{opacity:.25}.sctt-title{font-size:22px}.sctt-header-actions{width:100%}.sctt-header-actions button{flex:1}.sctt-row{grid-template-columns:112px repeat(var(--cols), minmax(0, 1fr))}.sctt-inner{min-width:calc(112px + var(--cols) * 150px)}.sctt-inner.single{min-width:0}.sctt-tools{width:100%}.sctt-tool{flex:1;justify-content:center}.sctt-savebar{flex-wrap:wrap;justify-content:center;bottom:12px}}@media (width<=480px){.sctt-page .sctt-field-row{grid-template-columns:1fr}.sctt-modal-foot{flex-direction:column-reverse;align-items:stretch}.sctt-footer-right{justify-content:flex-end}}.ct-student-cell strong{color:#274354;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;font-weight:800;display:block;overflow:hidden}.ct-student-cell span{color:#8b99a3;margin-top:3px;font-size:9px;display:block}.ct-id-badge,.ct-stream-badge{color:#60727e;background:#f4f7f9;border-radius:6px;align-items:center;min-height:25px;padding:0 8px;font-size:9px;font-weight:750;display:inline-flex}.ct-stream-badge{color:#5b7567;background:#f4f8f5}.ct-status-buttons{align-items:center;gap:6px;display:flex}.ct-status-btn{color:#7b8992;cursor:pointer;background:#fff;border:1px solid #d9e2e7;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:800;display:inline-flex}.ct-status-btn svg{width:13px;height:13px}.ct-status-btn.present.selected{color:#2c8053;background:#effaf4;border-color:#9dd3b5}.ct-status-btn.absent.selected{color:#b65252;background:#fff3f3;border-color:#e2b0b0}.ct-status-btn:hover:not(:disabled){background:#f8fafb;border-color:#b8cbd5}.ct-status-btn.present.selected:hover{background:#e9f8ef}.ct-status-btn.absent.selected:hover{background:#ffeded}.ct-status-btn:disabled{opacity:.55;cursor:not-allowed}.ct-table-state{color:#71818d;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:270px;padding:35px 20px;font-size:12px;display:flex}.ct-table-state>svg{color:#6e9bb4;width:24px;height:24px}.ct-table-state.empty strong{color:#526876;font-size:13px}.ct-table-state.empty span{color:#8a98a2;font-size:11px}.ct-save-bar{background:#fbfcfd;border-top:1px solid #e5ebef;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:13px 17px;display:flex}.ct-save-bar strong{color:#314d5d;font-size:11px;font-weight:800;display:block}.ct-save-bar span{color:#84929b;margin-top:4px;font-size:10px;display:block}.ct-save-btn{color:#fff;cursor:pointer;background:#173e58;border:1px solid #173e58;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 4px 10px #173e5821}.ct-save-btn:hover:not(:disabled){background:#204e6c;border-color:#204e6c}.ct-save-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ct-save-btn svg{width:14px;height:14px}.ct-spin{animation:.9s linear infinite ctAttendanceSpin}@keyframes ctAttendanceSpin{to{transform:rotate(360deg)}}@media (width<=1050px){.ct-attendance-controls{grid-template-columns:1fr 1fr}.ct-control-actions{grid-column:1/-1;justify-content:flex-start}.ct-attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.ct-attendance-page{padding:20px 15px 30px}.ct-attendance-header{flex-direction:column}.ct-refresh-btn{width:100%}.ct-attendance-tabs{width:100%;overflow-x:auto}.ct-attendance-tab{flex:1 0 auto;min-width:85px}.ct-attendance-controls{grid-template-columns:1fr}.ct-control-actions{grid-column:auto;grid-template-columns:1fr 1fr;display:grid}.ct-secondary-btn{width:100%}.ct-panel-header{flex-direction:column;align-items:stretch}.ct-search{width:100%}.ct-save-bar{flex-direction:column;align-items:stretch}.ct-save-btn{width:100%}}@media (width<=500px){.ct-attendance-header h1{font-size:25px}.ct-attendance-summary{grid-template-columns:1fr 1fr;gap:8px}.ct-summary-card{gap:8px;padding:12px}.ct-summary-icon{flex-basis:32px;width:32px;height:32px}.ct-summary-card strong{font-size:18px}.ct-control-actions{grid-template-columns:1fr}}.results-page{max-width:900px;font-family:sans-serif}.rp-title{color:var(--c-primary);margin:0 0 4px}.rp-subtitle{color:var(--c-text-secondary);margin:0 0 20px}.rp-filters{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.rp-field{color:var(--c-text-secondary);font-size:13px}.rp-field span{margin-bottom:4px;display:block}.rp-field select{border:1px solid var(--c-border);background:var(--c-surface);border-radius:6px;min-width:140px;height:36px;padding:8px 10px;font-size:14px}.rp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.rp-tabs{border-bottom:1px solid var(--c-border);gap:4px;display:flex}.rp-tab{color:var(--c-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 14px;font-size:14px}.rp-tab.is-active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.rp-tab:focus-visible,.rp-btn:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.rp-actions{flex-wrap:wrap;gap:8px;display:flex}.rp-btn{background:var(--c-primary);color:#fff;border:1px solid var(--c-primary);cursor:pointer;border-radius:6px;padding:9px 14px;font-size:13px}.rp-btn-outline{color:var(--c-primary);background:0 0}.rp-btn:disabled{opacity:.45;cursor:not-allowed}.rp-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;margin-bottom:16px;overflow:hidden}.rp-pad{padding:18px}.rp-empty{text-align:center;color:var(--c-text-secondary);padding:40px 16px}.rp-diary-item{border-top:1px solid var(--c-border);padding:14px 16px}.rp-diary-item:first-child{border-top:none}.rp-diary-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.rp-diary-date{color:var(--c-text-secondary);font-size:12px}.rp-diary-note{margin:0 0 6px;font-size:14px;line-height:1.5}.rp-diary-author{color:var(--c-text-secondary);font-size:12px}.rp-tag{background:var(--c-background);border-radius:10px;padding:2px 8px;font-size:12px}.rp-tag-achievement{color:#166534;background:#dcfce7}.rp-tag-behaviour{color:#1e40af;background:#dbeafe}.rp-tag-note{color:#854d0e;background:#fef9c3}.pb-row{grid-template-columns:110px 1fr 100px;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:grid}.pb-track{background:var(--c-background);border:1px solid var(--c-border);border-radius:7px;height:14px;overflow:hidden}.pb-fill{background:var(--c-primary);border-radius:7px;height:100%}.pb-value{text-align:right;font-weight:600}.rc-preview{padding:4px 0 20px;overflow-x:auto}.rc-page{box-sizing:border-box;color:#1f2937;background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:9mm;font-family:Georgia,Times New Roman,serif;font-size:12px;box-shadow:0 2px 14px #0000002e}.rc-frame{box-sizing:border-box;border:2px solid var(--c-primary);outline:1px solid var(--c-primary);outline-offset:-6px;min-height:279mm;padding:8mm 8mm 6mm;position:relative;overflow:hidden}.rc-watermark{color:var(--c-primary);opacity:.045;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:380px;font-weight:700;line-height:1;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.rc-frame>:not(.rc-watermark){position:relative}.rc-head{border-bottom:3px double var(--c-primary);align-items:center;gap:14px;padding-bottom:10px;display:flex}.rc-crest{background:var(--c-primary);color:#fff;width:66px;height:66px;box-shadow:0 0 0 2px var(--c-primary);border:3px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.rc-school{text-align:center;flex:1}.rc-school h1{letter-spacing:.5px;color:var(--c-primary);margin:0;font-size:24px}.rc-motto{margin:2px 0;font-size:13px;font-style:italic}.rc-contact{color:var(--c-text-secondary);margin:0;font-size:10.5px}.rc-photo{border:1px solid var(--c-primary);text-align:center;width:70px;height:84px;color:var(--c-text-secondary);background:#fafafa;flex:none;justify-content:center;align-items:center;font-size:9px;display:flex;overflow:hidden}.rc-photo img{object-fit:cover;width:100%;height:100%}.rc-banner{text-align:center;background:var(--c-primary);color:#fff;letter-spacing:1px;text-transform:uppercase;margin:10px 0;padding:6px 10px;font-size:14px;font-weight:700}.rc-bio{grid-template-columns:repeat(3,1fr);gap:8px 14px;margin-bottom:12px;display:grid}.rc-field{border-bottom:1px dotted #6b7280;align-items:baseline;gap:6px;min-width:0;padding-bottom:2px;display:flex}.rc-field-wide{grid-column:span 3}.rc-field-label{color:var(--c-text-secondary);white-space:nowrap;font-size:10.5px}.rc-field-value{font-size:12.5px;font-weight:700}.rc-marks{border-collapse:collapse;width:100%;margin-bottom:12px}.rc-marks th,.rc-marks td{text-align:center;border:1px solid #9ca3af;padding:6px 8px}.rc-marks th{background:var(--c-primary);color:#fff;border-color:var(--c-primary);font-size:11px;line-height:1.2}.rc-marks th small{opacity:.9;font-size:9.5px;font-weight:400;display:block}.rc-marks tbody tr:nth-child(2n){background:#00000008}.rc-marks .rc-left{text-align:left}.rc-subject,.rc-total{font-weight:700}.rc-remark{font-style:italic}.rc-initials{font-family:Brush Script MT,Segoe Script,cursive;font-size:14px}.rc-marks tfoot td{background:var(--c-background);border-top:2px solid var(--c-primary);font-weight:700}.rc-grade{border-radius:3px;min-width:24px;padding:1px 6px;font-weight:700;display:inline-block}.rc-grade-A{color:#166534;background:#dcfce7}.rc-grade-B{color:#1e40af;background:#dbeafe}.rc-grade-C{color:#854d0e;background:#fef9c3}.rc-grade-D{color:#9a3412;background:#ffedd5}.rc-grade-E{color:#991b1b;background:#fee2e2}.rc-row{grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:12px;display:grid}.rc-box{border:1px solid #9ca3af;padding:8px 10px}.rc-box h3,.rc-comment h3{color:var(--c-primary);text-transform:uppercase;letter-spacing:.6px;margin:0 0 4px;font-size:11.5px}.rc-key-line{grid-template-columns:22px 70px 1fr;padding:1px 0;font-size:11px;display:grid}.rc-key-line em{color:var(--c-text-secondary)}.rc-conduct{margin:0 0 6px;font-size:12.5px;font-weight:700}.rc-comment{border:1px solid #9ca3af;min-height:62px;margin-bottom:10px;padding:8px 10px 10px;position:relative}.rc-comment p{margin:2px 0 14px;padding-right:90px;font-size:12.5px;font-style:italic;line-height:1.5}.rc-sign{width:200px;color:var(--c-text-secondary);font-size:10px}.rc-sign span{border-bottom:1px solid #111;height:16px;margin-bottom:2px;display:block}.rc-stamp{border:2px dashed var(--c-primary);text-align:center;width:72px;height:72px;color:var(--c-primary);opacity:.7;border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)rotate(-12deg)}.rc-diary-list{margin:4px 0 0;padding-left:18px;font-size:12px;line-height:1.5}.rc-foot{text-align:center;color:var(--c-text-secondary);border-top:1px solid #9ca3af;margin-top:8px;padding-top:6px;font-size:10px}.report-sheet{display:none}@media (width<=600px){.rp-actions{width:100%}.rp-btn{flex:1}.pb-row{grid-template-columns:90px 1fr 80px}}@page{size:A4;margin:0}@media print{body>:not(.report-sheet){display:none!important}.report-sheet{display:block}body{margin:0;background:#fff!important}.report-sheet,.report-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-sheet .rc-page{box-shadow:none;break-after:page;page-break-after:always;width:210mm;height:297mm;min-height:0;margin:0;overflow:hidden}.report-sheet .rc-page:last-child{break-after:auto;page-break-after:auto}.report-sheet .rc-frame{height:279mm;min-height:0}}.payx-page{--payx-navy:#151b52;--payx-navy-deep:#0f1538;--payx-ink:#1a2140;--payx-muted:#6f7a95;--payx-blue:#1a6ce0;--payx-blue-soft:#e6eefc;--payx-green:#2aa52e;--payx-green-soft:#e3f5e4;--payx-yellow:#fbc94a;--payx-yellow-dark:#efb72a;--payx-red:#e0282e;--payx-line:#e4e8f4;--payx-field:#f5f7fd;--payx-radius:18px;--payx-shadow:0 6px 18px #151b5214;--payx-cut:14px;color:var(--payx-ink);box-sizing:border-box;background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.payx-page *{box-sizing:border-box}.payx-page button{font-family:inherit}.payx-page button:focus-visible,.payx-page input:focus-visible,.payx-page select:focus-visible{outline:3px solid var(--payx-blue);outline-offset:2px}.payx-header{background:var(--payx-navy);color:#fff;border-radius:var(--payx-radius);box-shadow:var(--payx-shadow);justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:26px 30px;display:flex;position:relative;overflow:hidden}.payx-header:after{content:"";opacity:.45;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;background:linear-gradient(135deg,#2b7cf0,#1a4fb0);width:220px;height:200px;position:absolute;top:-40px;right:-30px}.payx-header:before{content:"";background:var(--payx-yellow);opacity:.9;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;width:110px;height:100px;position:absolute;bottom:-44px;right:190px}.payx-header-text,.payx-header-chip{z-index:1;position:relative}.payx-title{color:#fff;margin:0 0 6px;font-size:26px;font-weight:700}.payx-sub{color:#b9c4f5;margin:0;font-size:14px;font-weight:500}.payx-header-chip{color:var(--payx-navy);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:#fff;flex-direction:column;align-items:center;margin-right:28px;padding:12px 26px 12px 22px;display:flex}.payx-header-chip span{font-size:24px;font-weight:800;line-height:1.1}.payx-header-chip small{color:var(--payx-muted);font-size:11px;font-weight:600}.payx-message{border-left:6px solid var(--payx-green);background:var(--payx-green-soft);color:#145c17;box-shadow:var(--payx-shadow);border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.payx-message>svg{flex:none;width:20px;height:20px}.payx-message>span{flex:1}.payx-message button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:flex}.payx-message button:hover{background:#00000012}.payx-stats{perspective:900px;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:20px;display:grid}.payx-stat{--edge:#3b82c4;--bg:#e9f2fb;--dark:#a2c4e3;--ink:#12395c;filter:drop-shadow(4px 5px 0 var(--dark)) drop-shadow(0 10px 10px #151b521f);transition:transform .18s,filter .18s}.payx-stat:hover{filter:drop-shadow(6px 7px 0 var(--dark)) drop-shadow(0 16px 14px #151b5229);transform:translate(-2px,-3px)rotateX(4deg)rotateY(-3deg)}.payx-stat--green{--edge:#2e9d6a;--bg:#e8f6ee;--dark:#a1d6bb;--ink:#124a30}.payx-stat--amber{--edge:#e08a1e;--bg:#fff3e0;--dark:#f0c88c;--ink:#66390a}.payx-stat-face{color:var(--ink);background:linear-gradient(145deg, #fff -30%, var(--bg) 70%);clip-path:polygon(0 0, calc(100% - var(--payx-cut)) 0, 100% var(--payx-cut), 100% 100%, var(--payx-cut) 100%, 0 calc(100% - var(--payx-cut)));flex-direction:column;gap:5px;padding:20px 22px 20px 26px;display:flex;position:relative}.payx-stat-face:before{content:"";background:var(--edge);width:7px;position:absolute;top:0;bottom:0;left:0}.payx-stat-label{opacity:.8;font-size:12.5px;font-weight:700}.payx-stat-value{letter-spacing:-.01em;font-size:24px;font-weight:800}.payx-stat-note{opacity:.7;font-size:12px;font-weight:600}.payx-progress{box-shadow:var(--payx-shadow);background:#fff;border-radius:16px;margin-bottom:22px;padding:18px 20px}.payx-progress-top{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.payx-progress-top span{color:var(--payx-muted);font-weight:600}.payx-bar{background:var(--payx-field);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);height:22px;overflow:hidden}.payx-bar-fill{background:linear-gradient(90deg, var(--payx-green), #5fcf63);height:100%;transition:width .5s}.payx-awaiting{color:#a15d00;align-items:center;gap:8px;margin:12px 0 0;font-size:12.5px;font-weight:600;display:flex}.payx-columns{grid-template-columns:1.15fr 1fr;align-items:start;gap:22px;display:grid}.payx-side{flex-direction:column;gap:22px;min-width:0;display:flex}.payx-card{border-radius:var(--payx-radius);box-shadow:var(--payx-shadow);background:linear-gradient(var(--accent), var(--accent)) top / 100% 6px no-repeat, #fff;min-width:0;padding:24px 20px 20px}.payx-card--history{--accent:var(--payx-blue)}.payx-card--pay{--accent:var(--payx-green);scroll-margin-top:90px}.payx-card--pending{--accent:var(--payx-yellow)}.payx-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.payx-card-head h2{margin:0;font-size:17px;font-weight:700}.payx-count{background:var(--payx-navy-deep);color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.payx-secure{background:var(--payx-green-soft);color:#1d7d21;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.payx-secure svg{width:12px;height:12px}.payx-pills{flex-wrap:wrap;gap:6px;display:flex}.payx-pills button{background:var(--payx-field);height:32px;color:var(--payx-ink);cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-size:12px;font-weight:650;transition:background .15s,color .15s}.payx-pills button:hover{background:var(--payx-blue-soft)}.payx-pills button.active{background:var(--payx-navy);color:#fff}.payx-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.payx-form{flex-direction:column;gap:14px;display:flex}.payx-field{flex-direction:column;gap:6px;min-width:0;display:flex}.payx-field>span{color:var(--payx-muted);font-size:12px;font-weight:600}.payx-field input,.payx-field select{background:var(--payx-field);width:100%;height:44px;color:var(--payx-ink);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.payx-field input:focus,.payx-field select:focus{border-color:var(--payx-blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.payx-quick{gap:8px;margin-top:-6px;display:flex}.payx-quick button{background:var(--payx-blue-soft);height:30px;color:var(--payx-blue);cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-size:12px;font-weight:700}.payx-quick button:hover{background:var(--payx-blue);color:#fff}.payx-methods{grid-template-columns:1fr 1fr;gap:8px;display:grid}.payx-methods button{background:var(--payx-field);height:46px;color:var(--payx-ink);cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);border:2px solid #0000;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:650;transition:background .15s,color .15s;display:flex}.payx-methods button:hover{background:var(--payx-blue-soft)}.payx-methods button.active{background:var(--payx-navy);color:#fff}.payx-methods svg{width:16px;height:16px}.payx-hint{background:var(--payx-field);color:var(--payx-muted);border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px;font-weight:600}.payx-error{color:#8f1a1e;background:#fde8e9;border-radius:10px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.payx-paywrap{filter:drop-shadow(3px 4px #c99a1d)drop-shadow(0 8px 8px #151b5224);transition:transform .15s}.payx-paywrap:hover{transform:translate(-1px,-2px)}.payx-pay-btn{background:var(--payx-yellow);width:100%;min-height:50px;color:var(--payx-navy-deep);cursor:pointer;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);border:0;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:15px;font-weight:800;display:inline-flex}.payx-pay-btn:hover:not(:disabled){background:var(--payx-yellow-dark)}.payx-pay-btn:disabled{opacity:.65;cursor:wait}.payx-pay-btn svg{width:17px;height:17px}.payx-receipt-wrap{filter:drop-shadow(3px 4px 0 var(--dk,#a2c4e3)) drop-shadow(0 6px 6px #151b5214)}.payx-receipt-wrap:has(.ok){--dk:#a1d6bb}.payx-receipt-wrap:has(.wait){--dk:#f0c88c}.payx-receipt{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px 12px 0;display:grid}.payx-date{color:#fff;background:linear-gradient(135deg, var(--payx-navy), #2b3a9a);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);flex-direction:column;justify-content:center;align-self:stretch;gap:4px;min-width:118px;padding:10px 24px 10px 14px;font-size:12px;font-weight:700;display:flex}.payx-receipt.wait .payx-date{background:linear-gradient(135deg,#b07a14,#e0a62e)}.payx-date svg{opacity:.85;width:14px;height:14px}.payx-receipt-main{flex-direction:column;gap:3px;min-width:0;display:flex}.payx-receipt-main strong{font-size:16px}.payx-receipt-main span{color:var(--payx-muted);overflow-wrap:anywhere;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.payx-receipt-main svg{flex:none;width:12px;height:12px}.payx-status{text-align:center;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.payx-status.ok{background:var(--payx-green-soft);color:#1d7d21}.payx-status.wait{color:#8a5a00;background:#fff3d6}.payx-status svg{flex:none;width:13px;height:13px}.payx-due-wrap{filter:drop-shadow(3px 4px #f0c88c)drop-shadow(0 6px 6px #151b5214)}.payx-due-wrap:has(.overdue){filter:drop-shadow(3px 4px #f1a9ab)drop-shadow(0 6px 6px #151b5214)}.payx-due{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(145deg,#fff -30%,#fff8e8 70%);padding:14px 16px 14px 22px;position:relative}.payx-due:before{content:"";background:#e0a62e;width:6px;position:absolute;top:0;bottom:0;left:0}.payx-due.overdue{background:linear-gradient(145deg,#fff -30%,#fdecec 70%)}.payx-due.overdue:before{background:var(--payx-red)}.payx-due-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.payx-due-top strong{font-size:14.5px}.payx-due-top b{color:#7d4a00;font-size:15px}.payx-due.overdue .payx-due-top b{color:#a5191e}.payx-mini{background:#151b5214;border-radius:999px;height:7px;margin-bottom:9px;overflow:hidden}.payx-mini div{background:var(--payx-green);border-radius:999px;height:100%}.payx-due-bottom{color:var(--payx-muted);flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:12px;font-weight:600;display:flex}.payx-due-bottom span{align-items:center;gap:6px;display:inline-flex}.payx-due-bottom svg{width:12px;height:12px}.payx-due-bottom .late{color:#a5191e;font-weight:700}.payx-due-pay{background:var(--payx-navy-deep);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;height:32px;margin-top:12px;padding:0 16px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.payx-due-pay:hover{background:var(--payx-blue)}.payx-due-pay svg{width:13px;height:13px}.payx-empty{text-align:center;background:var(--payx-field);color:var(--payx-muted);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:30px 12px;display:flex}.payx-empty svg{width:30px;height:30px;color:var(--payx-blue);margin-bottom:6px}.payx-empty strong{color:var(--payx-ink);font-size:15px}.payx-empty p{margin:2px 0 0;font-size:13px;line-height:1.5}.payx-overlay{z-index:10000;background:#0f153880;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.payx-modal-shadow{filter:drop-shadow(6px 8px #1a6ce059);width:min(430px,100%);animation:.2s ease-out payxPop}.payx-modal{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));background:#fff}.payx-modal-head{background:var(--payx-navy);color:#fff;padding:22px 34px 18px 24px;position:relative;overflow:hidden}.payx-modal-head:after{content:"";opacity:.4;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;background:linear-gradient(135deg,#2b7cf0,#1a4fb0);width:140px;height:128px;position:absolute;top:-50px;right:10px}.payx-modal-head>*{z-index:1;position:relative}.payx-modal-head h2{margin:0;font-size:19px}.payx-modal-head p{color:#b9c4f5;margin:4px 0 0;font-size:12.5px}.payx-summary{margin:0;padding:18px 24px 6px}.payx-summary>div{border-bottom:1px solid var(--payx-line);justify-content:space-between;gap:14px;padding:11px 0;display:flex}.payx-summary>div:last-child{border-bottom:0}.payx-summary dt{color:var(--payx-muted);font-size:13px;font-weight:600}.payx-summary dd{text-align:right;margin:0;font-size:14px;font-weight:700}.payx-summary dd.big{color:var(--payx-navy);font-size:20px}.payx-modal-foot{justify-content:space-between;align-items:center;gap:12px;padding:14px 30px 20px 24px;display:flex}.payx-modal-foot .payx-paywrap{flex:1;max-width:220px}.payx-btn-text{color:var(--payx-muted);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:14px;font-weight:600}.payx-btn-text:hover:not(:disabled){color:var(--payx-ink);text-decoration:underline}@keyframes payxPop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.payx-page *{transition:none!important}.payx-modal-shadow{animation:none}.payx-stat:hover,.payx-paywrap:hover{transform:none}}@media (width<=1000px){.payx-columns{grid-template-columns:1fr}}@media (width<=760px){.payx-page{padding:18px 12px 48px}.payx-header{padding:22px 18px}.payx-header:after,.payx-header:before{opacity:.25}.payx-title{font-size:22px}.payx-header-chip{margin-right:0;padding:10px 18px}.payx-stats{grid-template-columns:1fr;gap:16px}}@media (width<=520px){.payx-receipt{grid-template-columns:1fr;padding:0 14px 14px 0}.payx-date{min-width:0;padding-right:30px}.payx-receipt-main,.payx-status{margin-left:14px}.payx-status{justify-self:start}.payx-modal-foot{flex-direction:column-reverse;align-items:stretch}.payx-modal-foot .payx-paywrap{max-width:none}}.payx-tiles{perspective:900px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.payx-tile{--edge:#3b82c4;--bg:#e9f2fb;--dark:#a2c4e3;--ink:#12395c;filter:drop-shadow(3px 4px 0 var(--dark)) drop-shadow(0 8px 8px #151b521a);transition:transform .18s,filter .18s}.payx-tile:hover{filter:drop-shadow(5px 6px 0 var(--dark)) drop-shadow(0 14px 12px #151b5224);transform:translate(-2px,-3px)rotateX(4deg)rotateY(-3deg)}.payx-tile--green{--edge:#2e9d6a;--bg:#e8f6ee;--dark:#a1d6bb;--ink:#124a30}.payx-tile--amber{--edge:#e08a1e;--bg:#fff3e0;--dark:#f0c88c;--ink:#66390a}.payx-tile--red{--edge:#d9433f;--bg:#fdecec;--dark:#f1a9ab;--ink:#7a1a1d}.payx-tile-face{height:100%;color:var(--ink);background:linear-gradient(145deg, #fff -30%, var(--bg) 70%);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));align-items:center;gap:14px;padding:16px 16px 16px 24px;display:flex;position:relative}.payx-tile-face:before{content:"";background:var(--edge);width:6px;position:absolute;top:0;bottom:0;left:0}.payx-tile-icon{background:var(--edge);color:#fff;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.payx-tile-icon svg{width:19px;height:19px}.payx-tile-text{flex-direction:column;gap:3px;min-width:0;display:flex}.payx-tile-label{opacity:.75;text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:700}.payx-tile-value{overflow-wrap:anywhere;font-size:18px;font-weight:800;line-height:1.2}.payx-tile-note{opacity:.72;overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.35}@media (prefers-reduced-motion:reduce){.payx-tile:hover{transform:none}}@media (width<=1100px){.payx-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.payx-tiles{grid-template-columns:1fr;gap:14px}}.payx-columns{align-items:stretch}.payx-main{flex-direction:column;gap:22px;min-width:0;display:flex}.payx-main>.payx-card--fees{flex:1}.payx-card--fees{--accent:var(--payx-green)}.payx-fee-wrap{filter:drop-shadow(3px 4px 0 var(--dk,#a2c4e3)) drop-shadow(0 6px 6px #151b5214)}.payx-fee-wrap:has(.paid){--dk:#a1d6bb}.payx-fee-wrap:has(.part){--dk:#f0c88c}.payx-fee-wrap:has(.unpaid){--dk:#f1a9ab}.payx-fee{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(145deg,#fff -30%,#f2f6fd 70%);padding:14px 16px 14px 22px;position:relative}.payx-fee:before{content:"";background:var(--payx-blue);width:6px;position:absolute;top:0;bottom:0;left:0}.payx-fee.paid:before{background:#2e9d6a}.payx-fee.part:before{background:#e0a62e}.payx-fee.unpaid:before{background:var(--payx-red)}.payx-fee-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.payx-fee-top strong{font-size:14.5px}.payx-chip{border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700}.payx-chip.paid{background:var(--payx-green-soft);color:#1d7d21}.payx-chip.part{color:#8a5a00;background:#fff3d6}.payx-chip.unpaid{color:#a5191e;background:#fde8e9}.payx-fee-bar{clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:#151b5214;height:12px;margin-bottom:10px;overflow:hidden}.payx-fee-bar div{background:linear-gradient(90deg, var(--payx-green), #5fcf63);height:100%}.payx-fee.part .payx-fee-bar div{background:linear-gradient(90deg,#e0a62e,#f3c76b)}.payx-fee-nums{color:var(--payx-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;display:flex}.payx-fee-nums b{color:var(--payx-ink)}.payx-fee-total{color:#fff;background:linear-gradient(135deg, var(--payx-navy), #2b3a9a);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:13px 22px 13px 18px;font-size:13px;font-weight:600;display:flex}.payx-fee-total b{font-size:16px}.payx-copy{background:var(--payx-navy-deep);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:11.5px;font-weight:700;transition:background .15s;display:inline-flex}.payx-copy:hover{background:var(--payx-blue)}.payx-copy.done{background:var(--payx-green)}.payx-copy svg{width:13px;height:13px}.payx-help{background:var(--payx-navy);color:#fff;border-radius:var(--payx-radius);box-shadow:var(--payx-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:24px 30px;display:flex;position:relative;overflow:hidden}.payx-help:after{content:"";opacity:.4;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;background:linear-gradient(135deg,#2b7cf0,#1a4fb0);width:200px;height:180px;position:absolute;top:-50px;right:-30px}.payx-help:before{content:"";background:var(--payx-yellow);opacity:.85;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:none;width:100px;height:90px;position:absolute;bottom:-46px;left:42%}.payx-help-text,.payx-help-contacts{z-index:1;position:relative}.payx-help-text h2{margin:0 0 5px;font-size:19px}.payx-help-text p{color:#b9c4f5;margin:0;font-size:13.5px}.payx-help-contacts{flex-wrap:wrap;gap:10px;margin-right:40px;display:flex}.payx-help-contacts a,.payx-help-contacts span{color:#fff;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:#ffffff24;align-items:center;gap:8px;padding:10px 18px 10px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.payx-help-contacts a:hover{background:var(--payx-yellow);color:var(--payx-navy-deep)}.payx-help-contacts svg{width:14px;height:14px}@media (width<=760px){.payx-help{padding:22px 18px}.payx-help:before{display:none}.payx-help-contacts{margin-right:0}}.payx-field-note{color:var(--payx-muted);font-size:12px;font-weight:600;line-height:1.4}.payx-modal-note{color:var(--payx-muted);margin:0;padding:4px 24px 6px;font-size:12.5px;font-weight:600;line-height:1.5}.payx-awaiting{flex-wrap:wrap}.payx-refresh{background:var(--payx-navy-deep);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;height:32px;margin-left:auto;padding:0 16px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.payx-refresh:hover:not(:disabled){background:var(--payx-blue)}.payx-refresh:disabled{opacity:.7;cursor:wait}.payx-refresh svg{width:13px;height:13px}.payx-spin{animation:.9s linear infinite payxSpin}@keyframes payxSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.payx-spin{animation:none}}.payx-card--fees{flex-direction:column;display:flex}.payx-card--fees .payx-list{flex:1;justify-content:space-around}.payx-fee-total{margin-top:auto}.payx-ways-card{border-radius:var(--payx-radius);box-shadow:var(--payx-shadow);background:linear-gradient(90deg, var(--payx-blue), var(--payx-green) 55%, var(--payx-yellow)) top / 100% 7px no-repeat, radial-gradient(520px 220px at 100% 0%, #1a6ce012, transparent 70%), #fff;margin-top:22px;padding:32px 28px 26px}.payx-ways-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.payx-ways-head h2{margin:0 0 4px;font-size:21px;font-weight:800}.payx-ways-head p{color:var(--payx-muted);margin:0;font-size:13.5px;font-weight:500}.payx-ways-grid{perspective:1000px;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:28px;display:grid}.payx-option{--edge:#e0a62e;--bg:#fff7e0;--dark:#f0d28a;--ink:#4a3300;filter:drop-shadow(5px 6px 0 var(--dark)) drop-shadow(0 14px 14px #151b521f);transition:transform .2s,filter .2s}.payx-option:hover{filter:drop-shadow(7px 8px 0 var(--dark)) drop-shadow(0 20px 18px #151b5229);transform:translate(-2px,-4px)rotateX(2.5deg)rotateY(-2deg)}.payx-option--ussd{--edge:#1a6ce0;--bg:#e8f1fd;--dark:#a2c4e3;--ink:#12395c}.payx-option-face{height:100%;color:var(--ink);background:linear-gradient(145deg, #fff -25%, var(--bg) 75%);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));flex-direction:column;gap:14px;padding:26px 26px 26px 34px;display:flex;position:relative}.payx-option-face:before{content:"";background:var(--edge);width:8px;position:absolute;top:0;bottom:0;left:0}.payx-option-top{align-items:center;gap:16px;display:flex}.payx-option-icon{background:var(--edge);color:#fff;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.payx-option-icon svg{width:24px;height:24px}.payx-option-tag{letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.payx-option-top h3{margin:0;font-size:20px;font-weight:800}.payx-option-text{opacity:.85;margin:0;font-size:13.5px;font-weight:500;line-height:1.55}.payx-option-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.payx-option-list li{padding-left:30px;font-size:13.5px;font-weight:600;position:relative}.payx-option-list li:before{content:"✓";background:var(--edge);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:800;display:flex;position:absolute;top:-1px;left:0}.payx-option-btn{background:var(--payx-navy-deep);color:#fff;cursor:pointer;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);border:0;align-self:flex-start;align-items:center;gap:9px;height:46px;margin-top:auto;padding:0 26px 0 24px;font-size:13.5px;font-weight:700;transition:background .15s;display:inline-flex}.payx-option-btn:hover{background:var(--payx-blue)}.payx-option-btn svg{width:16px;height:16px}.payx-dial{color:#fff;background:radial-gradient(#ffffff14 1.5px, transparent 1.5px) 0 0 / 14px 14px, linear-gradient(135deg, var(--payx-navy-deep), var(--payx-navy));clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));justify-content:space-between;align-items:center;gap:14px;padding:16px 18px 16px 22px;display:flex}.payx-dial-label{color:#b9c4f5;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.payx-dial-code{color:var(--payx-yellow);letter-spacing:.06em;font-family:Consolas,Courier New,monospace;font-size:30px;font-weight:800;display:block}.payx-code-row{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 18px;display:flex}.payx-code-row span{color:var(--payx-muted);margin-bottom:2px;font-size:11.5px;font-weight:700;display:block}.payx-code-row strong{letter-spacing:.04em;overflow-wrap:anywhere;font-family:Consolas,Courier New,monospace;font-size:16px}.payx-copy.light{background:#ffffff2e}.payx-copy.light:hover{background:var(--payx-yellow);color:var(--payx-navy-deep)}.payx-copy.light.done{background:var(--payx-green);color:#fff}.payx-networks{flex-wrap:wrap;gap:8px;display:flex}.payx-net{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:7px 16px 7px 14px;font-size:12px;font-weight:800}.payx-net--mtn{color:#3a2f00;background:#fc0}.payx-net--airtel{color:#fff;background:#e4202c}.payx-timeline-title{color:var(--payx-navy);margin:0 0 16px;font-size:15px;font-weight:800}.payx-timeline{background:var(--payx-field);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));grid-template-columns:repeat(4,1fr);margin:0 0 22px;padding:24px 18px 20px;list-style:none;display:grid}.payx-timeline li{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:0 12px;display:flex;position:relative}.payx-timeline li:after{content:"";border-top:3px dotted #b7c3e6;width:calc(100% - 68px);position:absolute;top:25px;left:calc(50% + 34px)}.payx-timeline li:last-child:after{display:none}.payx-tl-num{z-index:1;background:linear-gradient(135deg, var(--payx-navy), #2b3a9a);color:#fff;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);justify-content:center;align-items:center;width:52px;height:50px;font-size:18px;font-weight:800;display:flex;position:relative}.payx-timeline li:nth-child(2n) .payx-tl-num{background:linear-gradient(135deg,#1a6ce0,#2b8cf0)}.payx-timeline li:last-child .payx-tl-num{background:linear-gradient(135deg,#2e9d6a,#4cc08a)}.payx-timeline p{color:var(--payx-ink);margin:0;font-size:13px;font-weight:600;line-height:1.5}.payx-ways-note{background:var(--payx-green-soft);color:#145c17;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);align-items:center;gap:12px;padding:14px 24px 14px 18px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.payx-ways-note svg{flex:none;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.payx-option:hover{transform:none}}@media (width<=1000px){.payx-ways-grid{grid-template-columns:1fr}}@media (width<=760px){.payx-ways-card{padding:26px 16px 20px}.payx-timeline{grid-template-columns:1fr 1fr;row-gap:22px}.payx-timeline li:nth-child(2):after{display:none}.payx-option-face{padding:22px 18px 22px 26px}.payx-dial-code{font-size:24px}}@media (width<=520px){.payx-timeline{grid-template-columns:1fr}.payx-timeline li{text-align:left;flex-direction:row;gap:14px;padding:0}.payx-timeline li:after{display:none}.payx-ways-note{padding-right:28px}}.bursar-dashboard-content{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--red:#e0282e;--red-soft:#fde8e9;--line:#e4e8f4;--field:#f5f7fd;--radius:18px;--shadow:0 6px 18px #151b5214;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);--cut:26px;color:var(--ink);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,sans-serif}.bursar-dashboard-content *{box-sizing:border-box}.bs-grid--4{grid-template-columns:repeat(4,1fr)}.bursar-dashboard-content input,.bursar-dashboard-content select,.bursar-dashboard-content textarea{width:100%;height:42px;color:var(--ink);background:var(--field);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.bursar-dashboard-content input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy)}.bursar-dashboard-content textarea{resize:vertical;height:90px;padding:12px 14px}.bursar-dashboard-content input:focus,.bursar-dashboard-content select:focus,.bursar-dashboard-content textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.bs-big{height:72px;padding:0 36px;font-size:20px}.bursar-dashboard-content button:focus-visible,.bursar-dashboard-content a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bursar-dashboard-content *{transition:none!important}}@media (width<=1000px){.bs-grid--4{grid-template-columns:1fr 1fr}}@media (width<=760px){.bs-grid,.bs-grid--4,.bs-row{grid-template-columns:1fr}.bursar-dashboard-content{padding:20px 14px 48px}}@media print{.bs-no-print,.sidebar,.top-navbar{display:none!important}.bursar-dashboard-content{background:#fff}.bs-wrap{filter:none}}.capture-money-content{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--yellow-soft:#fff3cf;--red:#e0282e;--red-soft:#fde8e9;--line:#e4e8f4;--field:#f5f7fd;--radius:18px;--shadow:0 6px 18px #151b5214;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);color:var(--ink);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.capture-money-content *{box-sizing:border-box}.cm-hero,.cm-card-head{background:var(--navy);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:relative;overflow:hidden}.cm-hero{border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:26px 30px 24px}.cm-card-head{margin-bottom:22px;padding:24px 30px 22px}.cm-hero:after,.cm-card-head:after{content:"";opacity:.45;width:220px;height:200px;clip-path:var(--hex);pointer-events:none;background:linear-gradient(135deg,#2b7cf0 0%,#1a4fb0 100%);position:absolute;top:-60px;right:-30px}.cm-hero:before,.cm-card-head:before{content:"";background:var(--yellow);opacity:.9;width:110px;height:100px;clip-path:var(--hex);pointer-events:none;position:absolute;bottom:-44px;left:300px}.cm-hero-text,.cm-hero-date,.cm-card-title,.cm-controls{z-index:1;position:relative}.cm-hero-title{margin:0 0 6px;font-size:26px;font-weight:700}.cm-hero-sub{color:#b9c4f5;margin:0;font-size:14px;font-weight:500}.cm-hero-date{flex-direction:column;gap:6px;display:flex}.cm-card-title{margin:0;font-size:22px;font-weight:700}.cm-controls{flex-wrap:wrap;gap:12px;display:flex}.cm-controls .cm-select .cm-input{min-width:160px;height:40px}.cm-label{color:var(--muted);font-size:12px;font-weight:600}.cm-label--light{color:#b9c4f5}.cm-field{flex-direction:column;gap:6px;min-width:0;display:flex}.cm-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cm-input{background:var(--field);width:100%;height:42px;color:var(--ink);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.cm-input::placeholder{color:#9aa4c0}.cm-input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.cm-select{align-items:center;display:flex;position:relative}.cm-select select{appearance:none;cursor:pointer;padding-right:36px}.cm-caret{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;right:14px}.cm-search{align-items:center;display:flex;position:relative}.cm-search .cm-input{width:200px;height:40px;padding-left:36px}.cm-search-icon{color:var(--muted);font-size:13px;position:absolute;left:13px}.cm-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.cm-stat{--accent:var(--blue);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(var(--accent), var(--accent)) top / 100% 6px no-repeat, #fff;align-items:center;gap:14px;padding:22px 20px 18px;display:flex}.cm-stat--green{--accent:var(--green)}.cm-stat--yellow{--accent:var(--yellow)}.cm-stat--red{--accent:var(--red)}.cm-hex{background:var(--accent);width:54px;height:50px;clip-path:var(--hex);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.cm-stat--yellow .cm-hex{color:var(--navy-deep)}.cm-stat-value{word-break:break-word;margin-top:2px;font-size:20px;font-weight:700}.cm-capture-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.cm-panel{--accent:var(--blue);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:linear-gradient(var(--accent), var(--accent)) top / 100% 6px no-repeat, #fff;flex-direction:column;gap:14px;padding:24px 22px 22px;display:flex}.cm-panel--manual{grid-row:span 3}.cm-panel--green{--accent:var(--green)}.cm-panel--yellow{--accent:var(--yellow)}.cm-panel--red{--accent:var(--red)}.cm-panel-title{margin:0;font-size:16px;font-weight:700}.cm-hint{color:var(--muted);margin:-8px 0 0;font-size:12px;line-height:1.5}.cm-sync-line{background:var(--field);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:12px 14px;font-size:13px;display:flex}.cm-btn{text-align:center;white-space:normal;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:auto;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.3;transition:background .15s,transform .15s;display:inline-flex}.cm-btn--yellow{background:var(--yellow);color:var(--navy-deep)}.cm-btn--yellow:hover{background:var(--yellow-dark);transform:translateY(-1px)}.cm-btn--dark{background:var(--navy-deep);color:#fff}.cm-btn--dark:hover{background:var(--blue)}.cm-btn:disabled{opacity:.6;cursor:wait;transform:none}.cm-notice{border-left:6px solid var(--blue);background:var(--blue-soft);color:var(--navy);box-shadow:var(--shadow);border-radius:14px;margin-top:22px;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.5}.cm-notice--success{border-left-color:var(--green);background:var(--green-soft);color:#145c17}.cm-notice--error{border-left-color:var(--red);background:var(--red-soft);color:#8f1a1e}.cm-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-top:28px;padding:0 0 12px;overflow:hidden}.cm-scroll{padding:0 26px 8px;overflow-x:auto}.cm-table{border-collapse:separate;border-spacing:0;width:100%;min-width:820px}.cm-table thead th{background:var(--field);color:var(--muted);text-align:left;white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:700}.cm-table thead th:first-child{border-radius:12px 0 0 12px}.cm-table thead th:last-child{border-radius:0 12px 12px 0}.cm-table tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:16px 14px;font-size:14px}.cm-table tbody tr:hover td{background:#fafbff}.cm-table tbody tr:last-child td{border-bottom:none}.cm-empty{text-align:center;color:var(--muted);padding:32px 12px!important}.cm-strong{font-weight:700}.cm-paid{color:#1d7d21;font-weight:600}.cm-owed{color:var(--red);font-weight:700}.cm-person{align-items:center;gap:12px;display:flex}.cm-avatar{background:linear-gradient(135deg, var(--blue) 0%, var(--navy) 100%);width:38px;height:38px;box-shadow:0 0 0 3px var(--blue-soft);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.cm-tag{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.cm-tag--navy{background:var(--navy-deep);color:#fff}.cm-tag--blue{background:var(--blue-soft);color:var(--blue)}.cm-tag--yellow{background:var(--yellow-soft);color:#8a6200}.cm-tag--green{background:var(--green-soft);color:#1d7d21}.cm-tag--red{background:var(--red-soft);color:var(--red)}.cm-status{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.cm-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.cm-status--paid{background:var(--green-soft);color:#1d7d21}.cm-status--partial{background:var(--yellow-soft);color:#8a6200}.cm-status--unpaid{background:var(--red-soft);color:var(--red)}.capture-money-content button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.capture-money-content *{transition:none!important}}@media (width<=1180px){.cm-stats{grid-template-columns:1fr 1fr}}@media (width<=900px){.cm-capture-grid{grid-template-columns:1fr}.cm-panel--manual{grid-row:auto}}@media (width<=760px){.capture-money-content{padding:20px 16px 48px}.cm-stats,.cm-row{grid-template-columns:1fr}.cm-hero,.cm-card-head{padding:22px 18px 20px}.cm-hero:after,.cm-hero:before,.cm-card-head:after,.cm-card-head:before{opacity:.25}.cm-scroll{padding:0 14px 8px}.cm-controls,.cm-controls .cm-select,.cm-search,.cm-search .cm-input{width:100%}}.bursar-receipts-content{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--red:#e0282e;--red-soft:#fde8e9;--line:#e4e8f4;--field:#f5f7fd;--radius:18px;--shadow:0 6px 18px #151b5214;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);--cut:26px;color:var(--ink);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,sans-serif}.bursar-receipts-content *{box-sizing:border-box}.bursar-receipts-content input,.bursar-receipts-content select,.bursar-receipts-content textarea{width:100%;height:42px;color:var(--ink);background:var(--field);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.bursar-receipts-content input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy)}.bursar-receipts-content textarea{resize:vertical;height:90px;padding:12px 14px}.bursar-receipts-content input:focus,.bursar-receipts-content select:focus,.bursar-receipts-content textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.bs-btn--danger{background:var(--red-soft);color:var(--red)}.bs-btn--danger:hover:not(:disabled){background:var(--red);color:#fff}.bursar-receipts-content button:focus-visible,.bursar-receipts-content a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bursar-receipts-content *{transition:none!important}}@media (width<=1000px){.bs-grid--4{grid-template-columns:1fr 1fr}}@media (width<=760px){.bs-grid,.bs-grid--4,.bs-row{grid-template-columns:1fr}.bursar-receipts-content{padding:20px 14px 48px}}@media print{.bs-no-print,.sidebar,.top-navbar{display:none!important}.bursar-receipts-content{background:#fff}.bs-wrap{filter:none}}.defaulters-content{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--red:#e0282e;--red-soft:#fde8e9;--line:#e4e8f4;--field:#f5f7fd;--radius:18px;--shadow:0 6px 18px #151b5214;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);--cut:26px;color:var(--ink);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,sans-serif}.defaulters-content *{box-sizing:border-box}.defaulters-content input,.defaulters-content select,.defaulters-content textarea{width:100%;height:42px;color:var(--ink);background:var(--field);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.defaulters-content input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy)}.defaulters-content textarea{resize:vertical;height:90px;padding:12px 14px}.defaulters-content input:focus,.defaulters-content select:focus,.defaulters-content textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.defaulters-content button:focus-visible,.defaulters-content a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.defaulters-content *{transition:none!important}}@media (width<=1000px){.bs-grid--4{grid-template-columns:1fr 1fr}}@media (width<=760px){.bs-grid,.bs-grid--4,.bs-row{grid-template-columns:1fr}.defaulters-content{padding:20px 14px 48px}}@media print{.bs-no-print,.sidebar,.top-navbar{display:none!important}.defaulters-content{background:#fff}.bs-wrap{filter:none}}.expenses-content{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--red:#e0282e;--red-soft:#fde8e9;--line:#e4e8f4;--field:#f5f7fd;--radius:18px;--shadow:0 6px 18px #151b5214;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);--cut:26px;color:var(--ink);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,sans-serif}.expenses-content *{box-sizing:border-box}.expenses-content input,.expenses-content select,.expenses-content textarea{width:100%;height:42px;color:var(--ink);background:var(--field);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.expenses-content input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy)}.expenses-content textarea{resize:vertical;height:90px;padding:12px 14px}.expenses-content input:focus,.expenses-content select:focus,.expenses-content textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.expenses-content button:focus-visible,.expenses-content a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.expenses-content *{transition:none!important}}@media (width<=1000px){.bs-grid--4{grid-template-columns:1fr 1fr}}@media (width<=760px){.bs-grid,.bs-grid--4,.bs-row{grid-template-columns:1fr}.expenses-content{padding:20px 14px 48px}}@media print{.bs-no-print,.sidebar,.top-navbar{display:none!important}.expenses-content{background:#fff}.bs-wrap{filter:none}}.student-profile-content{--navy:#151b52;--navy-deep:#0f1538;--ink:#1a2140;--muted:#6f7a95;--blue:#1a6ce0;--blue-soft:#e6eefc;--green:#2aa52e;--green-soft:#e3f5e4;--yellow:#fbc94a;--yellow-dark:#efb72a;--red:#e0282e;--red-soft:#fde8e9;--line:#e4e8f4;--field:#f5f7fd;--radius:18px;--shadow:0 6px 18px #151b5214;--hex:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);--cut:26px;color:var(--ink);background:linear-gradient(#f1f0ff 0%,#d3e2ec 100%);min-height:100%;padding:28px 20px 64px;font-family:Inter,Segoe UI,system-ui,sans-serif}.student-profile-content *{box-sizing:border-box}.bs-header{background:var(--navy);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:24px 30px 22px;position:relative;overflow:hidden}.bs-header:after{content:"";opacity:.45;width:220px;height:200px;clip-path:var(--hex);pointer-events:none;background:linear-gradient(135deg,#2b7cf0,#1a4fb0);position:absolute;top:-40px;right:-30px}.bs-header:before{content:"";background:var(--yellow);opacity:.9;width:110px;height:100px;clip-path:var(--hex);pointer-events:none;position:absolute;bottom:-38px;right:150px}.bs-title{z-index:1;color:#fff;margin:0 0 6px;font-size:26px;font-weight:700;position:relative}.bs-sub{z-index:1;color:#b9c4f5;margin:0;font-size:14px;font-weight:500;position:relative}.bs-grid{grid-template-columns:repeat(2,1fr);gap:26px;margin-bottom:26px;display:grid}.bs-wide{grid-column:1/-1}.bs-wrap{filter:drop-shadow(0 7px #151b5224)drop-shadow(0 14px 16px #151b521a);min-width:0}.bs-card{--accent:var(--blue);background:linear-gradient(var(--accent), var(--accent)) top / 100% 6px no-repeat, #fff;height:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);border-radius:6px 0 var(--radius) var(--radius);flex-direction:column;gap:14px;padding:26px 24px 22px;display:flex;position:relative}.bs-card:after{content:"";width:var(--cut);height:var(--cut);background:linear-gradient(225deg, transparent 50%, var(--accent) 50%);opacity:.85;position:absolute;top:0;right:0}.bs-card-title{margin:0;padding-right:26px;font-size:16px;font-weight:700}.bs-hint{color:var(--muted);margin:-8px 0 0;font-size:12px}.bs-stat-label{color:var(--muted);font-size:12px;font-weight:600}.bs-stat-value{color:var(--navy);font-size:26px;font-weight:800}.bs-stat-note{color:var(--muted);font-size:12px}.bs-field{flex-direction:column;gap:6px;min-width:0;display:flex}.bs-label{color:var(--muted);font-size:12px;font-weight:600}.bs-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bs-flex{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.student-profile-content input,.student-profile-content select,.student-profile-content textarea{width:100%;height:42px;color:var(--ink);background:var(--field);border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.student-profile-content input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy)}.student-profile-content textarea{resize:vertical;height:90px;padding:12px 14px}.student-profile-content input:focus,.student-profile-content select:focus,.student-profile-content textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1a6ce024}.bs-btn{background:var(--navy-deep);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.bs-btn:hover:not(:disabled){background:var(--blue)}.bs-btn:disabled{opacity:.4;cursor:not-allowed}.bs-btn--sm{height:34px;padding:0 14px}.bs-primary{background:var(--yellow);height:44px;color:var(--navy-deep);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.bs-primary:hover:not(:disabled){background:var(--yellow-dark);transform:translateY(-1px)}.bs-primary:disabled{opacity:.5;cursor:not-allowed}.bs-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.bs-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.bs-badge.is-ok{background:var(--green-soft);color:#1d7d21}.bs-badge.is-bad{background:var(--red-soft);color:var(--red)}.bs-badge.is-warn{color:#9a6b00;background:#fff4d6}.bs-badge.is-off{color:var(--muted);background:#eceef5}.bs-scroll{overflow-x:auto}.bs-table{border-collapse:separate;border-spacing:0;width:100%;min-width:620px}.bs-table th{text-align:left;color:var(--muted);background:var(--field);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:700}.bs-table th:first-child{border-radius:12px 0 0 12px}.bs-table th:last-child{border-radius:0 12px 12px 0}.bs-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px;font-size:14px}.bs-table tr:last-child td{border-bottom:none}.bs-table .is-cancelled td{color:#9aa4c0;text-decoration:line-through}.bs-num{text-align:right;font-variant-numeric:tabular-nums}.bs-empty{text-align:center;color:var(--muted);padding:26px 0;font-size:14px}.bs-message{border-left:6px solid var(--green);background:var(--green-soft);color:#145c17;box-shadow:var(--shadow);border-radius:14px;margin-bottom:22px;padding:14px 18px;font-size:14px;font-weight:500}.bs-message--error{border-left-color:var(--red);background:var(--red-soft);color:#8f1a1e}.student-profile-content button:focus-visible,.student-profile-content a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.student-profile-content *{transition:none!important}}@media (width<=1000px){.bs-grid--4{grid-template-columns:1fr 1fr}}@media (width<=760px){.bs-grid,.bs-grid--4,.bs-row{grid-template-columns:1fr}.student-profile-content{padding:20px 14px 48px}}@media print{.bs-no-print,.sidebar,.top-navbar{display:none!important}.student-profile-content{background:#fff}.bs-wrap{filter:none}}