@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);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&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}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)!important;font-weight:600}.danger{color:var(--text-danger)}.warning{color:var(--text-warning)}.purple-text{color:#7c3aed}.position-relative{position:relative}.table-wrap{overflow-x:auto}.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;position:relative}.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;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-menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px}.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{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-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}.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{align-items:center;display:flex;gap:6px}.section-name{color:#667eea;font-weight:600}.status-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:2px 8px}.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}.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}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:300px;justify-content:center}.tab-content{max-height:500px;min-height:400px;overflow-y:auto;padding:4px}.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}.refresh-btn,.tab-btn.active .tab-count{background:#fff3}.refresh-btn{align-items:center;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}.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}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#667eea;margin-bottom:16px}.pri-submenu{margin-bottom:4px;margin-left:32px;margin-top:4px}.pri-submenu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:2px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.pri-submenu-item:hover{background:#334155;color:#f8fafc}.pri-submenu-item.pri-active{background:#1e3a5f;color:#fff}.pri-expand-icon{font-size:12px;margin-left:auto;transition:transform .2s}.pri-expand-icon.expanded{transform:rotate(90deg)}.pri-nav-item-with-sub{align-items:center;display:flex;justify-content:space-between;width:100%}.pri-nav-item.parent-active{background:#1e3a5f!important;color:#fff!important}.pri-nav-item.parent-active .pri-nav-icon{color:#fff!important}.pri-school-logo{align-items:center;background:#0f172a;border-radius:8px;color:#f8fafc;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;overflow:hidden;width:40px}.pri-school-logo img{border-radius:8px;height:100%;object-fit:cover;width:100%}.pri-brand{align-items:center;border-bottom:1px solid #ffffff14;display:flex;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-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}.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}.tt-grid{border-collapse:collapse;min-width:750px;width:100%}.tt-grid thead tr th{background:linear-gradient(135deg,#1e3a5f,#1d4ed8);border-right:1px solid #ffffff1f;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;padding:13px 12px;text-align:center}.tt-grid thead tr th:first-child{border-radius:14px 0 0 0;padding-left:18px;text-align:left}.tt-grid thead tr th:last-child{border-radius:0 14px 0 0;border-right:none}.tt-grid tbody tr td{border:1px solid #f1f5f9;min-width:120px;padding:8px;vertical-align:top}.tt-grid tbody tr:hover td{background:#fafbff}.tt-day-label{background:#f8faff!important;border-right:2px solid #e2e8f0!important;color:#1e3a5f;font-size:11px;font-weight:800;letter-spacing:.5px;min-width:90px;padding:12px 18px!important;text-align:left;white-space:nowrap}.tt-slot{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1.5px solid #bfdbfe;border-radius:10px;padding:8px 10px;transition:all .15s ease}.tt-slot:hover{box-shadow:0 4px 12px #2563eb24;transform:translateY(-1px)}.tt-slot-subject{color:#1e3a5f;font-size:12px;font-weight:800;line-height:1.3}.tt-slot-teacher{color:#64748b;font-size:11px;margin-top:3px}.tt-slot-time{color:#3b82f6;font-size:10px;font-weight:700;margin-top:3px}.tt-add-btn{align-items:center;background:#0000;border:1.5px dashed #cbd5e1;border-radius:9px;color:#cbd5e1;cursor:pointer;display:flex;font-size:11px;gap:4px;justify-content:center;padding:8px 4px;transition:all .15s;width:100%}.tt-add-btn:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.tt-add-btn:disabled{cursor:not-allowed;opacity:.4}.tt-slot-del{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:5px;color:#ef4444;cursor:pointer;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .15s;width:20px}.tt-slot:hover .tt-slot-del{opacity:1}.tt-slot-del:hover{background:#ef4444!important;color:#fff!important}.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}.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:20px 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-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}.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;background:#fff;border:1.5px solid #bfdbfe;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:14px 18px}.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-toast{align-items:center;animation:priFadeIn .25s ease;border-radius:14px;bottom:28px;box-shadow:0 8px 32px #00000026;display:flex;font-size:14px;font-weight:600;gap:10px;max-width:360px;padding:14px 20px;position:fixed;right:28px;z-index:9999}.pri-toast.success{background:#f0fdf4;border:1.5px solid #10b981;color:#16a34a}.pri-toast.error{background:#fef2f2;border:1.5px solid #ef4444;color:#dc2626}@keyframes priFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pri-file-wrap{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.pri-file-wrap:hover{background:#eff6ff;border-color:#3b82f6}.pri-file-wrap.has-file{background:#f0fdf4;border-color:#10b981;border-style:solid}.pri-file-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.pri-file-label{align-items:center;display:flex;gap:10px;padding:10px 14px;pointer-events:none}.pri-file-icon{flex-shrink:0;font-size:20px}.pri-file-text{color:#64748b;font-size:12px}.pri-file-name{color:#16a34a;font-size:12px;font-weight:700}.pri-file-size{color:#94a3b8;font-size:10px}.pri-section-divider{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:14px;margin-top:6px;padding:4px 0 10px;text-transform:uppercase}.pri-att-present{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#16a34a}.pri-att-absent,.pri-att-present{font-size:11px;font-weight:700;padding:4px 12px}.pri-att-absent{background:#fef2f2;border:1px solid #fecaca;border-radius:20px;color:#ef4444}.pri-att-leave{background:#fffbeb;border:1px solid #fde68a;border-radius:20px;color:#d97706;font-size:11px;font-weight:700;padding:4px 12px}.report-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.pri-card-sub{color:#94a3b8;font-size:12px;margin-top:2px}.pri-card-title{color:#1e3a5f;font-size:15px;font-weight:800}.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}.exam-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}.common{align-items:center;display:flex!important;gap:10px}.input-box{border:1px solid #e2e8f0;border-radius:10px;margin-top:10px;padding:12px}.title-heading{align-items:center;background:#fff;border:1.5px solid #bfdbfe;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:14px 18px}.pri-note{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:12px;margin-bottom:14px;padding:10px 14px}.pri-badge{background:linear-gradient(135deg,#dbeafe,#ede9fe);border:1.5px solid #bfdbfe;color:#1d4ed8;font-weight:700;margin:10px;padding:6px 14px}.pri-badge,.pri-badge-green{border-radius:20px;font-size:12px}.pri-badge-green{background:#f0fdf4;color:#16a34a;font-weight:600;padding:3px 10px}.pri-class-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#0369a1;font-size:12px;font-weight:600;padding:3px 10px}.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)}}.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-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 6px #0000000a;margin-bottom:20px;overflow:hidden}.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}.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}.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-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}.section-badge{background:#e0f2fe;border-radius:20px;color:#264d62;font-size:13px;font-weight:500;padding:4px 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%)}.empty-state-card{background:#f8fafc;border-radius:8px;color:#64748b;margin-top:10px;padding:20px;text-align:center}.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}.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)}.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}.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}.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}.pri-quick-access-wrapper{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:40px;padding:0 20px}.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-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-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%}.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(max-width:900px){.display-block-mobil{display:none}.pri-quick-access-wrapper{gap:20px;grid-template-columns:1fr}.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,.sa-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}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;color:#1e293b;font-family:Inter,Plus Jakarta Sans,sans-serif;overflow-x:hidden}.landing-page{overflow-x:hidden;overflow-y:visible;width:100%}.container{margin:0 auto;max-width:1280px;overflow:visible;padding:0 2rem}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #0000000d;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{box-shadow:0 10px 15px -3px #0000001a}.nav-container{justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 2rem}.logo,.nav-container{align-items:center;display:flex}.logo{cursor:pointer;font-size:1.5rem;font-weight:800;gap:.75rem}.brand-icon-main img{height:40px}.logo-text{background:linear-gradient(135deg,#1e40af,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#0000}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#475569;cursor:pointer;font-weight:500;position:relative;text-decoration:none;transition:all .3s}.nav-links a:after{background:linear-gradient(135deg,#1e40af,#06b6d4);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#1e40af}.pdf-guide-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.pdf-guide-btn:hover{box-shadow:0 10px 15px -3px #10b9814d;transform:translateY(-2px)}.login-button{background:linear-gradient(135deg,#1e40af,#06b6d4);border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.75rem;transition:all .3s}.login-button:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px)}.hero{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#06b6d4);display:flex;min-height:100vh;overflow:hidden;padding-top:80px}.hero,.video-hero{position:relative}.hero-video-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-video{height:100%;object-fit:cover;width:100%}.hero-overlay{background:linear-gradient(135deg,#0f172ad9,#06b6d4bf);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;padding:0 2rem;position:relative;z-index:2}.hero-content{color:#fff}.hero-title-main{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.highlight-text{background:linear-gradient(135deg,#fff,#60a5fa);-webkit-background-clip:text;background-clip:text}.gradient-main,.highlight-text{color:#0000;display:inline-block}.gradient-main{background:linear-gradient(135deg,#60a5fa,#22d3ee,#fbbf24);-webkit-background-clip:text;background-clip:text}.hero-description{color:#ffffffe6;font-size:1.125rem;line-height:1.7;margin-bottom:2rem;opacity:.95}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.btn-primary{background:#fff;border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;color:#1e40af;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s}.btn-primary:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.btn-pdf{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s}.btn-pdf:hover{box-shadow:0 20px 25px -5px #10b98166;transform:translateY(-2px)}.hero-image{align-items:center;display:flex;justify-content:center}.floating-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;padding:3rem;text-align:center;transition:transform .3s ease}.zoom-card:hover{transform:scale(1.05)}.brand-logo-circle{align-items:center;animation:pulse 2s ease-in-out infinite;background:#fff3;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:100px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #fff6;transform:scale(1)}50%{box-shadow:0 0 0 20px #fff0;transform:scale(1.05)}}.circle-logo{border-radius:50%;height:auto;width:70%}.card-content h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.card-content p{color:#fffc}.video-demo-section{background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:5rem 0}.video-container{margin:0 auto;max-width:1000px}.video-wrapper{border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;height:0;margin-bottom:2rem;overflow:hidden;padding-bottom:56.25%;position:relative}.video-wrapper video{border:none;height:100%;left:0;position:absolute;top:0}.demo-video,.video-wrapper video{border-radius:1.5rem;width:100%}.video-highlights{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.highlight-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:all .3s}.highlight-chip:hover{background:#fff3;transform:translateY(-2px)}.about-section{background:#fff;padding:5rem 0}.section-title{background:linear-gradient(135deg,#1e40af,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;text-align:center}.section-subtitle{color:#475569;font-size:1.125rem;margin-bottom:3rem;text-align:center}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text p{color:#334155;font-size:1.125rem;line-height:1.8;margin-bottom:2rem}.about-highlights{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.highlight-item{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:.75rem;color:#334155;font-weight:500;padding:.75rem 1rem;transition:all .3s}.highlight-item:hover{background:#f1f5f9;transform:translateX(5px)}.mission-vision{grid-gap:1.5rem;display:grid;gap:1.5rem}.mission,.vision{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;transition:all .3s}.mission:hover,.vision:hover{border-color:#3b82f6;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-5px)}.mission h3,.vision h3{color:#1e293b;font-size:1.5rem;margin-bottom:.75rem}.mission p,.vision p{color:#475569}.features-section-main{background:#f8fafc;overflow:visible;padding:5rem 0}.features-header{text-align:center}.features-count-badge{display:inline-flex;gap:.5rem;margin-bottom:1rem}.available-badge{background:rgba(16,185,129,.125);color:#10b981}.available-badge,.coming-badge{border-radius:2rem;display:inline-block;font-size:.75rem;padding:.25rem .75rem}.coming-badge{background:rgba(245,158,11,.125);color:#f59e0b}.features-carousel{border-radius:1.5rem;margin-bottom:4rem;overflow:hidden;position:relative}.carousel-container{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.feature-slide{min-width:100%;transition:transform .5s ease}.feature-card-large{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;margin:0 1rem;padding:3rem;position:relative;text-align:center;transition:transform .3s ease}.feature-card-large:hover{transform:translateY(-5px)}.coming-soon-card{opacity:.9}.coming-soon-badge{background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:2rem;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.feature-icon-large{align-items:center;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;display:flex;font-size:3rem;height:100px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s;width:100px}.feature-card-large:hover .feature-icon-large{transform:scale(1.05)}.feature-card-large h3{color:#1e293b;font-size:1.5rem;margin-bottom:1rem}.feature-card-large p{color:#475569;line-height:1.6}.feature-category{background:#0000000d;border-radius:1rem;color:#475569;display:inline-block;font-size:.7rem;margin-top:1rem;padding:.25rem .75rem}.carousel-dots{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.dot{background:#cbd5e1;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s;width:8px}.dot.active{background:#3b82f6;width:30px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:4rem;width:100%}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px 0 #0000000d;cursor:pointer;display:block;opacity:1;padding:2rem;position:relative;transform:translateY(0);transition:all .3s ease;visibility:visible}.feature-card:hover{border-color:#3b82f6;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-5px)}.feature-card.animate-in{animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.coming-soon-feature{cursor:pointer}.feature-icon-main{align-items:center;border-radius:.75rem;display:flex;font-size:1.75rem;height:60px;justify-content:center;margin-bottom:1.5rem;transition:all .3s;width:60px}.feature-card:hover .feature-icon-main{transform:scale(1.1)}.feature-card h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-card p{color:#475569;font-size:.95rem;line-height:1.6}.feature-badge-main{background:#3b82f61a;color:#1e40af;font-weight:500}.coming-soon-tag,.feature-badge-main{border-radius:1rem;display:inline-block;font-size:.7rem;margin-top:.75rem;padding:.25rem .75rem}.coming-soon-tag{background:rgba(245,158,11,.125);color:#f59e0b;font-weight:600}.notify-me-btn{margin-top:1rem}.notify-me-btn button{background:#0000;border:1px solid #3b82f6;border-radius:2rem;color:#1e40af;cursor:pointer;font-size:.75rem;padding:.25rem 1rem;transition:all .3s}.notify-me-btn button:hover{background:#3b82f6;color:#fff}.mobile-app-badge{margin-top:.75rem}.mobile-app-badge span{background:rgba(16,185,129,.125);border-radius:1rem;color:#10b981;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .75rem}.view-more{margin-top:3rem;text-align:center}.btn-outline{align-items:center;background:#0000;border:2px solid #3b82f6;border-radius:.75rem;color:#1e40af;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s}.btn-outline:hover{background:#3b82f6;color:#fff;transform:translateY(-2px)}.ai-features-section{background:#fff;padding:5rem 0}.ai-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.ai-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;text-align:center;transition:all .3s}.ai-card:hover{border-color:#3b82f6;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-5px)}.ai-icon{border-radius:1rem;display:inline-block;font-size:3rem;margin-bottom:1rem;padding:1rem}.ai-card h3{color:#1e293b;font-size:1.25rem;margin-bottom:.75rem}.ai-card p{color:#475569}.face-recognition-section{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:5rem 0}.face-recognition-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.face-recognition-text h2{color:#fff;font-size:2rem;margin-bottom:1rem}.coming-soon-highlight{background:rgba(245,158,11,.125);border-radius:2rem;color:#f59e0b;display:inline-block;font-size:.875rem;margin-bottom:1rem;padding:.25rem 1rem}.face-recognition-text p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.face-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.face-feature{align-items:center;color:#fff;display:flex;gap:.5rem}.face-feature span:first-child{color:#10b981;font-weight:700}.notify-btn{background:#fff;border:none;border-radius:.75rem;color:#1e40af;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.notify-btn:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.face-demo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1.5rem;overflow:hidden;padding:3rem;position:relative;text-align:center}.face-icon{font-size:6rem;margin-bottom:1rem}.scan-line{animation:scan 2s linear infinite;background:linear-gradient(90deg,#0000,#10b981,#0000);height:2px;left:0;position:absolute;top:0;width:100%}@keyframes scan{0%{top:0}to{top:100%}}.recognition-status{color:#10b981;font-weight:500;margin-top:1rem}.chatbot-section{background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:5rem 0}.chatbot-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.chatbot-text h2{color:#fff;font-size:2rem;margin-bottom:1rem}.chatbot-text p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.chatbot-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.chatbot-feature{align-items:center;color:#fff;display:flex;gap:.5rem}.chatbot-feature span:first-child{color:#10b981;font-weight:700}.chat-demo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1.5rem;padding:1.5rem}.chat-message{animation:fadeIn .3s ease;display:flex;gap:.5rem;margin-bottom:1rem}.chat-message.user{justify-content:flex-end}.chat-message.user p{background:linear-gradient(135deg,#1e40af,#06b6d4)}.chat-message.bot p,.chat-message.user p{border-radius:1rem;color:#fff;max-width:80%;padding:.5rem 1rem}.chat-message.bot p{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-app-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:5rem 0}.mobile-app-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.mobile-app-text h2{color:#1e293b;font-size:2rem;margin-bottom:1rem}.mobile-app-text p{color:#475569;font-size:1.1rem;margin-bottom:2rem}.mobile-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.mobile-feature{align-items:center;display:flex;gap:.5rem;padding:.5rem}.mobile-feature span:first-child{color:#10b981;font-size:1.2rem;font-weight:700}.store-buttons{display:flex;gap:1rem}.app-store-btn,.play-store-btn{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.play-store-btn{background:#1a1a2e;border:none;color:#fff}.app-store-btn{background:#000;border:none;color:#fff}.app-store-btn:hover,.play-store-btn:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.phone-mockup{background:#1a1a2e;border-radius:40px;box-shadow:0 25px 50px -12px #00000040;height:550px;margin:0 auto;padding:15px;position:relative;transition:transform .3s ease;width:280px}.phone-mockup:hover{transform:scale(1.02)}.phone-mockup:before{background:#1a1a2e;border-radius:0 0 20px 20px;content:"";height:25px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:120px}.phone-screen{background:#fff;border-radius:30px;height:100%;overflow:hidden}.app-interface{padding:20px}.app-header{background:linear-gradient(135deg,#1e40af,#06b6d4);border-radius:.75rem;color:#fff;font-weight:700;margin-bottom:20px;padding:10px;text-align:center}.app-feature{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:.75rem;color:#334155;margin:10px 0;padding:12px}.roles-section{background:#fff;padding:5rem 0}.roles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.role-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px 0 #0000000d;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s}.role-card:before{background:linear-gradient(135deg,#1e40af,#06b6d4);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s;width:100%}.role-card:hover:before{transform:scaleX(1)}.role-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-5px)}.role-icon{font-size:3rem;margin-bottom:1rem}.role-card h4{color:#1e293b;font-size:1.25rem;margin-bottom:.5rem}.role-access{background:linear-gradient(135deg,#e0e7ff,#dbeafe);border-radius:2rem;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:600;margin:1rem 0;padding:.25rem 1rem}.role-card p{color:#475569;line-height:1.6}.benefits-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:5rem 0}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.benefit-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2.5rem;text-align:center;transition:all .3s}.benefit-card:hover{background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-5px)}.benefit-icon{display:inline-block;font-size:3rem;margin-bottom:1rem;transition:all .3s}.benefit-card:hover .benefit-icon{transform:scale(1.1)}.benefit-card h3{color:#1e293b;font-size:1.25rem;margin-bottom:.75rem}.benefit-card p{color:#475569;line-height:1.6}.cta-section{background:linear-gradient(135deg,#1e40af,#06b6d4);overflow:hidden;padding:5rem 0;position:relative;text-align:center}.cta-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='80' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");background-size:30px 30px;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.cta-section h2{color:#fff;font-size:2.5rem;margin-bottom:1rem;position:relative;z-index:1}.cta-button{background:#fff;border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;color:#1e40af;cursor:pointer;font-size:1.125rem;font-weight:700;padding:1rem 2.5rem;position:relative;transition:all .3s;z-index:1}.cta-button:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px)}.footer{background:#0f172a;color:#fff;padding:4rem 0 2rem}.footer-container{margin:0 auto;max-width:1280px;padding:0 2rem}.footer-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.footer-col h4{display:inline-block;font-size:1.125rem;margin-bottom:1rem;position:relative}.footer-col h4:after{background:#06b6d4;border-radius:2px;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-col p{color:#94a3b8;line-height:1.6}.footer-link-btn{background:none;border:none;color:#94a3b8;cursor:pointer;display:block;font-size:.9rem;margin:.75rem 0;padding:0;text-align:left;transition:all .3s;width:100%}.footer-link-btn:hover{color:#fff;transform:translateX(5px)}.footer-link{color:#94a3b8;text-decoration:none;transition:all .3s}.footer-link:hover{color:#fff;text-decoration:underline}.ai-footer,.mobile-app-footer{color:#06b6d4;font-size:.85rem;margin-top:.5rem}.footer-bottom{border-top:1px solid #ffffff1a;color:#94a3b8;font-size:.875rem;padding-top:2rem;text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.pdf-modal{animation:slideUp .3s ease;background:#fff;border-radius:1.5rem;max-height:85vh;max-width:900px;overflow:hidden;width:90%}.pdf-modal-header{background:linear-gradient(135deg,#10b981,#059669)}.modal-header{color:#fff;padding:1.5rem;position:relative;text-align:center}.modal-icon{font-size:3rem;margin-bottom:.5rem}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s;width:30px}.modal-close:hover{background:#ffffff4d}.pdf-modal-body{max-height:calc(85vh - 120px);overflow-y:auto;padding:1.5rem}.pdf-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.pdf-option-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s}.pdf-option-card:hover{border-color:#10b981;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-5px)}.pdf-icon{font-size:3rem;margin-bottom:1rem}.pdf-option-card h4{color:#1e293b;font-size:1.1rem;margin-bottom:.5rem}.pdf-option-card p{color:#475569;font-size:.875rem;margin-bottom:1rem}.pdf-download-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s}.pdf-download-btn:hover{transform:translateY(-2px)}.pdf-preview{background:#f8fafc;border-radius:1rem;padding:1.5rem;text-align:center}.pdf-preview h4{color:#1e293b;margin-bottom:1rem}.pdf-thumbnail{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.pdf-thumbnail img{height:auto;margin-bottom:.5rem;width:100px}.modal-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.close-modal-btn{background:#e2e8f0;border:none;border-radius:.5rem;color:#334155;cursor:pointer;padding:.5rem 1.5rem;transition:all .3s}.close-modal-btn:hover{background:#cbd5e1}.coming-soon-modal{animation:slideUp .3s ease;background:#fff;border-radius:1.5rem;max-width:500px;overflow:hidden;width:90%}.modal-body{padding:1.5rem}.release-badge{margin-bottom:1rem;text-align:center}.release-badge span{background:rgba(245,158,11,.125);border-radius:2rem;color:#f59e0b;font-size:.75rem;padding:.25rem 1rem}.feature-description{color:#334155;line-height:1.6;margin-bottom:1.5rem}.feature-list{margin-bottom:1.5rem}.feature-list h4{color:#1e293b;margin-bottom:.75rem}.feature-list ul{list-style:none;padding:0}.feature-list li{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.check-icon{font-size:1rem}.notify-section{border-top:1px solid #e2e8f0;padding-top:1rem;text-align:center}.notify-section p{color:#475569;margin-bottom:1rem}.notify-form{display:flex;gap:.5rem}.notify-form input{border:1px solid #cbd5e1;border-radius:.75rem;flex:1 1;font-size:.9rem;padding:.75rem}.notify-form button{background:linear-gradient(135deg,#1e40af,#06b6d4);border:none;border-radius:.75rem;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s}.notify-form button:hover{transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e40af,#06b6d4);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#1e40af}@media (max-width:1024px){.hero-title-main{font-size:3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.nav-links{display:none}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title-main{font-size:2rem}.hero-buttons{justify-content:center}.about-content{gap:2rem}.about-content,.benefits-grid,.features-grid,.roles-grid{grid-template-columns:1fr}.section-title{font-size:1.8rem}.feature-card-large{padding:2rem}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-col h4:after{left:50%;transform:translateX(-50%)}.footer-link-btn{text-align:center}.footer-link-btn:hover{transform:translateX(0)}.chatbot-content,.face-recognition-content,.mobile-app-content{grid-template-columns:1fr;text-align:center}.chatbot-features,.face-features,.mobile-features{grid-template-columns:1fr;text-align:left}.store-buttons{justify-content:center}.phone-mockup{height:480px;width:240px}}@media (max-width:480px){.container{padding:0 1rem}.hero-title-main{font-size:1.5rem}.hero-buttons{flex-direction:column;gap:1rem}.btn-pdf,.btn-primary,.btn-secondary{width:100%}.about-highlights{grid-template-columns:1fr}.section-title{font-size:1.5rem}.feature-card{padding:1.5rem}.notify-form{flex-direction:column}.pdf-options{grid-template-columns:1fr}}.about-content,.ai-card,.benefit-card,.feature-card,.role-card,.section-title{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.about-content.animate-in,.ai-card.animate-in,.benefit-card.animate-in,.feature-card.animate-in,.role-card.animate-in,.section-title.animate-in{opacity:1!important;transform:translateY(0)!important}.feature-card:first-child{transition-delay:.05s}.feature-card:nth-child(2){transition-delay:.1s}.feature-card:nth-child(3){transition-delay:.15s}.feature-card:nth-child(4){transition-delay:.2s}.feature-card:nth-child(5){transition-delay:.25s}.feature-card:nth-child(6){transition-delay:.3s}.feature-card:nth-child(7){transition-delay:.35s}.feature-card:nth-child(8){transition-delay:.4s}.role-card:first-child{transition-delay:.05s}.role-card:nth-child(2){transition-delay:.1s}.role-card:nth-child(3){transition-delay:.15s}.role-card:nth-child(4){transition-delay:.2s}.role-card:nth-child(5){transition-delay:.25s}.role-card:nth-child(6){transition-delay:.3s}.benefit-card:first-child{transition-delay:.05s}.benefit-card:nth-child(2){transition-delay:.1s}.benefit-card:nth-child(3){transition-delay:.15s}.benefit-card:nth-child(4){transition-delay:.2s}.benefit-card:nth-child(5){transition-delay:.25s}.benefit-card:nth-child(6){transition-delay:.3s}.ai-card:first-child{transition-delay:.05s}.ai-card:nth-child(2){transition-delay:.1s}.ai-card:nth-child(3){transition-delay:.15s}.ai-card:nth-child(4){transition-delay:.2s}.brand-logo-circle{animation:pulseGlow 2s ease-in-out infinite;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #fff6;transform:scale(1)}50%{box-shadow:0 0 0 15px #ffffff1a;transform:scale(1.02)}}.brand-logo-circle:before{animation:rotateLight 3s linear infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s;width:200%}@keyframes rotateLight{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.brand-logo-circle:hover:before{opacity:1}.zoom-card{transition:transform .5s cubic-bezier(.4,0,.2,1)}.zoom-card:hover{transform:scale(1.08)}.zoom-card:hover .brand-logo-circle{animation:none;box-shadow:0 0 30px #ffffff80;transform:scale(1.1)}.circle-logo{transition:transform .4s ease}.zoom-card:hover .circle-logo{transform:scale(1.1)}.zoom-card:hover .card-content h3{text-shadow:0 0 10px #fffc}.zoom-card:hover .card-content p{letter-spacing:1px;transition:letter-spacing .3s ease}.feature-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{box-shadow:0 25px 40px -12px #0003;transform:translateY(-8px) scale(1.02)}.feature-card:hover .feature-icon-main{transform:scale(1.15) rotate(5deg)}.role-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.role-card:hover{transform:translateY(-8px)}.role-card:hover .role-icon{transform:scale(1.2)}.benefit-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.benefit-card:hover{transform:translateY(-8px)}.benefit-card:hover .benefit-icon{transform:scale(1.2) rotate(10deg)}.ai-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.ai-card:hover{transform:translateY(-8px)}.ai-card:hover .ai-icon{transform:scale(1.15)}.section-title{display:inline-block;position:relative;width:100%}.section-title:after{background:linear-gradient(135deg,#1e40af,#06b6d4);border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s ease;width:60px}.section-title.animate-in:after{width:100px}.btn-pdf,.btn-primary,.btn-secondary,.cta-button,.login-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-pdf:hover,.btn-primary:hover,.btn-secondary:hover,.cta-button:hover,.login-button:hover{transform:translateY(-3px) scale(1.02)}.btn-primary:active,.btn-secondary:active,.login-button:active{transform:scale(.98)}.floating-card{animation:floatCard 3s ease-in-out infinite}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.highlight-chip{transition:all .3s cubic-bezier(.4,0,.2,1)}.highlight-chip:hover{transform:translateY(-3px) scale(1.05)}.face-demo{transition:all .3s ease}.face-demo:hover{box-shadow:0 0 30px #10b9814d;transform:scale(1.02)}.scan-line{animation:scanFast 1.5s linear infinite}@keyframes scanFast{0%{top:0}to{top:100%}}.chat-message{animation:slideInMessage .5s ease forwards;opacity:0}.chat-message:first-child{animation-delay:.1s}.chat-message:nth-child(2){animation-delay:.3s}.chat-message:nth-child(3){animation-delay:.5s}.chat-message:nth-child(4){animation-delay:.7s}@keyframes slideInMessage{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.chat-message.user{animation-name:slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.phone-mockup{transition:all .4s cubic-bezier(.4,0,.2,1)}.phone-mockup:hover{transform:scale(1.05) rotate(2deg)}.stat-number{transition:all .3s ease}.stat-item:hover .stat-number{background:linear-gradient(135deg,#fff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#0000;transform:scale(1.1)}.carousel-container{transition:transform .6s cubic-bezier(.4,0,.2,1)}.feature-card-large{transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card-large:hover{transform:translateY(-8px)}.modal-overlay{animation:fadeInModal .3s ease}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.coming-soon-modal,.pdf-modal{animation:slideUpModal .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.e8329610.css.map*/