@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Fraunces:wght@700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--darkLightTextColor:#fff;--darkPrimaryColor:#09093a;--darkBodyBackground:#e0e0f05c;--text-success:#246533;--text-danger:#dc3545;--text-warning:#ffc107;--darkSecondaryColor:#323f8633;--darkThirdColor:linear-gradient(135deg,#1e3a5f,#1d4ed8 60%,#4f46e5);--darkHighlightColor:#60a5fa;--primaryButton:#002070;--secondaruButton:#08836c}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--surface);color:var(--text);font-family:DM Sans,sans-serif;height:100vh}body{height:100%}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.align-items-center{align-items:center}.flex-direction{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.align-items-start{align-items:flex-start}.justify-content-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left!important}.text-right{text-align:right!important}.cursor_pointer{cursor:pointer}.pd{padding:12px!important}.pd-24{padding:24px}.margin{margin:2px}.mb{margin-bottom:18px}.mt-4{margin-top:4px}.mb-10{margin-bottom:10px!important}.mt-20{margin-top:20px}.ml-10{margin-left:10px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-15{gap:15px}.font-bolder{font-weight:bolder}.font-size-10{font-size:10px}.font-size-13{font-size:13px;font-weight:700}.success{color:var(--text-success)}.danger{color:var(--text-danger)}.warning{color:var(--text-warning)}.login-page,.position-relative{position:relative}.login-page{align-items:center;background:linear-gradient(135deg,#120b4b,#4141c6 40%,#0f1729);display:flex;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:16px}.login-container{max-width:920px!important;position:relative;z-index:1}.login-grid{background:#fff;border-radius:24px;box-shadow:0 40px 80px #00000080;min-height:580px;overflow:hidden}.login-left{background:linear-gradient(160deg,#1e3a8a,#2563eb 55%,#7c3aed);display:flex;flex-direction:column;padding:48px 44px!important;width:478px}.brand-section{gap:13px;margin-bottom:20px}.brand-icon,.brand-section{align-items:center;display:flex}.brand-icon{border-radius:13px;font-size:22px;height:70px;justify-content:center;width:70px}.brand-icon img{height:85px;object-fit:cover;width:85px}.brand-name{color:#fff!important;font-weight:800!important;letter-spacing:-.3px}.brand-tagline{color:#fff9!important;font-weight:600!important;letter-spacing:.5px}.hero-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px 0}.hero-emoji{font-size:52px!important;margin-bottom:16px!important}.hero-title{color:#fff!important;font-size:30px!important;font-weight:900!important;line-height:1.2!important;margin-bottom:14px!important}.hero-text{color:#ffffffb8!important;font-size:14px!important;line-height:1.65!important}.features-section{display:flex;flex-direction:column;gap:10px}.feature-badge{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a!important;border:1px solid #ffffff26;border-radius:12px;box-shadow:none!important;display:flex;gap:12px;padding:12px 16px}.feature-icon{flex-shrink:0;font-size:20px}.feature-title{color:#fff!important;font-size:13px!important;font-weight:700!important}.feature-desc{color:#fff9!important;display:block;font-size:12px!important;margin-top:1px}.login-card{align-items:center;background:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px 44px}.login-header{margin-bottom:32px}.login-title{color:#0f172a!important;font-size:26px!important;font-weight:900!important;margin-bottom:6px!important}.login-subtitle{color:#64748b!important;font-size:14px!important}.role-box{background:#f8faff;border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:22px;padding:14px 16px}.role-chips{display:flex;gap:10px}.role-chip{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:5px 14px}.role-chip-admin{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.role-chip-principal{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.role-note{color:#94a3b8!important;display:block;font-size:11px!important;margin-top:8px}.login-error{background:#fef2f2!important;border:1.5px solid #fecaca!important;color:#dc2626!important;font-size:13px!important;margin-bottom:18px!important}.input-wrapper{align-items:center;margin-bottom:18px;min-width:297px}.input-label{color:#1e293b!important;display:block!important;font-size:13px!important;font-weight:700!important;margin-bottom:8px!important}.email-field,.password-field{background:#f8faff}.email-field .MuiOutlinedInput-root,.password-field .MuiOutlinedInput-root{border-radius:11px}.email-field .MuiOutlinedInput-input,.password-field .MuiOutlinedInput-input{font-size:14px;padding:13px 14px}.email-field .MuiOutlinedInput-notchedOutline,.password-field .MuiOutlinedInput-notchedOutline{border-color:#e2e8f0;border-width:2px}.email-field:hover .MuiOutlinedInput-notchedOutline,.password-field:hover .MuiOutlinedInput-notchedOutline{border-color:#2563eb}.email-field.Mui-focused .MuiOutlinedInput-notchedOutline,.password-field.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b82f6;border-width:2px}.email-field.Mui-error .MuiOutlinedInput-notchedOutline,.password-field.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#ef4444}.eye-button{color:#64748b}.eye-button:hover{background:#0000000a}.login-button{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border-radius:11px!important;box-shadow:0 4px 16px #2563eb4d!important;color:#fff!important;font-size:15px!important;font-weight:700!important;margin-top:10px!important;padding:14px!important;text-transform:none!important}.login-button:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca)!important;box-shadow:0 6px 20px #2563eb66!important}.login-button:disabled{opacity:.75}.loading-content{align-items:center;display:flex;gap:10px;justify-content:center}.info-note{background:#f8faff!important;border:1px solid #e2e8f0;border-radius:10px;box-shadow:none!important;margin-top:22px;padding:12px 16px}.info-title{color:#64748b!important;display:block;font-size:11px!important;font-weight:700!important;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-text{color:#94a3b8!important;font-size:12px!important}.info-email{color:#6366f1!important;font-weight:600}.book-wrapper{height:70px;margin:14px auto;perspective:2000px;width:112px}.open-book{height:74px;position:relative;transform:rotateX(20deg) rotate(-10deg);transform-style:preserve-3d;width:86px}.left-cover,.right-cover{background:linear-gradient(135deg,#ff6ec4,#7873f5);border-radius:6px;height:100%;position:absolute;top:0;width:50%}.left-cover{left:0;transform:rotateY(25deg);transform-origin:right}.right-cover{right:0;transform:rotateY(-25deg)}.page,.right-cover{transform-origin:left}.page{animation:flipPage 8s linear infinite;background:#fff;border-radius:4px;box-shadow:0 5px 15px #0003;height:95%;left:50%;position:absolute;top:2.5%;width:48%}.page1{animation-delay:0s}.page2{animation-delay:2s}.page3{animation-delay:4s}.page4{animation-delay:6s}.page:after{background:repeating-linear-gradient(180deg,#ddd,#ddd 2px,#0000 0,#0000 8px);bottom:10px;content:"";left:10px;opacity:.5;position:absolute;right:10px;top:10px}@keyframes flipPage{0%{opacity:1;transform:rotateY(0deg)}80%{opacity:.8;transform:rotateY(-180deg)}to{opacity:0;transform:rotateY(-180deg)}}.school-dropdown{background:#1e293b;border:1px solid #334155;border-radius:8px;margin-top:5px;max-height:300px;overflow-y:auto;position:absolute;right:-30px;top:100%;width:200px;z-index:1000}.school-dropdown-item{background:none;border:none;border-bottom:1px solid #334155;color:#f1f5f9;cursor:pointer;padding:12px;text-align:left;transition:.2s ease;width:100%}.school-dropdown-item:hover{background:#ffffff0d}.school-dropdown-empty{color:#64748b;padding:12px;text-align:center}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-textfield-decoration-container{display:none!important}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none!important}.sa-root{background:#070b14;color:#e2e8f0;overflow-x:hidden;width:100%}.sa-root,.sa-sidebar{display:flex;min-height:100vh}.sa-sidebar{background:linear-gradient(180deg,#0d1424,#0a1020);border-right:1px solid #f59e0b1f;bottom:0;flex-direction:column;left:0;position:fixed;top:0;width:260px;z-index:200}.sa-brand{border-bottom:1px solid #ffffff0f;gap:14px;padding:28px 22px 20px}.sa-brand,.sa-brand-icon{align-items:center;display:flex}.sa-brand-icon{background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:13px;font-size:22px;height:46px;justify-content:center;width:46px}.sa-brand-name{color:#f1f5f9;font-size:18px;font-weight:700}.sa-brand-role{color:#f59e0b;font-size:11px;font-weight:600}.sa-nav{flex:1 1;overflow-y:auto;padding:8px 12px}.sa-nav-label{color:#475569;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:14px 10px 6px;text-transform:uppercase}.sa-nav-item{align-items:center;background:#0000;border:none;border-radius:11px;color:#94a3b8;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;gap:12px;margin-bottom:2px;padding:11px 14px;text-align:left;transition:all .18s;width:100%}.sa-nav-item:hover{background:#ffffff0d;color:#e2e8f0}.sa-nav-item.sa-active{background:linear-gradient(135deg,#f59e0b2e,#ef44441f);border:1px solid #f59e0b33;color:#f59e0b}.sa-sidebar-footer{border-top:1px solid #ffffff0f;padding:16px 14px}.sa-logout-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:11px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;margin:10px;padding:11px 16px}.sa-logout-btn:hover{background:#ef44442e}.sa-topbar{align-items:center;background:#070b14;border-bottom:1px solid #ffffff0d;display:flex;height:70px;justify-content:space-between;padding:0 24px;width:100%}.sa-topbar-title{font-size:18px;font-weight:700}.sa-badge{background:linear-gradient(135deg,#f59e0b33,#ef444426);border:1px solid #f59e0b4d;border-radius:20px;color:#f59e0b;font-size:12px;font-weight:700;letter-spacing:.3px;padding:6px 14px}.sa-content{flex:1 1;padding:28px;width:100%}.sa-table-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.sa-table-name{color:#f1f5f9;font-size:22px;font-weight:800}.sa-table-name span{color:#64748b;font-size:14px;margin-left:10px}.sa-table-detail{color:#475569;font-size:13px;margin-top:4px}.sa-link{color:#3b82f6;font-weight:500;text-decoration:none}.sa-card{background:#0d1424;border:1px solid #ffffff12;border-radius:16px;margin-bottom:20px;overflow:hidden}.sa-card-header{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 22px}.sa-card-title{color:#f1f5f9;font-size:15px;font-weight:700}.sa-card-sub{color:#475569;font-size:12px;margin-top:2px}.sa-search-wrap{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:8px;min-width:240px;padding:8px 14px}.sa-search-input{background:#0000;border:none;color:#e2e8f0;flex:1 1;font-family:Outfit,sans-serif;font-size:13px;outline:none}.sa-search-input::placeholder{color:#475569}.sa-table-wrap{overflow-x:auto}.sa-table{border-collapse:collapse;width:100%}.sa-table th{background:#ffffff0a;border-bottom:1px solid #ffffff12;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.7px;padding:11px 16px;text-align:left;text-transform:uppercase}.sa-table td{border-bottom:1px solid #ffffff0a;color:#cbd5e1;font-size:13px;padding:13px 16px;vertical-align:middle}.sa-table tr:last-child td{border-bottom:none}.sa-table tr:hover td{background:hsla(0,0%,100%,.025)}.sa-school-avatar{background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:9px;color:#0d1424;flex-shrink:0;font-size:14px;font-weight:800;height:34px;width:34px}.sa-modal-overlay,.sa-school-avatar{align-items:center;display:flex;justify-content:center}.sa-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;inset:0;padding:16px;position:fixed;z-index:999}.sa-modal{animation:saSlideUp .22s ease;background:#0d1424;border:1px solid #f59e0b26;border-radius:20px;box-shadow:0 24px 80px #000000b3;max-height:90vh;max-width:96vw;overflow-y:auto;width:560px}.sa-modal.wide{max-width:980px;width:96vw}@keyframes saSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sa-modal-header{align-items:center;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;padding:22px 24px 18px}.sa-modal-title{color:#f1f5f9;font-size:17px;font-weight:700}.sa-modal-close{align-items:center;background:#ffffff12;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s;width:32px}.sa-modal-close:hover{background:#ef444426;color:#f87171}.sa-modal-body{padding:20px 24px}.sa-modal-footer{border-top:1px solid #ffffff12;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.sa-warning-box{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:16px}.sa-warning-title{color:#f87171;font-weight:700}.sa-warning-list{color:#e2e8f0;margin-top:8px;padding-left:20px}.sa-warning-list li{margin-bottom:4px}.sa-toast{align-items:center;animation:saFadeIn .25s ease;border-radius:14px;bottom:28px;box-shadow:0 8px 32px #00000080;display:flex;font-size:14px;font-weight:600;gap:10px;max-width:360px;padding:14px 20px;position:fixed;right:28px;z-index:9999}.sa-toast.success{background:#0d2a1a;border:1px solid #10b981;color:#34d399}.sa-toast.error{background:#2a0d0d;border:1px solid #ef4444;color:#f87171}@keyframes saFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sa-status{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 12px}.sa-status.active{background:#10b98126;border:1px solid #10b98140;color:#34d399}.sa-status.trial{background:#f59e0b26;border:1px solid #f59e0b40;color:#fbbf24}.sa-status.inactive{background:#ef444426;border:1px solid #ef444440;color:#f87171}.sa-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.sa-stat{background:linear-gradient(135deg,#0d1424,#111827);border:1px solid #ffffff12;border-radius:16px;cursor:default;overflow:hidden;padding:22px;position:relative;transition:transform .18s,box-shadow .18s}.sa-stat:hover{box-shadow:0 8px 32px #0006;transform:translateY(-2px)}.sa-stat:before{border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.sa-stat.gold:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.sa-stat.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.sa-stat.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.sa-stat.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.sa-stat-icon{font-size:28px;margin-bottom:12px}.sa-stat-val{color:#f1f5f9;font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:800;line-height:1;margin-bottom:6px}.sa-stat-label{color:#64748b;font-size:13px;font-weight:500}.sa-welcome-banner{align-items:center;background:linear-gradient(135deg,#f59e0b1f,#ef444414);border:1px solid #f59e0b26;border-radius:18px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:24px 28px}.sa-welcome-subtitle{color:#64748b;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.sa-welcome-title{color:#f1f5f9;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:800;line-height:1.2}.sa-welcome-text{color:#64748b;font-size:13px;margin-top:6px}.sa-welcome-icon{font-size:56px}.sa-widget-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sa-widget{background:#0d1424;border:1px solid #ffffff12;border-radius:16px;padding:20px}.sa-widget-title{color:#f1f5f9;font-size:13px;font-weight:700;margin-bottom:16px}.sa-activity-item{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:12px;padding:10px 0}.sa-activity-item:last-child{border-bottom:none}.sa-activity-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.sa-activity-text{color:#94a3b8;flex:1 1;font-size:13px}.sa-activity-time{color:#475569;font-size:11px;white-space:nowrap}.sa-role-item{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:14px;padding:12px 0}.sa-role-item:last-child{border-bottom:none}.sa-role-icon{align-items:center;border-radius:11px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.sa-role-count{color:#f1f5f9;font-size:20px;font-weight:800;line-height:1}.sa-role-label{color:#64748b;font-size:12px;margin-top:2px}.sa-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.sa-form-field,.sa-form-row{margin-bottom:14px}.sa-form-field label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:7px;text-transform:uppercase}.sa-form-field input,.sa-form-field select,.sa-form-field textarea{background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:10px;color:#e2e8f0;font-family:Outfit,sans-serif;font-size:13px;outline:none;padding:11px 14px;transition:border-color .18s;width:100%}.sa-form-field input:focus,.sa-form-field select:focus,.sa-form-field textarea:focus{border-color:#f59e0b80}.sa-form-field select option{background:#0d1424}.sa-password-wrapper{position:relative}.sa-password-wrapper input{padding-right:40px}.sa-password-toggle{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.sa-password-toggle:hover:not(:disabled){opacity:.7}.sa-password-toggle:disabled{cursor:not-allowed;opacity:.5}.sa-school-info-box{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:12px;margin-bottom:24px;padding:20px}.sa-school-info-label{color:#94a3b8;font-size:14px}.sa-school-name{color:#f1f5f9;font-size:16px;font-weight:600}.sa-error-box{background:#450a0a;border:1px solid #7f1d1d;border-radius:6px;color:#f87171;font-size:14px;margin-bottom:20px;padding:12px}.sa-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:all .18s;white-space:nowrap}.sa-btn-primary{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 3px 12px #f59e0b4d;color:#0d1424}.sa-btn-primary:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-1px)}.sa-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.sa-btn-ghost{background:#ffffff12;border:1px solid #ffffff1f;color:#94a3b8}.sa-btn-ghost:hover{background:#ffffff1c;color:#e2e8f0}.sa-btn-danger{background:#ef44441f;border:1px solid #ef444433;color:#f87171;padding:6px}.sa-btn-danger:hover{background:#ef444433}.sa-btn-sm{padding:2px}.sa-td-actions{gap:6px}.pri-brand,.sa-td-actions{align-items:center;display:flex}.pri-brand{border-bottom:1px solid #ffffff14;gap:13px;padding:24px 20px 18px}.pri-brand-name{color:var(--darkLightTextColor);font-family:Fraunces,serif;font-size:18px;font-weight:900;letter-spacing:-.3px}.pri-brand-role{color:var(--darkHighlightColor);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.pri-user-info{background:#60a5fa1a;border-radius:11px;gap:10px;margin:12px;padding:10px 14px}.pri-avatar,.pri-user-info{align-items:center;display:flex}.pri-avatar{background:var(--darkHighlightColor);border-radius:10px;color:#fff;flex-shrink:0;font-size:14px;font-weight:800;height:36px;justify-content:center;width:36px}.pri-user-email{color:var(--darkBodyBackground);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pri-user-name{color:var(--darkLightTextColor);font-size:14px}.pri-nav{flex:1 1;overflow-y:auto;padding:6px 10px}.pri-nav-group-label{color:#ffffff40;font-size:10px;font-weight:700;letter-spacing:1.3px;padding:12px 10px 5px;text-transform:uppercase}.pri-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;gap:11px;margin-bottom:1px;padding:10px 12px;text-align:left;transition:all .18s;width:100%}.pri-nav-item:hover{background:#ffffff12;color:#ffffffd9}.pri-nav-item.pri-active{background:linear-gradient(135deg,#60a5fa38,#818cf826);border:1px solid #60a5fa33;color:#93c5fd;font-weight:700}.pri-nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.pri-logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#fca5a5;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;gap:9px;padding:10px 14px;transition:all .18s;width:100%}.pri-logout-btn:hover{background:#ef44442e}.pri-root{background:#eef2ff;color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden;width:100%}.pri-root,.pri-sidebar{display:flex;min-height:100vh}.pri-sidebar{background:#09093a;border-right:none;bottom:0;box-shadow:4px 0 24px #1e3a5f4d;flex-direction:column;left:0;position:fixed;top:0;width:260px;z-index:100}.pri-sidebar-footer{border-top:1px solid #ffffff12;padding:14px 12px}.pri-main{flex:1 1;flex-direction:column;padding-left:260px;transition:padding .3s}.pri-main,.pri-topbar{display:flex;width:100%}.pri-topbar{align-items:center;background:var(--darkLightTextColor);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 8px #0000000f;color:var(--darkPrimaryColor);height:70px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.pri-topbar-title{font-family:Fraunces,serif;font-size:20px;font-weight:900}.pri-content{background-color:var(--darkBodyBackground);flex:1 1;padding:30px 20px;width:100%}.pri-menu-btn{background:none;border:none;color:var(--darkPrimaryColor);cursor:pointer;display:none;font-size:24px}.pri-empty{padding:40px 20px;text-align:center}.pri-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.pri-empty p{color:#94a3b8;font-size:14px;margin:0}.pri-classes-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.tally-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:4px;padding:12px 20px}.tally-tab{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.tally-tab:hover{background:#e2e8f0;color:#1e293b}.tally-tab.active{background:linear-gradient(135deg,var(--primaryButton),#002dc4);color:#fff}.edit-button{background:#182a6829!important;border:1.5px solid #18336829!important;border-radius:9px!important;font-size:12px!important;padding:7px!important}.pri-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 22px;transition:all .2s ease;white-space:nowrap}.pri-btn-primary{background:var(--primaryButton);box-shadow:0 3px 12px --darkPrimaryColor;color:#fff}.pri-btn-primary:hover{box-shadow:0 6px 20px var(--darkPrimaryColor);transform:translateY(-1px)}.pri-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.pri-btn-third{background:#0a7ea6;color:#000}.pri-btn-third:hover{box-shadow:0 6px 20px #18a4c3;transform:translateY(-1px)}.pri-btn-third:disabled{cursor:not-allowed;opacity:.6;transform:none}.pri-btn-secondary{background:var(--secondaruButton);color:#fff}.pri-btn-secondary:hover{box-shadow:0 6px 20px #6a9b6a;transform:translateY(-1px)}.pri-btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.pri-btn-ghost{background:#fff;border:1.5px solid #e2e8f0;color:#64748b}.pri-btn-ghost:hover{background:#f8faff;border-color:#bfdbfe;color:#3b82f6}.pri-btn-danger{background:#fef2f2;border:1.5px solid #fecaca;color:#ef4444}.pri-btn-danger:hover{background:#fee2e2}.pri-btn-warning{background:#fffbeb;border:1.5px solid #fde68a;color:var(--text-warning)}.pri-btn-warning:hover{background:#fef3c7}.pri-btn-sm{font-size:12px;padding:8px 12px}.pri-btn-group{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;display:inline-flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:12px!important;gap:6px;margin-right:10px;padding:8px 16px;transition:none;white-space:nowrap}.load-btn{background:var(--darkPrimaryColor)}.load-btn:hover:not(:disabled){box-shadow:0 6px 18px --darkPrimaryColor;transform:translateY(-1px)}.load-btn:active:not(:disabled){transform:scale(.97)}.load-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.load-btn.loading{pointer-events:none}.print-btn{background:linear-gradient(135deg,#4b5563,#374151)}.print-btn:hover:not(:disabled){box-shadow:0 6px 16px #4b556366;transform:translateY(-1px)}.print-btn:active:not(:disabled){transform:scale(.97)}.print-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.excel-btn{background-color:var(--text-success)}.excel-btn:hover:not(:disabled){box-shadow:0 6px 16px #4b556366;transform:translateY(-1px)}.excel-btn:active:not(:disabled){transform:scale(.97)}.excel-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.action-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .2s}.action-btn.delete:hover{background:#fee2e2;color:var(--text-danger)}.delete-button{background:#f35e5e2b!important;border:1.5px solid #86555524!important;border-radius:9px!important;font-size:12px!important;padding:7px!important}.btn-add-section{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 12px}.pri-modal iframe{background:#fff;border-radius:8px}.pri-loading{align-items:center;color:#666;display:flex;justify-content:center;padding:40px}.pri-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto;width:40px}.pri-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;inset:0;padding:16px;z-index:1000}.pri-modal{animation:priSlideUp .22s ease;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 60px #0000004d;box-shadow:0 24px 64px #0000002e;max-width:96vw;overflow-y:auto;width:560px}@keyframes priSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pri-modal-header{align-items:center;background:linear-gradient(135deg,#2d4095,#10133f);border-bottom:1px solid #f1f5f9;color:#fff;display:flex;justify-content:space-between;padding:20px 24px 16px}.pri-modal-header h3{font-size:18px;margin:0}.pri-modal-close{background:none;color:#fff;font-size:20px;padding:0 8px}.pri-modal-body{background-color:var(--darkSecondaryColor);max-height:calc(90vh - 120px);overflow-y:auto;padding:20px 24px}.pri-modal.wide{max-width:740px;width:96vw}.pri-modal.danger-modal{border-color:#fecaca}.pri-modal-title{font-size:16px;font-weight:800}.pri-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:all .15s;width:30px}.pri-modal-close:hover{background:#fee2e2;color:#ef4444}.pri-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:14px 24px}.common{align-items:center;display:flex!important;gap:10px}.pri-badge{background:linear-gradient(135deg,#dbeafe,#ede9fe);border:1.5px solid #bfdbfe;border-radius:20px;color:#1d4ed8;font-size:12px;font-weight:700;margin:10px;padding:6px 14px}.pri-badge-green{background:#f0fdf4;border-radius:20px;color:#16a34a}.pri-badge-green,.pri-class-badge{font-size:12px;font-weight:600;padding:3px 10px}.pri-class-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#0369a1}.pri-note{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:12px;margin-bottom:14px;padding:10px 14px}.pri-periods-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;margin-top:8px;min-width:220px;padding:12px;position:absolute;right:0;top:100%;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pri-periods-header{color:#1e3a5f;font-size:12px;font-weight:600;margin-bottom:8px}.pri-periods-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.pri-period-num-btn{background:#f1f5f9;border:none;border-radius:8px;color:#1e3a5f;cursor:pointer;font-size:13px;font-weight:600;padding:6px 0;transition:all .2s ease;width:40px}.pri-period-num-btn:hover{background:#e2e8f0;transform:scale(1.05)}.pri-period-num-btn.active{background:#3b82f6;color:#fff}.pri-period-num-btn.active:hover{background:#2563eb}.pri-custom-period{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}.pri-custom-input{border:1px solid #cbd5e1;border-radius:8px;font-size:12px;padding:6px 8px;transition:all .2s ease;width:100%}.pri-custom-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.pri-custom-input:hover{border-color:#94a3b8}.pri-hint-text{font-size:10px}@media (max-width:768px){.pri-periods-dropdown{left:16px;max-width:calc(100% - 32px);min-width:auto;position:fixed;right:16px;top:auto;width:auto}.pri-periods-buttons{justify-content:center}.pri-period-num-btn{padding:8px 0;width:45px}}@media (prefers-color-scheme:dark){.pri-periods-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #0000004d}.pri-periods-header{color:#e2e8f0}.pri-period-num-btn{background:#334155;color:#e2e8f0}.pri-period-num-btn:hover{background:#475569}.pri-custom-input{background:#334155;border-color:#475569;color:#e2e8f0}.pri-custom-input:focus{border-color:#3b82f6}.pri-hint-text{color:#94a3b8}.pri-custom-period{border-top-color:#334155}}.school-info-banner{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding:20px}.info-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.info-value{font-size:1rem;font-weight:600;word-break:break-word}.banner-actions{align-items:center;display:flex;gap:12px;margin-left:20px}.status-badge-large{border-radius:30px;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase;white-space:nowrap}.refresh-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:6px 12px;transition:all .2s}.refresh-btn:hover{background:#ffffff4d}.tabs-container{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f3f4f6;color:#4b5563}.tab-btn.active{background:#667eea;color:#fff}.tab-icon{font-size:1.2rem}.tab-count{background:#0000001a;border-radius:20px;font-size:.75rem;font-weight:600;padding:2px 8px}.tab-btn.active .tab-count{background:#fff3}.tab-content{max-height:500px;min-height:400px;overflow-y:auto;padding:4px}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:300px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#667eea;margin-bottom:16px}.table-container{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.9rem;width:100%}.data-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#4b5563;font-weight:600;padding:12px 16px;text-align:left}.data-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:12px 16px}.data-table tr:hover td{background:#f9fafb}.data-table tr:last-child td{border-bottom:none}.no-data{color:#9ca3af;font-style:italic;padding:40px!important;text-align:center}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{color:#1f2937;font-weight:600}.user-info small{color:#6b7280;font-size:.75rem}.roll-number{background:#f3f4f6;border-radius:4px;font-family:monospace;font-size:.85rem;padding:4px 8px}.contact-info{display:flex;flex-direction:column;gap:2px}.contact-info small{color:#6b7280;font-size:.7rem}.pri-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:22px}.pri-stat{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 6px #0000000a;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .18s}.pri-stat:hover{border-color:#bfdbfe;box-shadow:0 6px 20px #00000017;transform:translateY(-2px)}.pri-stat:after{border-radius:0 0 14px 14px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.pri-stat.blue:after{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.pri-stat.green:after{background:linear-gradient(90deg,#10b981,#34d399)}.pri-stat.purple:after{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.pri-stat.gold:after{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pri-stat.red:after{background:linear-gradient(90deg,#ef4444,#f87171)}.pri-stat.orange:after{background:linear-gradient(135deg,#f97316,#ea580c)}.pri-stat.teal:after{background:linear-gradient(135deg,#14b8a6,#0d9488)}.pri-stat.indigo:after{background:linear-gradient(135deg,#6366f1,#4f46e5)}.pri-stat.pink:after{background:linear-gradient(135deg,#ec4899,#db2777)}.pri-stat-icon{font-size:26px;margin-bottom:10px}.pri-stat-val{color:#0f172a;font-family:Fraunces,serif;font-size:32px;font-weight:900;line-height:1;margin-bottom:5px}.pri-stat-label{color:#64748b;font-size:12px;font-weight:600}.badge{background:#e5e7eb;color:#4b5563}.badge,.status-badge{border-radius:12px;font-size:.75rem;padding:2px 8px}.status-badge{font-weight:500}.status-badge.active{background:#10b981;color:#fff}.status-badge.inactive{background:#ef4444;color:#fff}.grid-container{padding:8px 0}.class-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.class-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:16px;transition:all .2s}.class-card:hover{border-color:#667eea;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.class-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.class-icon{font-size:1.5rem}.class-header h3{color:#1f2937;flex:1 1;font-size:1.1rem;margin:0}.class-id{color:#9ca3af;font-family:monospace;font-size:.75rem}.class-details p{color:#4b5563;font-size:.9rem;margin:8px 0}.class-details strong{color:#1f2937}.section-name{color:#667eea;font-weight:600}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.tab-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.tally-content{padding:24px}.tally-module{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin:0 18px;overflow:hidden}.tally-dashboard{animation:fadeIn .3s ease}.tally-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tally-header h3{color:#0f172a;font-size:20px;font-weight:600;margin:0}.tally-year-badge{background:#e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;font-weight:500;padding:6px 12px}.tally-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.tally-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.tally-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.tally-card-icon{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;font-size:36px;height:60px;justify-content:center;width:60px}.tally-card-content{flex:1 1}.tally-card-label{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tally-card-value{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:4px}.tally-card-sub{color:#94a3b8;font-size:12px}.fees-card .tally-card-value{color:#059669}.expenses-card .tally-card-value{color:#dc2626}.profit-positive .tally-card-value{color:#059669}.profit-negative .tally-card-value{color:#dc2626}.tally-progress-section{margin-top:8px}.tally-progress-bar-container{background:#f1f5f9;border-radius:12px;padding:16px}.tally-progress-label{color:#475569;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:8px}.tally-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.tally-progress-fill{background:linear-gradient(90deg,#059669,#10b981);border-radius:4px;height:100%;transition:width .3s ease}.tally-add-expense{margin:0 auto;max-width:600px}.tally-form-group{margin-bottom:20px}.tally-form-group label{color:#1e293b;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.tally-form-group input,.tally-form-group select,.tally-form-group textarea{border:1px solid #cbd5e1;border-radius:10px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.tally-form-group input:focus,.tally-form-group select:focus,.tally-form-group textarea:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.tally-submit-btn{background:#1e3a5f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:background .2s;width:100%}.tally-submit-btn:hover{background:#0f2a4a}.tally-submit-btn:disabled{cursor:not-allowed;opacity:.6}.tally-expense-list{animation:fadeIn .3s ease}.tally-list-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.tally-list-header h4{color:#0f172a;font-size:18px;font-weight:600;margin:0}.tally-list-total{color:#059669;font-size:16px;font-weight:600}.tally-list-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.tally-filter-buttons{display:flex;gap:8px}.tally-filter-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s}.tally-filter-btn.active{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.tally-search input{border:1px solid #cbd5e1;border-radius:20px;font-size:13px;padding:8px 16px;width:250px}.tally-table-container{overflow-x:auto}.tally-table{border-collapse:collapse;width:100%}.tally-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.tally-table th{color:#475569;font-size:13px;font-weight:600;padding:12px;text-align:left}.tally-table td{border-bottom:1px solid #e2e8f0;font-size:14px;padding:12px}.tally-date{font-family:monospace;font-size:12px}.tally-amount{color:#dc2626;font-weight:600}.tally-actions{text-align:center}.tally-delete-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s}.tally-delete-btn:hover{background:#fee2e2}.tally-empty-state{color:#94a3b8;padding:48px;text-align:center}.tally-empty-icon{font-size:48px;margin-bottom:16px}.tally-loading{padding:48px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1e3a5f;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.sa-form-field input.error,.sa-form-field select.error,.sa-form-field textarea.error{border-color:#dc3545}.sa-error-message{animation:fadeIn .3s ease-in;color:#dc3545;font-size:12px;margin-top:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.content-heading{color:var(--darkPrimaryColor);font-size:18px!important;font-weight:800;margin-bottom:4px!important}.content-text{color:#94a3b8;font-size:11px}.content-text span{color:#16a34a}.pri-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.pri-form-field{flex:1 1 160px;margin:0;min-width:140px}.pri-form-field label{color:var(--darkPrimaryColor);display:block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:7px;text-transform:uppercase}.pri-form-field input,.pri-form-field select{background:#f8faff;border:1.5px solid #0d0f12;border-radius:10px;color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;height:40px;outline:none;padding:11px 14px;transition:border-color .18s;width:100%}.pri-form-field input:focus,.pri-form-field select:focus{background:#fff;border-color:var(--darkPrimaryColor)}.pri-form-field input::placeholder{color:#cbd5e1}.pri-form-field select option:hover{background-color:var(--darkPrimaryColor)!important;color:#fff}.pri-filter-bar{align-items:flex-end;border:1.5px solid #e2e8f0;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;padding:14px 18px}.pri-card,.pri-filter-bar{background:#fff;margin-bottom:20px}.pri-card{border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 6px #0000000a;overflow:hidden}.pri-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.pri-card-title{color:#1e3a5f;font-size:15px;font-weight:800}.pri-card-sub{color:#94a3b8;font-size:12px;margin-top:2px}.pri-search-wrap{align-items:center;background:#f8faff;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;gap:8px;height:41px;min-width:220px;padding:8px 14px;transition:border-color .18s}.pri-search-wrap:focus-within{border-color:#3b82f6}.pri-search-input{background:#0000;border:none;color:#0f172a;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;outline:none}.pri-search-input::placeholder{color:#94a3b8}.pri-table-wrap{overflow-x:auto}.pri-table{border-collapse:collapse;width:100%}.pri-table th{background:var(--primaryButton);border-bottom:1px solid #e2e8f0;color:#fff;font-size:11px;font-weight:700;letter-spacing:.7px;padding:10px 16px;text-align:left;text-transform:uppercase}.pri-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:13px;padding:8px 16px;vertical-align:middle}.pri-table td span{color:#0369a1;font-size:12px;font-weight:600}.pri-table tr:last-child td{border-bottom:none}.pri-td-actions{align-items:center;display:flex;gap:6px}.subjects-container{grid-gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:300px;overflow-y:auto;padding:16px}.stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.stat-title{color:#64748b;font-size:13px}.stat-value{color:var(--darkPrimaryColor);font-size:28px;font-weight:700}.id-card-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-top:12px;padding:12px}.id-card-detail span strong{color:var(--darkPrimaryColor)}.info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:8px;padding:16px}.info-text{align-items:center;color:#0369a1;display:flex;font-size:13px;gap:8px;margin:0}.avatar-box,.info-icon{font-size:18px}.avatar-box{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.warning-box{background:#fffbeb;border-radius:6px;color:#f59e0b;font-size:12px;margin-top:10px;padding:8px}.pri-banner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:18px;display:flex;justify-content:space-between;margin-bottom:22px;overflow:hidden;padding:26px 30px;position:relative}.pri-banner:before{background:#262a6180;border-radius:18px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.pri-banner .pri-banner-emoji,.pri-banner>div{position:relative;z-index:1}.pri-banner-sub{color:#ffffffe6;font-size:12px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.pri-banner-name{color:#fff;font-family:Fraunces,serif;font-size:24px;font-weight:900;text-shadow:1px 1px 2px #0000004d}.pri-banner-id{color:#fffc;font-size:12px;margin-top:4px}.pri-banner-emoji{font-size:54px;opacity:.9;position:relative;z-index:1}.pri-banner-emoji img{box-shadow:0 2px 8px #0003}.expanded-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.no-section-box{background:#fff;border:1px dashed #ccc;border-radius:8px;padding:20px;text-align:center}.no-section-box p{color:#64748b;margin:0}.section-list{display:flex;flex-direction:column;gap:8px}.section-item{background:var(--darkSecondaryColor);border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;padding:10px 16px}.section-item,.section-left{align-items:center;display:flex}.section-left{gap:12px}.section-badge{background:#e0f2fe;border-radius:20px;color:#264d62;font-size:13px;font-weight:500;padding:4px 12px}.class-row{background-color:var(--darkSecondaryColor);border-bottom:1px solid #aac2da;cursor:pointer;transition:all .3s ease}.class-cell{align-items:center;display:flex;gap:8px}.arrow{color:var(--darkPrimaryColor)!important;font-size:14px;transition:transform .2s}.arrow.rotate{transform:rotate(90deg)}.class-name{color:var(--darkPrimaryColor);font-size:16px}.section-preview{display:flex;flex-wrap:wrap;gap:6px}.section-chip{background:#ebf3fa;border-radius:16px;color:#000;font-size:12px;padding:5px 10px}.no-section-text{color:#94a3b8;font-style:italic}.more-count{color:#64748b;font-size:12px}.pri-input-error{background-color:#fef2f2;border-color:#ef4444!important}.pri-error-message{color:#ef4444}.pri-error-message,.pri-hint-text{display:block;font-size:11px;margin-top:4px}.pri-hint-text{color:#64748b}.pri-toolbar{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 18px}.pri-toolbar span{color:#1e3a5f;font-size:14px;font-weight:700}.roll-no{color:#94a3b8;font-size:11px}.view-student-header{align-items:center;background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1px solid #fde68a;border-radius:14px;display:flex;font-size:small;gap:16px;margin-bottom:20px;padding:5px}.student-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:14px;color:#fff;display:flex;font-size:22px;font-weight:800;height:54px;justify-content:center;width:54px}.student-name{color:#1e3a5f;font-family:Fraunces,serif;font-size:18px;font-weight:900;margin-bottom:4px}.input-wrapper-pass{position:relative}.pri-input{padding:10px 40px 10px 12px;width:100%}.password-toggle-btn{padding:4px!important;position:absolute!important;right:6px;top:50%;transform:translateY(-50%)}.pri-info-box{background:#f8faff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.pri-info-label{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.pri-info-val{color:#1e293b;font-size:13px;font-weight:700}.id-card-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:500px;padding:20px}.id-card-front{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;padding:24px}.id-card-header{align-items:center;border-bottom:2px solid #ffffff4d;display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px}.id-card-school-logo{align-items:center;background:#fff;border-radius:12px;display:flex;font-size:30px;height:60px;justify-content:center;width:60px}.id-card-school-logo img{border-radius:8px;height:100%;object-fit:contain;width:100%}.id-card-photo-section{display:flex;gap:20px;margin-bottom:20px}.id-card-photo{background:#fff;border-radius:12px;height:100px;overflow:hidden;width:100px}.id-card-photo img{height:100%;object-fit:cover;width:100%}.id-card-photo-placeholder{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;font-size:40px;font-weight:700;height:100%;justify-content:center;width:100%}.id-card-details{background:#ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}.id-card-row{border-bottom:1px solid #ffffff1a;display:flex;padding:8px 0}.id-card-row:last-child{border-bottom:none}.id-card-label{opacity:.9;width:120px}.id-card-value{flex:1 1;font-weight:500}.id-card-footer{display:flex;font-size:12px;justify-content:space-between;opacity:.8}.id-card-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.tc-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;font-family:Times New Roman,serif;margin:0 auto;max-width:800px;padding:30px}.tc-header{margin-bottom:30px;text-align:center}.tc-header h1{color:#1e3a5f;font-size:28px;margin-bottom:5px}.tc-header h2{color:#333;font-size:22px;margin:15px 0;text-decoration:underline}.tc-ref-no{color:#666;font-size:14px}.tc-certify{font-size:16px;line-height:1.6;margin-bottom:25px;text-align:justify}.tc-details-table{border-collapse:collapse;margin:20px 0;width:100%}.tc-details-table tr{border-bottom:1px solid #ddd}.tc-details-table td{padding:12px}.tc-details-table td:first-child{color:#555;width:40%}.tc-footer{margin-top:40px}.tc-date{font-style:italic;margin-bottom:30px;text-align:right}.tc-signatures{display:flex;justify-content:space-between;margin-top:50px}.tc-signature{text-align:center}.tc-signature p{margin:5px 0}.tc-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.pri-quick-access-wrapper{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:40px;padding:0 20px}@media (max-width:992px){.pri-quick-access-wrapper{gap:20px;grid-template-columns:1fr}}.pri-quick-access-modules{background:#323f8633;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.pri-quick-access-title{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px}.pri-quick-access-title span{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.pri-modules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.pri-module-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:24px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.pri-module-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.pri-module-card:hover:before{transform:scaleX(1)}.pri-module-card:hover{border-color:#0000;box-shadow:0 20px 25px -12px #00000026;transform:translateY(-6px)}.pri-module-card.orange:hover{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.pri-module-card.teal:hover{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.pri-module-card.indigo:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.pri-module-card.pink:hover{background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.pri-module-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:24px;box-shadow:0 4px 6px #00000005;display:flex;font-size:48px;height:80px;justify-content:center;transition:all .3s ease;width:80px}.pri-module-card:hover .pri-module-icon{background:#fff;box-shadow:0 8px 20px #0000001a;transform:scale(1.1) rotate(5deg)}.pri-module-label{color:#1e293b;font-size:15px;font-weight:600;transition:all .3s ease}.pri-module-card:hover .pri-module-label{color:#667eea;transform:translateY(-2px)}.pri-quick-access-info{border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.pri-quick-access-info:hover{box-shadow:0 12px 24px -8px #0000001f;transform:translateY(-2px)}.pri-info-header{align-items:center;background:#323f8633;border-bottom:2px solid #e2e8f0;display:flex;gap:12px;padding:20px 20px 16px}.pri-info-header-icon{font-size:28px}.pri-info-header-title{color:#1e293b;flex:1 1;font-size:18px;font-weight:700}.pri-info-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 2px 4px #ef44444d;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.pri-info-content{flex:1 1;max-height:260px;min-height:260px;overflow-y:auto;padding:16px 20px}.pri-info-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:14px;padding:12px 0;transition:all .2s ease}.pri-info-item:hover{background:#f8fafc;border-radius:12px;margin:0 -8px;padding:12px 8px;transform:translateX(4px)}.pri-info-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:5px;width:10px}.pri-info-dot.event{animation:pulse-blue 2s infinite;background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.pri-info-dot.holiday{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.pri-info-dot.exam{background:#10b981;box-shadow:0 0 0 3px #10b98133}@keyframes pulse-blue{0%{box-shadow:0 0 0 0 #3b82f666}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}.pri-info-text{flex:1 1}.pri-info-title{color:#1e293b;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:4px}.pri-info-date{color:#94a3b8;font-size:11px}.pri-info-footer{background:#323f8633;border-top:1px solid #e2e8f0;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;margin-top:auto;padding:14px 20px;text-align:center;transition:all .2s ease}.pri-info-footer:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pri-info-content::-webkit-scrollbar{width:4px}.pri-info-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.pri-info-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.pri-info-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:640px){.pri-modules-grid{grid-template-columns:1fr}.pri-module-icon{font-size:42px;height:70px;width:70px}.pri-info-header{padding:16px}.pri-info-content{max-height:220px;min-height:220px;padding:12px 16px}}@media (max-width:768px){.login-left{display:none}.school-info-banner{flex-direction:column}.info-grid{gap:12px;grid-template-columns:1fr}.banner-actions{justify-content:flex-end;margin-left:0;margin-top:16px;width:100%}.data-table td,.data-table th,.tab-btn{font-size:.85rem;padding:8px 12px}.class-grid{grid-template-columns:1fr}.tally-tabs{flex-direction:column}.tally-tab{text-align:center;width:100%}.tally-cards{grid-template-columns:1fr}.tally-list-filters{align-items:stretch;flex-direction:column}.tally-search input{width:100%}}@media(max-width:900px){.sa-sidebar{transform:translateX(-100%)}.sa-sidebar.sa-sidebar-open{transform:translateX(0)}.pri-sidebar{transform:translateX(-100%)}.pri-sidebar.pri-sidebar-open{transform:translateX(0)}.pri-main{padding-left:0}.pri-menu-btn{display:block}.pri-classes-container{width:100%}.pri-header-title{color:#1e3a5f;font-size:18px;font-weight:800}.pri-header-subtitle{color:#94a3b8;font-size:12px}.pri-header-actions{display:flex;gap:8px}.pri-btn-xs{border-radius:6px;font-size:11px;padding:4px 10px}.pri-table tbody{background-color:#f5f5f5}.pri-class-row{background-color:#e0e0e0;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .2s ease}.pri-class-row:hover{background-color:#d4d4d4!important}.pri-class-row.expanded{border-bottom:none}.pri-class-name{align-items:center;display:flex;gap:8px}.pri-class-name strong{color:#1e3a5f;font-size:16px}.pri-expand-icon{color:#64748b;display:inline-block;font-size:14px;transition:transform .2s}.pri-expand-icon.expanded{transform:rotate(90deg)}.pri-section-tag{background:#b6babe;border-radius:16px;color:#0369a1;font-size:12px;padding:2px 10px}.pri-more-tag{color:#64748b;font-size:12px}.pri-no-sections{color:#94a3b8;font-style:italic}.pri-expanded-row{background-color:#f5f5f5}.pri-expanded-row:hover{background-color:#e8e8e8}.pri-expanded-cell{padding:0!important}.pri-expanded-content{background-color:#f5f5f5;padding:16px 24px}.pri-expanded-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pri-empty-sections{background:#fff;border:1px dashed #ccc;border-radius:8px;padding:20px;text-align:center}.pri-empty-sections p{color:#64748b;margin:0}.pri-sections-list{display:flex;flex-direction:column;gap:8px}.pri-section-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:10px 16px;transition:all .2s ease}.pri-section-item:hover{background:#f8fafc;border-color:#cbd5e1}.pri-section-info{align-items:center;display:flex;gap:12px}.pri-section-name{background:#e0f2fe;border-radius:20px;color:#0369a1;font-size:13px;font-weight:500;padding:4px 12px}.pri-section-id{color:#94a3b8;font-size:11px}.pri-input,.pri-select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px;transition:border-color .2s ease;width:100%}.pri-input:focus,.pri-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.pri-existing-sections{background:#f8fafc;border-radius:8px;margin-top:16px;padding:12px}.pri-existing-title{color:#475569;font-size:13px;font-weight:600;margin-bottom:8px}.pri-existing-tags{display:flex;flex-wrap:wrap;gap:6px}.pri-existing-tag{background:#e0f2fe;border-radius:20px;color:#0369a1;font-size:12px;padding:4px 12px}.sa-topbar-title{padding:36px}}
/*# sourceMappingURL=main.78b0693f.css.map*/