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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0}.app,body,html{padding:0;width:100%}.app{background:#f5f7fb;font-family:Arial,sans-serif;margin:0 auto;min-height:100vh}.app,.top-container{box-sizing:border-box}.top-container{background:#fff;border-bottom:1px solid #e4e9f2;box-shadow:0 2px 8px #2f80ed0f;padding:0 40px;width:100%}.header{color:#1a2640;font-size:22px;font-weight:700;margin:0;padding:18px 0 14px;text-align:center}.navbar{gap:4px}.multi-row-nav{display:flex;flex-direction:column;gap:10px;padding-bottom:12px;width:100%}.nav-row{width:100%}.nav-row,.row-primary,.row-secondary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.nav-button{align-items:center;background:none;border-bottom:3px solid #0000;box-sizing:border-box;color:#7a8ba6;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:12px 10px;transition:color .18s,border-color .18s;white-space:nowrap;width:100%}.nav-button:hover{background-color:#2f80ed08;border-bottom-color:#b8d4f8;color:#2f80ed}.nav-button.active{background-color:#a5d6a740;border-bottom-color:#2e7d32;box-shadow:inset 0 1px 2px #2e7d320d,0 2px 6px #2e7d320f;color:#1b5e20;font-weight:700}.nav-button .nav-icon,.nav-button svg{flex-shrink:0;font-size:14px;height:15px;width:15px}.logout-btn{grid-column:6}.dashboard-content{box-sizing:border-box;padding:28px 40px 48px}.stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:28px;width:100%}.stat-card{border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 8px #2f80ed0f;flex-direction:column;min-width:0;padding:16px 18px}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;margin-bottom:14px;width:36px}.stat-icon.total{background:#ebf3fd;color:#2f80ed}.stat-icon.booked{background:#fde8e8;color:#e53935}.stat-icon.avail{background:#e8f5e9;color:#2e7d32}.stat-label{color:#7a8ba6;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-value{color:#1a2640;font-size:28px;font-weight:700;line-height:1}.card{box-shadow:0 0 10px #0000001a;flex:1 1;font-size:18px}.layout-heading{align-items:center;color:#1a2640;display:flex;font-size:16px;font-weight:700;gap:12px;margin-bottom:20px}.layout-heading:after{background:#e4e9f2;content:"";flex:1 1;height:1px}.legend{background:#fff;border:1px solid #e4e9f2;border-radius:12px;box-shadow:0 2px 8px #2f80ed0a;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px;padding:14px 20px}.legend-item{align-items:center;color:#3d4f6e;display:flex;font-size:13px;font-weight:500;gap:8px}.legend-dot{border-radius:5px;flex-shrink:0;height:20px;width:20px}.floor-plan{align-items:flex-end;display:flex;gap:120px;justify-content:space-between;margin-top:40px;overflow-x:auto;width:100%}.floor{align-items:center;display:flex;flex-direction:column;gap:14px}.direction{font-weight:700;letter-spacing:1px;margin-bottom:14px}.direction.west,.floor.right .direction.toilet{align-self:flex-start}.seat-row{display:flex;gap:14px}.seat{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;transition:transform .1s,box-shadow .1s;width:48px}.seat:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.seat.available{background:#81d4fa;color:#000}.seat.partial{background:#81c784;color:#000}.seat.full{background:#2e7d32;color:#fff}.seat.renewal{background:#fff176;color:#000}.seat.expired{background:#ffcdd2;color:#000}.seat.blocked{color:#555;cursor:not-allowed}.seat.blocked,.stair-gap{background:repeating-linear-gradient(45deg,#ccc,#ccc 6px,#eee 0,#eee 12px)}.stair-gap{border-radius:6px;height:36px;width:48px}.sections-container{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.section-divider{align-self:stretch;background-color:#cfd8dc;margin:0 10px;width:2px}.section{flex:1 1}.section-title{font-size:20px;font-weight:700;margin-bottom:100px;text-align:center}.seat-popup{background:#fff;border:1px solid #e4e9f2;border-radius:12px;box-shadow:0 6px 24px #0000002e;padding:16px 18px;width:240px;z-index:1000}.seat-popup h4{color:#1a2640;font-size:15px;margin:0 0 10px}.seat-popup p{color:#3d4f6e;font-size:13px;margin:4px 0}.popup-content{display:flex;gap:20px}.popup-left,.popup-right{flex:1 1}.student-block{border-bottom:1px solid #f0f3fa;margin-bottom:10px;padding-bottom:8px}.popup-actions{border-top:1px solid #f0f3fa;display:flex;gap:8px;justify-content:space-between;margin-top:14px;padding-top:12px}.popup-actions button{border:none;border-radius:7px;cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:600;padding:7px 10px;transition:background .18s}.popup-actions button:first-child{background-color:#2f80ed;color:#fff}.popup-actions button:first-child:hover{background-color:#1c60c7}.popup-actions button:first-child:disabled{background-color:#b0bec5;cursor:not-allowed}.popup-actions button:last-child{background-color:#f0f3fa;color:#3d4f6e}.popup-actions button:last-child:hover{background-color:#e4e9f2}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width:1400px){.sections-container{flex-direction:column}}@media (max-width:1200px){.floor-plan{gap:80px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.row-primary,.row-secondary{gap:6px;grid-template-columns:repeat(3,1fr)}.logout-btn{grid-column:span 3;margin-left:0!important}.floor-plan{align-items:center;flex-direction:column;gap:60px}.direction.west,.floor.right .direction.toilet{align-self:center}}@media (max-width:640px){.top-container{padding:0 16px}.dashboard-content{padding:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar{flex-wrap:wrap}}@media (max-width:440px){.stats{grid-template-columns:1fr}}.login-wrapper{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;box-sizing:border-box;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px}.login-logo-circle{height:80px;margin:0 auto 15px;width:80px}.login-header h2{font-size:26px}.login-header p{color:#757575;font-size:14px;margin:5px 0 0}.login-form .input-group{display:flex;flex-direction:column;margin-bottom:20px}.login-form .input-group label{align-items:center;color:#37474f;display:flex;font-size:14px;font-weight:600;margin-bottom:8px}.login-form .input-group input{border:1px solid #cfd8dc;border-radius:6px;font-size:15px;padding:12px;transition:all .3s ease}.login-form .input-group input:focus{border-color:#1a237e;box-shadow:0 0 0 3px #1a237e26;outline:none}.login-submit-btn{border-radius:6px;font-size:16px;font-weight:700;padding:14px}.login-error-msg{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px}.logout-btn:hover{background:#b71c1c!important}.login-card-container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:row;margin:20px;max-width:900px;overflow:hidden;width:100%}.login-scanner-side{align-items:center;background-color:#f5f5f7;border-right:1px solid #e0e0e0;display:flex;flex:1 1;justify-content:center}.login-scanner-img{height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.login-details-side{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}@media (max-width:768px){.login-card-container{flex-direction:column;max-width:450px}.login-scanner-side{border-bottom:1px solid #e0e0e0;border-right:none;height:300px}}.login-enquiry-footer{border-top:1px dashed #e0e0e0;margin-top:20px;padding-top:15px;pointer-events:none;-webkit-user-select:none;user-select:none}.login-enquiry-text{color:#616161;font-size:.85rem;font-weight:500}.login-enquiry-num{color:#1a237e;font-weight:700;letter-spacing:.5px}.public-portal-layout{background-color:#f4f6f9;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.public-content-main{box-sizing:border-box;display:flex;flex:0 0 65%;flex-direction:column;gap:20px;max-width:65%;padding:28px 36px}.public-hub-header{background:linear-gradient(135deg,#1a237e,#283593);border-radius:14px;box-shadow:0 4px 12px #1a237e26;color:#fff;padding:22px 28px}.hub-brand{align-items:center;display:flex;gap:16px}.brand-icon{color:#ffca28;font-size:2.4rem}.hub-brand h1{font-size:1.6rem;font-weight:700;margin:0}.hub-brand p{font-size:.92rem;margin:4px 0 0;opacity:.9}.public-nav-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px #00000008;display:flex;gap:10px;overflow-x:auto;padding:8px}.nav-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.nav-tab-btn:hover{background:#edf2f7;color:#1a237e}.nav-tab-btn.active{background:#1a237e;color:#fff}.public-tab-display{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000a;flex:1 1;padding:24px}.tab-pane h3{color:#1a202c;font-size:1.25rem;margin-bottom:8px;margin-top:0}.tab-intro{color:#718096;font-size:.92rem;margin-bottom:20px}.feature-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:18px;transition:transform .2s ease}.feature-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-3px)}.card-icon-circle{align-items:center;border-radius:10px;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.card-icon-circle.blue{background:#ebf8ff;color:#3182ce}.card-icon-circle.green{background:#f0fff4;color:#38a169}.card-icon-circle.orange{background:#fffaf0;color:#dd6b20}.card-icon-circle.purple{background:#faf5ff;color:#805ad5}.feature-card h4{color:#2d3748;font-size:.98rem;margin:0}.feature-card p{color:#718096;font-size:.83rem;line-height:1.4;margin:0}.badge-free{align-self:flex-start;background:#ebf8ff;border-radius:4px;color:#2b6cb0;font-size:.72rem;font-weight:700;padding:4px 8px}.social-links-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.social-btn{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:.82rem;font-weight:600;gap:8px;padding:8px 14px;text-decoration:none;transition:opacity .2s ease}.social-btn:hover{opacity:.9}.social-btn.fb{background-color:#1877f2}.social-btn.insta{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-btn.yt{background-color:red}.reels-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.reel-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px #0000000a;overflow:hidden;transition:transform .2s ease}.reel-card:hover{transform:translateY(-3px)}.reel-thumbnail{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);display:flex;height:140px;justify-content:center;position:relative}.play-icon{color:#fff;cursor:pointer;font-size:2.5rem;opacity:.85;transition:transform .2s ease,opacity .2s ease}.reel-card:hover .play-icon{opacity:1;transform:scale(1.1)}.reel-tag{background:#1877f2e6;border-radius:4px;color:#fff;font-size:.68rem;font-weight:700;left:8px;padding:3px 6px;position:absolute;top:8px}.reel-details{padding:12px}.reel-details h4{color:#1e293b;font-size:.88rem;margin:0 0 6px}.reel-details p{color:#64748b;font-size:.78rem;line-height:1.3;margin:0}.testimonials-section{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;margin-top:10px;padding:16px}.testimonials-section h4{align-items:center;color:#1e293b;display:flex;font-size:.95rem;gap:6px;margin:0 0 10px}.testimonial-card p{color:#475569;font-size:.84rem;font-style:italic;margin:0 0 6px}.testimonial-card span{color:#1a237e;font-size:.76rem;font-weight:700}.calendar-table-wrapper{overflow-x:auto}.calendar-table{border-collapse:collapse;font-size:.88rem;text-align:left;width:100%}.calendar-table td,.calendar-table th{border-bottom:1px solid #e2e8f0;padding:12px 14px}.calendar-table th{background:#f7fafc;color:#4a5568;font-weight:600}.event-tag{border-radius:4px;font-size:.75rem;font-weight:600;padding:3px 8px}.event-tag.cultural{background:#eef2ff;color:#3730a3}.event-tag.holiday{background:#fef2f2;color:#991b1b}.event-tag.activity{background:#f0fdf4;color:#166534}.info-cards-row{display:flex;flex-direction:column;gap:12px}.info-card{background:#f8fafc;border-left:4px solid #1a237e;border-radius:0 8px 8px 0;padding:14px 18px}.info-card h4{color:#2d3748;margin:0 0 4px}.info-card p{color:#718096;font-size:.85rem;margin:0}.public-login-sidebar{background:#fff;border-left:1px solid #e2e8f0;box-sizing:border-box;display:flex;flex:0 0 35%;flex-direction:column;gap:18px;max-width:35%;padding:24px}.sidebar-scanner-box{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:center;max-height:220px;overflow:hidden;width:100%}.scanner-image{display:block;height:30vh;max-height:180px;object-fit:contain;width:100%}.sidebar-login-card{display:flex;flex-direction:column;gap:16px}.login-header{text-align:center}.login-logo-circle{align-items:center;background:#e8eaf6;border-radius:50%;display:flex;height:54px;justify-content:center;margin:0 auto 10px;width:54px}.login-header h2{color:#1a237e;font-size:1.25rem;margin:0}.login-header p{color:#718096;font-size:.82rem;margin:4px 0 0}.login-form{display:flex;flex-direction:column}.login-error-msg{background:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:.82rem;margin-bottom:15px;padding:8px 12px;text-align:center}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:15px;width:100%}.input-group label{align-items:center;color:#4a5568;display:flex;font-size:.82rem;font-weight:600}.input-icon{color:#1a237e;margin-right:6px}.input-group input{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:.88rem;height:40px;outline:none;padding:8px 12px;width:100%}.input-group input:focus{border-color:#1a237e}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;padding:0;position:absolute;right:12px}.login-submit-btn{background:#1a237e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.92rem;font-weight:600;height:40px;margin-top:5px;transition:background .2s ease;width:100%}.login-submit-btn:hover{background:#283593}.login-submit-btn:disabled{background:#9fa8da;cursor:not-allowed}.login-enquiry-footer{border-top:1px solid #edf2f7;padding-top:12px;text-align:center}.login-enquiry-text{color:#4a5568;font-size:.8rem;margin:0}.login-enquiry-text span{color:#1a237e;font-weight:700}.login-copyright-text{color:#a0aec0;font-size:.72rem;line-height:1.3;margin-top:10px}.fade-in{animation:fadeIn .25s ease-in-out}@media (max-width:900px){.public-portal-layout{flex-direction:column-reverse}.public-content-main,.public-login-sidebar{flex:0 0 100%;max-width:100%}.public-login-sidebar{border-bottom:2px solid #e2e8f0;border-left:none}}.dashboard-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1100px}.welcome-banner h2{color:#1a202c;font-size:1.6rem;margin:0 0 4px}.welcome-banner p{color:#718096;font-size:.95rem;margin:0}.stats-grid{grid-gap:18px;gap:18px}.stat-card{box-shadow:0 2px 8px #0000000a;gap:16px;padding:18px}.stat-icon-wrapper{font-size:1.5rem;height:52px;width:52px}.stat-title{font-size:.85rem}.stat-value{font-size:1.4rem}.stat-subtext{font-size:.78rem}.quick-actions-section{display:flex;flex-direction:column;gap:14px}.quick-actions-section h3{color:#2d3748;font-size:1.1rem;margin:0}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.action-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px 14px;transition:all .2s ease}.action-card:hover{border-color:#cbd5e0;box-shadow:0 6px 16px #00000014;transform:translateY(-3px)}.action-icon{align-items:center;border:2px solid;border-radius:50%;display:flex;font-size:1.2rem;height:44px;justify-content:center;width:44px}.action-card span{color:#4a5568;font-size:.88rem;font-weight:600;text-align:center}.new-admission-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1000px}.admission-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:12px}.admission-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.section-title{align-items:center;border-bottom:1px dashed #e2e8f0;color:#2d3748;display:flex;font-size:1.1rem;gap:8px;margin:0 0 20px;padding-bottom:10px}.section-icon{color:#3182ce}.form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#4a5568;display:flex;font-size:.88rem;font-weight:600;gap:6px}.form-group input,.form-group select,.form-group textarea{background-color:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;box-sizing:border-box;color:#2d3748;font-size:.95rem;padding:10px 14px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26;outline:none}.form-actions{display:flex;gap:14px;justify-content:flex-end;padding-top:10px}.btn-primary,.btn-secondary{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary{background-color:#3182ce}.btn-primary:hover:not(:disabled){background-color:#2b6cb0}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-secondary{background-color:#edf2f7;color:#4a5568}.btn-secondary:hover{background-color:#e2e8f0}.student-directory-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}.directory-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:12px}.student-count-badge{background:#ebf8ff;border:1px solid #bee3f8;border-radius:20px;color:#2b6cb0;font-size:.88rem;font-weight:600;padding:6px 14px}.directory-controls{display:flex;flex-wrap:wrap;gap:16px}.search-box{min-width:280px;position:relative}.search-icon{color:#a0aec0;left:14px;position:absolute}.search-box input{background:#fff;border:1px solid #cbd5e0;border-radius:8px;font-size:.95rem;padding:10px 14px 10px 42px;transition:all .2s ease}.search-box input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26;outline:none}.filter-box{position:relative}.filter-icon{color:#a0aec0;left:14px;position:absolute;z-index:1}.filter-box select{background:#fff;border:1px solid #cbd5e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:10px 14px 10px 40px;transition:all .2s ease}.filter-box select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26;outline:none}.students-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.student-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.student-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-3px)}.card-top{border-bottom:1px solid #edf2f7;gap:14px;padding-bottom:12px}.avatar-placeholder,.card-top{align-items:center;display:flex}.avatar-placeholder{color:#cbd5e0;font-size:2.8rem;justify-content:center}.student-titles h3{color:#2d3748;font-size:1.1rem;margin:0 0 4px}.program-tag{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.program-tag.playgroup{background:#feebc8;color:#9c4221}.program-tag.nursery{background:#ebf8ff;color:#2b6cb0}.program-tag.lkg{background:#f0fff4;color:#22543d}.program-tag.ukG,.program-tag.ukg{background:#faf5ff;color:#553c9a}.card-details{display:flex;flex-direction:column;font-size:.88rem;gap:8px}.detail-row{justify-content:space-between}.detail-row,.detail-row .label{align-items:center;display:flex}.detail-row .label{color:#718096;font-weight:500;gap:6px}.detail-row .value{color:#2d3748;font-weight:600}.medical-text{color:#c53030!important;font-style:italic}.no-results{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#718096;font-weight:500;padding:40px;text-align:center}.directory-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.attendance-tracker-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1000px}.attendance-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:12px}.attendance-controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:20px;padding:18px 24px}.control-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:220px}.control-group label{align-items:center;color:#4a5568;display:flex;font-size:.88rem;font-weight:600;gap:6px}.control-group label .icon{color:#3182ce}.control-group input,.control-group select{background-color:#f7fafc;border:1px solid #cbd5e0;border-radius:8px;color:#2d3748;font-size:.95rem;padding:10px 14px;transition:all .2s ease}.control-group input:focus,.control-group select:focus{background-color:#fff;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26;outline:none}.attendance-summary-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 20px}.summary-badges{display:flex;flex-wrap:wrap;gap:12px}.badge{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.badge.total{background:#edf2f7;color:#4a5568}.badge.present{background:#f0fff4;border:1px solid #c6f6d5;color:#22543d}.badge.absent{background:#fff5f5;border:1px solid #fed7d7;color:#742a2a}.badge.late{background:#fffaf0;border:1px solid #feebc8;color:#7b341e}.bulk-actions{display:flex;gap:10px}.btn-mark-all{border:none;border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 12px;transition:opacity .2s ease}.btn-mark-all.present{background:#c6f6d5;color:#22543d}.btn-mark-all.absent{background:#fed7d7;color:#742a2a}.btn-mark-all:hover{opacity:.85}.status-banner{align-items:center;border-radius:8px;display:flex;font-size:.95rem;font-weight:600;gap:12px;padding:14px 18px}.status-banner.success{background-color:#f0fff4;border:1px solid #c6f6d5;color:#22543d}.status-banner.error{background-color:#fff5f5;border:1px solid #fed7d7;color:#742a2a}.banner-icon{font-size:1.2rem}.attendance-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.attendance-table{border-collapse:collapse;width:100%}.attendance-table th{background:#f7fafc;border-bottom:2px solid #edf2f7;color:#4a5568;font-size:.85rem;font-weight:700;padding:14px 18px;text-align:left;text-transform:uppercase}.attendance-table td{border-bottom:1px solid #edf2f7;color:#2d3748;font-size:.95rem;padding:12px 18px}.roll-no{color:#718096;font-weight:700}.student-name{font-weight:600}.status-options{display:flex;justify-content:center}.segmented-control{background:#edf2f7;border-radius:8px;display:inline-flex;gap:4px;padding:4px}.option-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.option-btn.present.active{background:#38a169;color:#fff}.option-btn.absent.active{background:#e53e3e;color:#fff}.option-btn.late.active{background:#dd6b20;color:#fff}.table-footer-actions{background:#f7fafc;border-top:1px solid #edf2f7;display:flex;justify-content:flex-end;padding:16px 20px}.btn-save-attendance{align-items:center;background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 22px;transition:background .2s ease}.btn-save-attendance:hover:not(:disabled){background:#2b6cb0}.btn-save-attendance:disabled{cursor:not-allowed;opacity:.7}.attendance-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.class-mgmt-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px}.class-mgmt-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:12px}.header-left{display:flex;flex-direction:column;gap:8px}.header-left h2{align-items:center;color:#1a202c;display:flex;font-size:1.5rem;gap:10px;margin:0}.back-btn{font-size:.9rem;width:-webkit-fit-content;width:fit-content}.btn-add-class{align-items:center;background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:background .2s ease}.btn-add-class:hover{background:#2b6cb0}.classes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.class-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.class-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-3px)}.card-header{align-items:flex-start;border-bottom:1px solid #edf2f7;padding-bottom:12px}.class-title-group h3{color:#2d3748;font-size:1.2rem;margin:0 0 6px}.room-badge{align-items:center;background:#edf2f7;border-radius:4px;color:#718096;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:2px 8px}.btn-icon-edit{background:#0000;border:none;color:#a0aec0;cursor:pointer;font-size:1rem;padding:4px;transition:color .2s ease}.btn-icon-edit:hover{color:#3182ce}.card-body{display:flex;flex-direction:column;gap:10px}.detail-item{display:flex;font-size:.9rem;justify-content:space-between}.detail-item .label{align-items:center;color:#718096;display:flex;font-weight:500;gap:6px}.detail-item .value{color:#2d3748;font-weight:600}.progress-container{background:#edf2f7;border-radius:4px;height:8px;margin-top:6px;overflow:hidden;width:100%}.progress-bar{background:#3182ce;border-radius:4px;height:100%;transition:width .4s ease}.progress-bar.full{background:#e53e3e}.progress-labels{color:#718096;display:flex;font-size:.78rem;font-weight:600;justify-content:space-between}.tag-full{color:#e53e3e;font-weight:700}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:480px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#f7fafc;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{color:#2d3748;font-size:1.1rem;margin:0}.close-btn{background:#0000;border:none;color:#a0aec0;cursor:pointer;font-size:1.1rem}.close-btn:hover{color:#2d3748}.modal-form{gap:14px;padding:20px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.modal-form label{color:#4a5568;font-size:.85rem;font-weight:600}.modal-form input,.modal-form select{border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;font-size:.95rem;padding:9px 12px}.modal-form input:focus,.modal-form select:focus{border-color:#3182ce;outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-cancel{background:#edf2f7;color:#4a5568}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 16px}.btn-submit{align-items:center;background:#3182ce;color:#fff;display:flex;gap:6px}.btn-submit:hover{background:#2b6cb0}.class-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3182ce;height:38px;margin-bottom:12px;width:38px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fee-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:20px}.fee-header{justify-content:space-between}.fee-header,.fee-header h2{align-items:center;display:flex}.fee-header h2{color:#1a202c;font-size:1.4rem;gap:10px;margin:0}.btn-primary{padding:10px 16px}.fee-search-bar{align-items:center;background:#fff;border:1px solid #cbd5e0;border-radius:8px;display:flex;gap:10px;padding:10px 14px}.fee-search-bar input{border:none;font-size:.95rem;outline:none;width:100%}.table-responsive{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.fee-table{border-collapse:collapse;font-size:.95rem;text-align:left;width:100%}.fee-table td,.fee-table th{border-bottom:1px solid #edf2f7;padding:14px 18px}.fee-table th{background:#f7fafc;color:#4a5568}.fee-table th,.status-badge{font-weight:600}.status-badge.paid{background:#f0fff4;color:#22543d}.status-badge.pending{background:#fffaf0;color:#9c4221}.status-badge.overdue{background:#fff5f5;color:#9b2c2c}.staff-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:20px}.staff-header{justify-content:space-between}.staff-header,.staff-header h2{align-items:center;display:flex}.staff-header h2{color:#1a202c;font-size:1.4rem;gap:10px;margin:0}.staff-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.staff-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:16px;padding:18px}.staff-avatar,.staff-card{align-items:center;display:flex}.staff-avatar{background:#3182ce;border-radius:50%;color:#fff;flex-shrink:0;font-size:1.4rem;font-weight:700;height:50px;justify-content:center;width:50px}.staff-details{display:flex;flex-direction:column;gap:4px}.staff-details h3{color:#2d3748;font-size:1.05rem;margin:0}.staff-role{color:#3182ce;font-size:.85rem;font-weight:600}.staff-class{color:#718096;font-size:.8rem}.staff-contact{color:#4a5568;font-size:.8rem;gap:4px;margin-top:6px}.comm-container,.staff-contact{display:flex;flex-direction:column}.comm-container{animation:fadeIn .3s ease-in-out;gap:20px}.comm-header h2{align-items:center;color:#1a202c;display:flex;font-size:1.4rem;gap:10px;margin:0}.comm-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px}.comm-card h3{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;gap:8px;margin:0}.comm-form{gap:16px}.comm-form,.comm-form .form-group{display:flex;flex-direction:column}.comm-form .form-group{gap:6px}.comm-form label{color:#4a5568;font-size:.85rem;font-weight:600}.comm-form select,.comm-form textarea{border:1px solid #cbd5e0;border-radius:6px;font-size:.95rem;padding:10px 12px}.enquiry-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:20px}.enquiry-header{align-items:center;display:flex;justify-content:space-between}.enquiry-header h2{align-items:center;color:#1a202c;display:flex;font-size:1.4rem;gap:10px;margin:0}.enquiry-table{border-collapse:collapse;font-size:.95rem;text-align:left;width:100%}.enquiry-table td,.enquiry-table th{border-bottom:1px solid #edf2f7;padding:14px 18px}.enquiry-table th{background:#f7fafc;color:#4a5568;font-weight:600}.table-icon{color:#a0aec0;font-size:.8rem;margin-right:4px}.enquiry-status{background:#ebf8ff;border-radius:4px;color:#2b6cb0;font-size:.8rem;font-weight:600;padding:4px 8px}.reports-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:20px}.reports-header h2{align-items:center;color:#1a202c;display:flex;font-size:1.4rem;gap:10px;margin:0}.reports-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.report-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px}.report-card h3{color:#2d3748;font-size:1.05rem;margin:0}.report-card p{color:#718096;flex-grow:1;font-size:.88rem;margin:0}.btn-secondary{align-items:center;background:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-top:8px;padding:8px 14px;width:-webkit-fit-content;width:fit-content}.btn-secondary:hover{background:#e2e8f0}.activities-container{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px}.activities-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:14px}.header-title-block h2{align-items:center;color:#1a202c;display:flex;font-size:1.5rem;gap:10px;margin:0}.header-icon{color:#3182ce}.subtext{color:#718096;font-size:.9rem;margin:4px 0 0}.back-btn{align-items:center;background:#0000;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:6px;margin-bottom:8px;padding:0;transition:color .2s ease}.back-btn:hover{color:#3182ce}.btn-primary{align-items:center;background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:background .2s ease}.btn-primary:hover{background:#2b6cb0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px #00000008;gap:14px;padding:16px}.stat-card,.stat-icon-wrapper{align-items:center;display:flex}.stat-icon-wrapper{border-radius:10px;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;width:48px}.stat-icon-wrapper.blue{background-color:#ebf8ff;color:#3182ce}.stat-icon-wrapper.green{background-color:#f0fff4;color:#38a169}.stat-icon-wrapper.orange{background-color:#fffaf0;color:#dd6b20}.stat-icon-wrapper.purple{background-color:#faf5ff;color:#805ad5}.stat-info{display:flex;flex-direction:column}.stat-title{color:#718096;font-size:.8rem;font-weight:600}.stat-value{color:#2d3748;font-size:1.3rem;margin:2px 0}.stat-subtext{color:#a0aec0;font-size:.75rem}.activities-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px #00000008;display:flex;flex-direction:column;gap:14px;padding:16px}.status-tabs{border-bottom:1px solid #edf2f7;display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;font-size:.88rem;font-weight:600;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#edf2f7;color:#2d3748}.tab-btn.active{background:#ebf8ff;color:#2b6cb0}.filters-row{display:flex;flex-wrap:wrap;gap:14px}.search-box{align-items:center;background:#f7fafc;border:1px solid #cbd5e0;border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:240px;padding:8px 12px}.search-box input{background:#0000;border:none;color:#2d3748;font-size:.9rem;outline:none;width:100%}.filter-icon,.search-icon{color:#a0aec0}.filter-box{align-items:center;background:#f7fafc;border:1px solid #cbd5e0;border-radius:8px;display:flex;gap:8px;min-width:200px;padding:8px 12px}.filter-box select{background:#0000;border:none;color:#2d3748;font-size:.9rem;outline:none;width:100%}.activity-cards-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:12px;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.activity-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between}.category-badge{background:#edf2f7;color:#4a5568;font-size:.78rem;text-transform:uppercase}.category-badge,.status-badge{border-radius:20px;font-weight:700;padding:4px 10px}.status-badge{align-items:center;display:inline-flex;font-size:.8rem;gap:6px}.status-badge.completed{background:#f0fff4;color:#22543d}.status-badge.upcoming{background:#fffaf0;color:#9c4221}.status-badge.pending{background:#faf5ff;color:#553c9a}.status-icon{font-size:.85rem}.status-icon.completed{color:#38a169}.status-icon.upcoming{color:#dd6b20}.status-icon.pending{color:#805ad5}.activity-title{color:#1a202c;font-size:1.1rem;line-height:1.3;margin:0}.activity-meta{background:#f7fafc;border-radius:8px;color:#4a5568;display:flex;flex-direction:column;font-size:.85rem;gap:6px;padding:10px}.meta-item{align-items:center;display:flex;gap:8px}.meta-icon{color:#3182ce;font-size:.85rem}.staff-name{color:#2b6cb0}.activity-footer{border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:6px;padding-top:10px}.participants-pill{color:#718096;font-size:.78rem;font-weight:600}.activity-notes{color:#718096;font-size:.82rem;font-style:italic;margin:0}.no-records-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#718096;padding:30px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body{background-color:#f5f6fa;font-family:Arial,sans-serif;margin:0}.container{padding:20px 40px;position:relative;z-index:1}.navbar{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 40px}.nav-button{background-color:#2f80ed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;min-width:140px;padding:10px 18px;text-align:center}.nav-button:hover{background-color:#1c60c7}.card{background:#fff;border:1px solid #ddd;border-radius:10px;margin-top:20px;padding:20px;width:320px}.label{display:block;font-size:14px;margin-bottom:4px}.input{border:1px solid #ccc;border-radius:5px;margin-bottom:12px}.button,.input{padding:8px;width:100%}.button{border:none;border-radius:5px;cursor:pointer;margin-top:10px}.button-primary{background-color:#2f80ed;color:#fff}.button-success{background-color:#27ae60}.button-danger{background-color:#eb5757}.button-disabled{background-color:#ccc;cursor:not-allowed}.page-title{font-size:22px;margin-bottom:15px}.form-wrapper{display:flex;justify-content:flex-start}.button-success{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.button-success:hover{background-color:#218838;transform:scale(1.03)}.button-danger{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.button-danger:hover{background-color:#c82333;transform:scale(1.03)}
/*# sourceMappingURL=main.9f00db44.css.map*/