body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.lazy-image-wrapper{background:#0000;height:100%;overflow:hidden;position:relative;width:100%}.lazy-image{height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out;width:100%}.lazy-image.loaded{opacity:1}.lazy-image-placeholder{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.skeleton-placeholder{animation:skeletonLoading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40%,#f0f0f0);background-size:200% 100%}.skeleton-shimmer{height:100%;overflow:hidden;position:relative;width:100%}.skeleton-shimmer:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.spinner-placeholder{background:#f5f5f5}.spinner-loader{height:50px;position:relative;width:50px}.spinner-ring{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#06c;height:100%;width:100%}.blur-placeholder{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.blur-box{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#0066cc1a 0,#0000 70%);height:100%;width:100%}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width:768px){.spinner-loader{height:40px;width:40px}.spinner-ring{border-width:3px}}@media (max-width:480px){.spinner-loader{height:35px;width:35px}.spinner-ring{border-width:2px}}.main-header{background:#fff;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{justify-content:space-between;padding:15px 0}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:15px;overflow:hidden;position:relative;transition:transform .3s ease}.logo-section:hover{transform:scale(1.02)}.logo-section:active{transform:scale(.98)}.logo-section.water-wave-animation:before{animation:waterWave 1.5s ease-in-out;background:linear-gradient(90deg,#0000,#0066cc1a 25%,#0066cc4d 50%,#0066cc1a 75%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@keyframes waterWave{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.logo-section.water-wave-animation .school-address,.logo-section.water-wave-animation .school-info h1,.logo-section.water-wave-animation .school-subtitle{animation:textShimmer 1.5s ease-in-out}@keyframes textShimmer{0%{color:#06c;text-shadow:0 0 5px #06c0}50%{color:#09f;text-shadow:0 0 10px #0066cc80}to{color:#06c;text-shadow:0 0 5px #06c0}}.school-logo{height:80px;object-fit:contain;position:relative;width:80px;z-index:2}.logo-section.water-wave-animation .school-logo{animation:logoGlow 1.5s ease-in-out}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 0 rgba(0,102,204,0))}50%{filter:drop-shadow(0 0 10px rgba(0,102,204,.6))}}.school-info{position:relative;z-index:2}.school-info h1{color:#06c;font-size:24px;font-weight:700;margin-bottom:5px;transition:color .3s ease}.school-subtitle{color:#666;font-size:13px;margin-bottom:2px;transition:color .3s ease}.school-address{color:#999;font-size:12px;transition:color .3s ease}.desktop-nav{align-items:center;display:flex;gap:0}.nav-item-wrapper{position:relative}.desktop-nav a{align-items:center;border-radius:6px;color:#333;display:flex;font-size:16px;font-weight:500;gap:4px;padding:8px 12px;text-decoration:none;transition:all .3s;white-space:nowrap}.desktop-nav a.active,.desktop-nav a:hover{background:#f0f8ff;color:#06c}.dropdown-menu{animation:dropdownSlide .3s ease;background:#fff;border-radius:8px;box-shadow:0 8px 30px #00000026;left:0;margin-top:8px;min-width:240px;padding:8px 0;pointer-events:auto;position:absolute;top:100%;z-index:9999}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu a{background:#0000;border-radius:0;color:#555;display:block;font-size:14px;padding:12px 20px;transition:all .2s}.dropdown-menu a.active,.dropdown-menu a:hover{background:#f8f9fa;color:#06c}.btn-login{background:#23a7ff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 25px;transition:transform .2s;white-space:nowrap}.btn-login:hover{box-shadow:0 4px 12px #23a7ff4d;transform:translateY(-2px)}.scrolling-text-container{background:#2980b9;cursor:pointer;overflow:hidden;padding:12px 0;-webkit-user-select:none;user-select:none}.scrolling-text{animation:scroll-continuous 100s linear infinite;display:inline-block;padding-left:100%;white-space:nowrap}.scrolling-text.paused{animation-play-state:paused}.scrolling-text span{color:#fff;display:inline-block;font-size:16px;font-weight:600;padding-right:80px}@keyframes scroll-continuous{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.mobile-menu-btn{background:none;border:none;color:#333;cursor:pointer;display:none;padding:8px}.mobile-nav{background:#fff;border-top:1px solid #e1e8ed;display:none;flex-direction:column;max-height:70vh;overflow-y:auto;padding:20px}.mobile-nav-item{border-bottom:1px solid #f5f7fa}.mobile-nav-link{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:12px 0;-webkit-user-select:none;user-select:none}.mobile-nav-link:active{background:#f8f9fa}.mobile-dropdown{animation:slideDown .3s ease;margin-bottom:10px;padding-left:20px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.mobile-dropdown a{color:#666;display:block;font-size:14px;padding:10px 0;text-decoration:none;transition:color .2s}.mobile-dropdown a.active,.mobile-dropdown a:hover{color:#06c}.btn-login-mobile{background:#23a7ff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:12px;width:100%}.rotated{transform:rotate(180deg);transition:transform .3s}@media (max-width:1024px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.mobile-nav{display:flex}.school-info h1{font-size:20px}.school-logo{height:70px;width:70px}}@media (max-width:768px){.header-content{padding:10px 0}.logo-section{gap:12px}.school-logo{height:60px;width:60px}.school-info h1{font-size:16px}.school-subtitle{font-size:11px}.school-address{font-size:10px}.scrolling-text span{font-size:14px;padding-right:60px}.mobile-nav{max-height:60vh}@keyframes waterWave{0%{left:-100%;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}}@media (max-width:480px){.logo-section{gap:10px}.school-logo{height:50px;width:50px}.school-info h1{font-size:14px}.school-address,.school-subtitle{font-size:10px}.scrolling-text span{font-size:13px;padding-right:50px}.logo-section.water-wave-animation:before{animation:waterWave 1.8s ease-in-out}}@media (prefers-reduced-motion:reduce){.logo-section.water-wave-animation .school-address,.logo-section.water-wave-animation .school-info h1,.logo-section.water-wave-animation .school-logo,.logo-section.water-wave-animation .school-subtitle,.logo-section.water-wave-animation:before{animation:none}.logo-section:hover{transform:none}}.main-footer{background:#1a2332;color:#fff;margin-top:80px;padding:60px 0 20px}.container{max-width:1200px}.footer-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:2fr 1fr 1fr;margin-bottom:40px}.footer-logo-section{align-items:center;display:flex;gap:15px;margin-bottom:20px}.footer-logo{height:60px;object-fit:contain;width:60px}.footer-col h3,.footer-col h4{color:#fff;font-size:18px;font-weight:600;margin-bottom:15px}.footer-address p{color:#fffc;font-size:14px;line-height:1.8;margin-bottom:8px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#fffc;font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.helpline-image-container{margin-top:20px}.helpline-image{border-radius:8px;box-shadow:0 4px 6px #0000004d;height:auto;max-width:150px;transition:transform .3s ease;width:70%}.social-icons{display:flex;gap:15px;margin-bottom:30px}.social-icons a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:background .3s;width:40px}.social-icons a:hover{background:#06c}.app-download{margin-top:20px}.app-buttons img{cursor:pointer;height:45px;transition:opacity .3s}.app-buttons img:hover{opacity:.8}.footer-bottom{border-top:1px solid #ffffff1a;color:#fff9;font-size:14px;padding-top:20px;text-align:center}.footer-bottom p{margin-bottom:10px}.footer-bottom a{background:#ffffff1a;border-radius:4px;color:#fff;font-weight:700;padding:2px 6px;text-decoration:none;transition:background .3s}.footer-bottom a:hover{background:#fff3}@media (max-width:1024px){.footer-grid{gap:30px;grid-template-columns:1fr}.helpline-image{max-width:100%}}@media (max-width:768px){.main-footer{margin-top:40px;padding:40px 0 20px}.footer-grid{gap:25px}.footer-logo-section{align-items:flex-start;flex-direction:column}.footer-col h3,.footer-col h4{font-size:16px}}.notice-viewer-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.notice-viewer-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:95%;max-width:1400px;overflow:hidden;width:95%}.notice-viewer-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 24px}.viewer-title{color:#2c3e50;font-size:16px;font-weight:600;gap:10px}.viewer-actions,.viewer-title{align-items:center;display:flex}.viewer-actions{gap:12px}.viewer-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 14px;transition:all .2s}.viewer-btn:hover{background:#f0f0f0;border-color:#999}.download-btn{background:#4caf50}.download-btn:hover{background:#45a049}.close-btn{background:#e74c3c;color:#fff}.close-btn:hover{background:#c0392b}.zoom-level{color:#555;font-size:13px;font-weight:600;min-width:50px;text-align:center}.notice-viewer-content{background:#f5f5f5;flex:1 1;overflow:hidden;position:relative}.pdf-viewer-wrapper{height:100%;position:relative;width:100%}.pdf-iframe{border:none;height:100%;width:100%}.pdf-error{color:#666;flex-direction:column;gap:20px;height:100%;justify-content:center}.btn-download-alt,.pdf-error{align-items:center;display:flex}.btn-download-alt{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;gap:8px;padding:12px 24px;transition:all .3s}.btn-download-alt:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.image-viewer-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;padding:20px;width:100%}.viewer-image{border-radius:8px;box-shadow:0 4px 20px #0003;cursor:move;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.notice-viewer-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;display:flex;font-size:13px;justify-content:space-between;padding:12px 24px}.file-type-badge{background:#007bff;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.file-size-info{font-style:italic}@media (max-width:768px){.notice-viewer-container{border-radius:0;height:100%;width:100%}.notice-viewer-header{align-items:flex-start;flex-direction:column;gap:12px}.viewer-actions{justify-content:space-between;width:100%}.viewer-btn span{display:none}.notice-viewer-footer{align-items:flex-start;flex-direction:column;gap:8px}}.skeleton-loader-wrapper{width:100%}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-block,.skeleton-card,.skeleton-cell,.skeleton-form,.skeleton-image,.skeleton-input,.skeleton-table-row,.skeleton-text,.skeleton-textarea,.skeleton-title{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}.skeleton-card{background:#fff;border:1px solid #eee;margin-bottom:20px;overflow:hidden;padding:0}.skeleton-image{border-radius:8px 8px 0 0;height:200px;width:100%}.skeleton-content{padding:20px}.skeleton-title{height:24px;margin-bottom:12px;width:70%}.skeleton-text{height:16px;margin-bottom:8px;width:100%}.skeleton-text.short{width:60%}.skeleton-table-row{background:#fff;border-bottom:1px solid #eee;display:flex;gap:15px;padding:15px}.skeleton-cell{flex:1 1;height:20px}.skeleton-form{background:#fff;padding:20px}.skeleton-input{height:40px;margin-bottom:15px;width:100%}.skeleton-block,.skeleton-textarea{height:100px;width:100%}.skeleton-block{margin-bottom:15px}.home-content{width:100%}.home-loading{background:#f5f7fa;min-height:100vh;padding:20px}.hero-carousel-slide img,.hero-image{height:100%;object-fit:cover;width:100%}.hero-dot:hover{background:#fffc}.title-underline{border-radius:2px}.about-content{padding:40px}.about-image{height:auto}.about-large-text{text-align:justify}.about-intro{margin-bottom:25px}.message-content{padding:40px}.message-large-text{text-align:justify}.author-photo-wrapper img{height:100%;object-fit:cover;width:100%}.message-author h3{font-weight:600}.stats-title{font-weight:700}.map-container iframe{border:0}@media (max-width:1024px){.about-content{gap:30px;grid-template-columns:1fr;padding:3px}.about-image{height:350px}.message-content{grid-template-columns:1fr}.message-content,.message-text p{text-align:center}.stats-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.notice-title,.section-title h2{font-size:28px}}@media (max-width:768px){.container{padding:0 15px}.hero-image-carousel{height:300px}.about-section,.map-section,.message-section,.stats-section{padding:50px 0}.section-title{margin-bottom:30px}.section-title h2{font-size:24px;padding:0 10px}.about-image{height:300px}.about-large-text,.message-large-text{font-size:16px!important}.author-photo-wrapper{height:240px;width:200px}.notice-section{padding:60px 0}.notice-section .container{max-width:100%;padding:0}.notice-header{padding:0 15px}.notice-title{font-size:24px}.btn-view-all{font-size:14px;padding:10px 20px}.notice-board{border-radius:0;padding:20px 15px}.notice-item-public{padding:15px}.notice-item-public h4{font-size:16px}.notice-item-header{align-items:flex-start;flex-direction:column}.notice-files-grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:25px}.stat-box{padding:30px}.stat-box h3{font-size:36px}.stats-title{font-size:24px}.map-container{height:350px}}@media (max-width:480px){.hero-image-carousel{height:250px}.section-title h2{font-size:20px}.about-image{height:250px}.notice-title{font-size:20px;letter-spacing:1px}.notice-item-public h4{font-size:15px}.stat-box h3{font-size:32px}.stat-box p{font-size:16px}.author-photo-wrapper{height:220px;width:180px}}.content-page-wrapper{background:#f8f9fa;min-height:400px;padding:60px 0}.page-header{margin-bottom:50px;text-align:center}.page-header h1{color:#2c3e50;font-size:36px;margin-bottom:20px}.sub-navigation{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.sub-nav-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:40px 30px;text-align:center;text-decoration:none;transition:all .3s}.sub-nav-card:hover{border-color:#06c;box-shadow:0 15px 35px #06c3;transform:translateY(-10px)}.sub-nav-icon{font-size:48px;margin-bottom:20px}.sub-nav-card h3{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:12px}.sub-nav-card p{color:#666;font-size:15px;line-height:1.6}.notice-full-list{display:flex;flex-direction:column;gap:25px}.notice-item-full{background:#fff;border-left:4px solid #06c;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px;transition:all .3s}.notice-item-full:hover{box-shadow:0 8px 25px #0000001f;transform:translateX(5px)}.notice-item-header{margin-bottom:15px}.notice-item-left{gap:15px}.notice-badge{padding:6px 14px}.notice-date-public{font-size:14px}.notice-attachment-indicator{padding:6px 12px}.notice-item-full h4{color:#2c3e50;font-size:20px;font-weight:700;line-height:1.4;margin-bottom:12px}.notice-description{font-size:15px;line-height:1.8;margin-bottom:20px}.notice-files-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:20px}.file-preview-btn{font-size:14px;gap:10px;padding:14px 18px}.download-icon{color:#3498db;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s}.no-notices{padding:80px 20px}.contact-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.contact-info-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:40px 30px;text-align:center;transition:all .3s}.contact-info-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.contact-icon{align-items:center;background:#2980b9;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.contact-info-card h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:10px}.contact-info-card p{color:#666;font-size:15px;line-height:1.6}.map-section{margin-top:60px}.map-container{height:450px}@media (max-width:768px){.page-header h1{font-size:28px}.sub-navigation{gap:20px;grid-template-columns:1fr}.sub-nav-card{padding:30px 20px}.contact-grid{grid-template-columns:1fr}.map-container{height:350px}.notice-item-full{padding:20px}.notice-files-grid{grid-template-columns:1fr}}@media (max-width:480px){.page-header h1{font-size:24px}.sub-nav-icon{font-size:36px}.sub-nav-card h3{font-size:18px}.notice-item-full h4{font-size:17px}}.history-timeline{margin:40px 0;padding:40px 0;position:relative}.history-timeline:before{background:linear-gradient(180deg,#06c,#43e97b);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.timeline-item{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:60px;position:relative}.timeline-item:nth-child(2n){direction:rtl}.timeline-item:nth-child(2n) .timeline-content{direction:ltr}.timeline-year{align-items:center;color:#06c;display:flex;font-size:48px;font-weight:800;justify-content:flex-end;padding-right:60px;position:relative;text-align:right}.timeline-item:nth-child(2n) .timeline-year{justify-content:flex-start;padding-left:60px;padding-right:0;text-align:left}.timeline-year:after{background:#fff;border:4px solid #06c;border-radius:50%;box-shadow:0 0 0 4px #0066cc1a;content:"";height:40px;position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:40px}.timeline-item:nth-child(2n) .timeline-year:after{left:-20px;right:auto}.timeline-content{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;padding:30px;transition:all .3s}.timeline-content:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.timeline-content h3{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:15px}.timeline-content p{color:#555;font-size:15px;line-height:1.8;text-align:justify}.history-highlights{margin:60px 0}.history-highlights h3{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:40px;text-align:center}.highlights-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.highlight-card{background:#2980b9;border-radius:15px;color:#fff;padding:30px;text-align:center;transition:transform .3s}.highlight-card:hover{transform:translateY(-10px)}.highlight-icon{font-size:48px;margin-bottom:15px}.highlight-card h4{font-size:18px;font-weight:600;margin-bottom:10px}.highlight-card p{font-size:16px;opacity:.9}.history-vision{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin-top:60px;padding:40px}.history-vision h3{color:#2c3e50;font-size:26px;font-weight:700;margin-bottom:20px;text-align:center}.history-vision p{color:#555;font-size:16px;line-height:1.9;text-align:justify}.mission-vision-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin-bottom:60px}.mv-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:40px;transition:all .3s}.mv-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.vision-card{border-top:5px solid #667eea}.mission-card{border-top:5px solid #43e97b}.mv-icon-wrapper{align-items:center;background:#2980b9;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:25px;width:80px}.mission-card .mv-icon-wrapper{background:linear-gradient(135deg,#43e97b,#38f9d7)}.mv-card h2{color:#2c3e50;font-size:26px;font-weight:700;margin-bottom:20px}.mv-card p{color:#555;font-size:16px;line-height:1.9;text-align:justify}.core-values-section{margin:60px 0}.core-values-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.values-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.value-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px;text-align:center;transition:all .3s}.value-card:hover{border-color:#06c;box-shadow:0 10px 25px #06c3;transform:translateY(-8px)}.value-icon{align-items:center;background:#2980b9;border-radius:50%;color:#fff;display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.value-card h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:15px}.value-card p{color:#666;font-size:14px;line-height:1.7}.objectives-section{margin:60px 0}.objectives-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.objectives-list{display:flex;flex-direction:column;gap:25px}.objective-item{grid-gap:25px;background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;display:grid;gap:25px;grid-template-columns:80px 1fr;padding:30px;transition:all .3s}.objective-item:hover{box-shadow:0 8px 25px #0000001f;transform:translateX(10px)}.objective-number{align-items:center;background:#2980b9;border-radius:15px;color:#fff;display:flex;font-size:28px;font-weight:800;height:80px;justify-content:center;width:80px}.objective-content h4{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:10px}.objective-content p{color:#666;font-size:15px;line-height:1.8}.commitment-section{background:#2980b9;border-radius:15px;color:#fff;margin-top:60px;padding:50px}.commitment-section h2{font-size:32px;font-weight:700;margin-bottom:25px;text-align:center}.commitment-section p{font-size:17px;line-height:1.9;text-align:justify}.facilities-grid-main{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.facility-card-main{background:#fff;border-radius:15px;border-top:4px solid #06c;box-shadow:0 5px 20px #00000014;padding:35px;transition:all .3s}.facility-card-main:hover{box-shadow:0 15px 35px #06c3;transform:translateY(-10px)}.facility-icon-main{align-items:center;background:#2980b9;border-radius:15px;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:25px;width:80px}.facility-card-main h3{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:15px}.facility-card-main>p{color:#666;font-size:15px;line-height:1.8;margin-bottom:20px}.facility-features{list-style:none;margin:0;padding:0}.facility-features li{border-bottom:1px solid #f0f0f0;color:#555;font-size:14px;padding:8px 0}.facility-features li:last-child{border-bottom:none}.additional-facilities{margin:60px 0}.additional-facilities h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.facilities-two-column{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}.facility-list-item{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000f;display:flex;gap:20px;padding:25px;transition:all .3s}.facility-list-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateX(5px)}.facility-icon-small{font-size:32px;min-width:50px}.facility-list-item h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:8px}.facility-list-item p{color:#666;font-size:14px;line-height:1.6}.future-plans{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin-top:60px;padding:50px}.future-plans h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.future-plans p{color:#555;font-size:16px;line-height:1.9;text-align:justify}.achievement-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-bottom:60px}.stat-achievement{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:40px 30px;text-align:center;transition:all .3s}.stat-achievement:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-10px)}.stat-achievement h3{color:#2c3e50;font-size:42px;font-weight:800;margin:20px 0 10px}.stat-achievement p{color:#666;font-size:16px;font-weight:600}.achievements-section{margin:60px 0}.achievements-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.achievement-timeline{padding-left:40px;position:relative}.achievement-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.achievement-item{grid-gap:30px;display:grid;gap:30px;grid-template-columns:100px 1fr;margin-bottom:40px;position:relative}.achievement-year{color:#667eea;font-size:24px;font-weight:800;position:relative}.achievement-year:before{background:#fff;border:4px solid #667eea;border-radius:50%;content:"";height:16px;left:-52px;position:absolute;top:5px;width:16px}.achievement-content{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:25px}.achievement-content h3{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px}.achievement-content p{color:#555;font-size:15px;line-height:1.8}.achievement-cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.achievement-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px;transition:all .3s}.achievement-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-8px)}.achievement-icon{font-size:48px;margin-bottom:20px;text-align:center}.achievement-card h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.achievement-card ul{list-style:none;margin:0;padding:0}.achievement-card ul li{color:#555;font-size:14px;line-height:1.6;padding:10px 0 10px 25px;position:relative}.achievement-card ul li:before{color:#43e97b;content:"✓";font-size:16px;font-weight:700;left:0;position:absolute}.recognition-section{margin:60px 0}.recognition-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.recognition-list{display:flex;flex-direction:column;gap:25px}.recognition-item{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;display:flex;gap:25px;padding:30px;transition:all .3s}.recognition-item:hover{box-shadow:0 8px 25px #0000001f;transform:translateX(10px)}.recognition-badge{font-size:48px;min-width:80px;text-align:center}.recognition-text h4{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:10px}.recognition-text p{color:#666;font-size:15px;line-height:1.8}.alumni-success,.future-goals{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin:60px 0;padding:40px}.alumni-success h2,.future-goals h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.alumni-success p,.future-goals p{color:#555;font-size:16px;line-height:1.9;text-align:justify}.page-subtitle{color:#666;font-size:18px;margin-top:15px;text-align:center}@media (max-width:1024px){.history-timeline:before{left:30px}.timeline-item{grid-template-columns:1fr;padding-left:80px}.timeline-item:nth-child(2n){direction:ltr}.timeline-year{justify-content:flex-start;padding-left:0;padding-right:0;text-align:left}.timeline-year:after{left:-50px;right:auto}.timeline-item:nth-child(2n) .timeline-year{padding-left:0;text-align:left}.timeline-item:nth-child(2n) .timeline-year:after{left:-50px}.highlights-grid{grid-template-columns:repeat(2,1fr)}.mission-vision-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.objectives-list{gap:20px}.achievement-cards-grid,.achievement-stats,.facilities-grid-main{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.timeline-year{font-size:32px}.timeline-content h3{font-size:18px}.timeline-content p{font-size:14px}.highlights-grid,.objective-item,.values-grid{grid-template-columns:1fr}.objective-item{text-align:center}.objective-number{margin:0 auto 20px}.facilities-grid-main,.facilities-two-column{grid-template-columns:1fr}.commitment-section{padding:30px 20px}.achievement-item,.achievement-stats{grid-template-columns:1fr}.achievement-item{padding-left:30px}.achievement-timeline:before{left:5px}.achievement-year:before{left:-37px}.achievement-cards-grid{grid-template-columns:1fr}.recognition-item{flex-direction:column;text-align:center}.recognition-badge{min-width:auto}}@media (max-width:480px){.timeline-year{font-size:24px}.mv-card{padding:25px 20px}.mv-card h2{font-size:22px}.achievements-section h2,.commitment-section h2,.core-values-section h2,.objectives-section h2,.recognition-section h2{font-size:24px}.facility-card-main{padding:25px 20px}.achievement-content h3{font-size:18px}}.programs-overview{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.program-highlight{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:40px 30px;text-align:center;transition:all .3s}.program-highlight:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-10px)}.program-highlight svg{color:#667eea;margin-bottom:20px}.program-highlight h3{color:#2c3e50;font-size:32px;font-weight:800;margin-bottom:10px}.program-highlight p{color:#666;font-size:16px}.program-section{margin:60px 0}.program-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:20px;text-align:center}.section-intro{color:#666;font-size:16px;line-height:1.8;margin:0 auto 50px;max-width:800px;text-align:center}.programs-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:40px}.program-card{background:#fff;border-radius:15px;border-top:5px solid;box-shadow:0 5px 20px #00000014;padding:35px;transition:all .3s}.program-card.science{border-top-color:#667eea}.program-card.arts{border-top-color:#f093fb}.program-card.commerce{border-top-color:#4facfe}.program-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.program-icon{font-size:56px}.program-card h3,.program-icon{margin-bottom:25px;text-align:center}.program-card h3{color:#2c3e50;font-size:24px;font-weight:700}.program-details h4{color:#2c3e50;font-size:18px;font-weight:600;margin:20px 0 15px}.program-details ul{list-style:none;margin:0 0 20px;padding:0}.program-details ul li{color:#555;font-size:14px;line-height:1.6;padding:8px 0 8px 25px;position:relative}.program-details ul li:before{color:#667eea;content:"•";font-size:18px;font-weight:700;left:8px;position:absolute}.program-stats{grid-gap:15px;border-top:2px solid #f0f0f0;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px;padding-top:20px}.stat{background:#f8f9fa;border-radius:8px;color:#555;font-size:14px;padding:12px;text-align:center}.stat strong{color:#2c3e50;display:block;margin-bottom:5px}.honours-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;padding:60px 40px}.honours-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:40px}.honours-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:35px;text-align:center;transition:all .3s}.honours-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-8px)}.honours-icon{font-size:48px;margin-bottom:20px}.honours-card h3{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:20px}.honours-card p{color:#666;font-size:14px;line-height:1.7;margin-bottom:20px;text-align:left}.honours-info{border-top:2px solid #f0f0f0;color:#555;display:flex;font-size:13px;font-weight:600;justify-content:space-around;padding-top:20px}.admission-requirements{margin:60px 0}.admission-requirements h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.requirements-grid{grid-template-columns:repeat(2,1fr)}.requirement-card{background:#fff;border-left:5px solid #667eea;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:35px}.requirement-card h4{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:20px}.requirement-card ul{list-style:none;padding:0}.requirement-card ul li{border-bottom:1px solid #f0f0f0;color:#555;font-size:15px;line-height:1.7;padding:12px 0 12px 30px;position:relative}.requirement-card ul li:last-child{border-bottom:none}.requirement-card ul li:before{color:#43e97b;content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.program-features{margin:60px 0}.program-features h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.features-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.feature-item{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px;text-align:center;transition:all .3s}.feature-item:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.feature-icon{font-size:48px;margin-bottom:20px}.feature-item h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:12px}.feature-item p{color:#666;font-size:14px;line-height:1.6}.departments-intro{background:#2980b9;border-radius:15px;color:#fff;margin-bottom:60px;padding:40px;text-align:center}.departments-intro p{font-size:17px;line-height:1.9}.department-section{margin:60px 0}.department-header{align-items:center;border-radius:15px;display:flex;gap:20px;margin-bottom:30px;padding:30px}.department-header.science-header{background:#2980b9}.department-header.arts-header{background:linear-gradient(135deg,#f093fb,#f5576c)}.department-header.commerce-header{background:linear-gradient(135deg,#4facfe,#00f2fe)}.dept-icon{align-items:center;background:#fff3;border-radius:15px;display:flex;font-size:64px;height:100px;justify-content:center;width:100px}.department-header h2{color:#fff;font-size:32px;font-weight:700;margin:0}.department-content{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:40px}.dept-info-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.dept-info-card{background:#f8f9fa;border-radius:12px;padding:25px;text-align:center}.dept-info-card h4{color:#666;font-size:16px;font-weight:600;margin-bottom:10px}.dept-info-card p{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:5px}.qualification{color:#777;display:block;font-size:13px}.dept-subjects{margin:30px 0}.dept-subjects h4{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px}.subject-tags{display:flex;flex-wrap:wrap;gap:12px}.subject-tag{background:#2980b9;border-radius:25px;color:#fff;font-size:14px;padding:10px 20px}.dept-facilities{margin:30px 0}.dept-facilities h4{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px}.dept-facilities ul{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);list-style:none;padding:0}.dept-facilities ul li{background:#f8f9fa;border-radius:8px;color:#555;font-size:15px;padding:12px 15px 12px 35px;position:relative}.dept-facilities ul li:before{color:#43e97b;content:"✓";font-size:18px;font-weight:700;left:12px;position:absolute}.dept-achievements{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin-top:30px;padding:25px}.dept-achievements h4{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:15px}.dept-achievements p{color:#555;font-size:15px;line-height:1.8}.honours-departments{margin:60px 0}.honours-departments h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:20px;text-align:center}.honours-dept-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:40px}.honours-dept-card{background:#fff;border-radius:15px;border-top:4px solid #667eea;box-shadow:0 5px 20px #00000014;padding:35px;transition:all .3s}.honours-dept-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.honours-dept-icon{font-size:48px;margin-bottom:20px;text-align:center}.honours-dept-card h3{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}.honours-dept-card p{color:#555;font-size:14px;line-height:1.6;margin-bottom:10px}.honours-dept-card p strong{color:#2c3e50}.dept-description{border-top:2px solid #f0f0f0;margin-top:15px;padding-top:15px;text-align:justify}.department-coordination{background:#2980b9;border-radius:15px;color:#fff;margin-top:60px;padding:50px}.department-coordination h2{font-size:32px;font-weight:700;margin-bottom:25px;text-align:center}.department-coordination p{font-size:17px;line-height:1.9;text-align:justify}.syllabus-intro{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin-bottom:60px;padding:40px;text-align:center}.syllabus-intro p{color:#555;font-size:17px;line-height:1.9}.syllabus-section{margin:60px 0}.syllabus-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.syllabus-group{margin:40px 0}.syllabus-header{border-radius:15px;margin-bottom:30px;padding:25px 40px}.syllabus-header.science-bg{background:#2980b9}.syllabus-header.arts-bg{background:linear-gradient(135deg,#f093fb,#f5576c)}.syllabus-header.commerce-bg{background:linear-gradient(135deg,#4facfe,#00f2fe)}.syllabus-header h3{color:#fff;font-size:28px;font-weight:700;margin:0}.syllabus-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.subject-syllabus{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px}.subject-syllabus h4{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:20px}.subject-syllabus ul{list-style:none;margin-bottom:25px;padding:0}.subject-syllabus ul li{border-bottom:1px solid #f0f0f0;color:#555;font-size:14px;line-height:1.6;padding:10px 0 10px 25px;position:relative}.subject-syllabus ul li:last-child{border-bottom:none}.subject-syllabus ul li:before{color:#667eea;content:"•";font-size:18px;font-weight:700;left:8px;position:absolute}.download-btn{align-items:center;background:#2980b9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s;width:100%}.download-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.honours-syllabus-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:40px}.honours-syllabus-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:35px;text-align:center;transition:all .3s}.honours-syllabus-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.honours-syllabus-card svg{color:#667eea;margin-bottom:20px}.honours-syllabus-card h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px}.honours-syllabus-card p{color:#666;font-size:14px;line-height:1.7;margin-bottom:20px}.download-btn-secondary{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin:0 auto;padding:10px 20px;transition:all .3s}.download-btn-secondary:hover{background:#667eea;color:#fff}.syllabus-note{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:5px solid #f39c12;border-radius:12px;margin-top:60px;padding:30px 40px}.syllabus-note h3{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:20px}.syllabus-note ul{list-style:none;padding:0}.syllabus-note ul li{color:#555;font-size:15px;line-height:1.7;padding:10px 0 10px 30px;position:relative}.syllabus-note ul li:before{color:#f39c12;content:"⚠";font-size:18px;left:0;position:absolute}.calendar-intro{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.calendar-info-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;display:flex;gap:20px;padding:30px;transition:all .3s}.calendar-info-box:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.calendar-info-box svg{color:#667eea;min-width:32px}.calendar-info-box h4{color:#666;font-size:16px;font-weight:600;margin-bottom:5px}.calendar-info-box p{color:#2c3e50;font-size:18px;font-weight:700;margin:0}.calendar-section{margin:60px 0}.calendar-section h2{border-bottom:3px solid #667eea;color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:40px;padding-bottom:15px;text-align:center}.calendar-timeline{padding-left:40px;position:relative}.calendar-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.calendar-event{grid-gap:30px;display:grid;gap:30px;grid-template-columns:150px 1fr;margin-bottom:35px;position:relative}.event-date{padding-right:20px;position:relative;text-align:right}.event-date:after{background:#fff;border:4px solid #667eea;border-radius:50%;content:"";height:16px;position:absolute;right:-22px;top:10px;width:16px}.event-date .month{color:#666;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.event-date .day{color:#2c3e50;display:block;font-size:24px;font-weight:800}.event-details{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:25px;transition:all .3s}.event-details:hover{box-shadow:0 8px 20px #0000001f;transform:translateX(5px)}.event-details h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:10px}.event-details p{color:#666;font-size:14px;line-height:1.7;margin-bottom:15px}.event-type{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:6px 15px;text-transform:uppercase}.event-type.admission{background:#e3f2fd;color:#1976d2}.event-type.class{background:#e8f5e9;color:#2e7d32}.event-type.holiday{background:#fff3e0;color:#e65100}.event-type.exam{background:#ffebee;color:#c62828}.event-type.event{background:#f3e5f5;color:#7b1fa2}.exam-schedule-section{margin:60px 0}.exam-schedule-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.exam-schedule-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.exam-schedule-card{background:#fff;border-left:5px solid #667eea;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px;transition:all .3s}.exam-schedule-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.exam-schedule-card h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:20px}.exam-schedule-card p{color:#555;font-size:15px;line-height:1.7;margin-bottom:10px}.exam-schedule-card p strong{color:#2c3e50}.calendar-notes{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:5px solid #f39c12;border-radius:15px;margin-top:60px;padding:40px}.calendar-notes h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:25px}.calendar-notes ul{list-style:none;padding:0}.calendar-notes ul li{color:#555;font-size:16px;line-height:1.8;padding:12px 0 12px 35px;position:relative}.calendar-notes ul li:before{content:"📌";font-size:18px;left:0;position:absolute}@media (max-width:1024px){.features-list,.honours-dept-grid,.honours-grid,.honours-syllabus-grid,.programs-grid,.programs-overview{grid-template-columns:repeat(2,1fr)}.calendar-intro,.dept-facilities ul,.dept-info-grid,.exam-schedule-grid,.syllabus-content{grid-template-columns:1fr}}@media (max-width:768px){.features-list,.honours-dept-grid,.honours-grid,.honours-syllabus-grid,.programs-grid,.programs-overview,.requirements-grid{grid-template-columns:1fr}.admission-requirements h2,.exam-schedule-section h2,.honours-departments h2,.program-features h2,.program-section h2,.syllabus-section h2{font-size:24px}.department-header{flex-direction:column;text-align:center}.dept-icon{font-size:48px}.calendar-timeline{padding-left:30px}.calendar-timeline:before{left:5px}.calendar-event{grid-template-columns:1fr;padding-left:0}.event-date{padding-left:30px;padding-right:0;text-align:left}.event-date:after{left:-22px;right:auto}}@media (max-width:480px){.program-highlight h3{font-size:24px}.honours-card h3,.program-card h3{font-size:20px}.department-header h2{font-size:24px}.event-date .day{font-size:20px}.event-details h4{font-size:18px}}.governing-intro{align-items:center;background:#2980b9;border-radius:15px;color:#fff;display:flex;gap:30px;margin-bottom:60px;padding:40px}.governing-intro svg{color:#fff;min-width:48px}.governing-intro p{font-size:17px;line-height:1.9}.governing-structure{margin:60px 0}.governing-structure h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.member-card{border-radius:15px;box-shadow:0 5px 20px #00000014;margin-bottom:30px;padding:35px;transition:all .3s}.member-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.president-card{border-left:5px solid #667eea;gap:30px}.member-badge,.president-card{align-items:center;display:flex}.member-badge{background:#2980b9;border-radius:50%;color:#fff;height:100px;justify-content:center;min-width:100px;width:100px}.member-info h3{color:#666;font-size:18px;font-weight:600;margin-bottom:10px}.member-info h4{color:#2c3e50;font-size:26px;font-weight:700;margin-bottom:10px}.designation{color:#667eea;font-size:16px;font-weight:600;margin-bottom:15px}.details{color:#555;font-size:15px;line-height:1.8;text-align:justify}.members-grid{grid-template-columns:repeat(3,1fr)}.member-role{background:#2980b9;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:15px;padding:8px 15px;text-transform:uppercase}.member-card h4{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:5px}.member-name{color:#667eea;font-size:14px;font-weight:600;margin-bottom:15px}.member-description{color:#666;font-size:14px;line-height:1.7}.governing-responsibilities{margin:60px 0}.governing-responsibilities h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.responsibilities-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.responsibility-card{background:#fff;border-radius:15px;border-top:4px solid #667eea;box-shadow:0 5px 20px #00000014;padding:35px;text-align:center;transition:all .3s}.responsibility-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.responsibility-card svg{color:#667eea;margin-bottom:20px}.responsibility-card h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px}.responsibility-card p{color:#666;font-size:14px;line-height:1.7}.meeting-schedule{margin:60px 0}.meeting-schedule h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.meeting-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.meeting-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px;text-align:center}.meeting-card h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px}.meeting-card p{color:#666;font-size:15px;margin-bottom:10px}.time{color:#667eea;display:block;font-size:14px;font-weight:600;margin-top:10px}.transparency-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin-top:60px;padding:40px}.transparency-section h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.transparency-section p{color:#555;font-size:16px;line-height:1.9;text-align:justify}.principal-profile{grid-gap:50px;display:grid;gap:50px;grid-template-columns:350px 1fr;margin-bottom:60px}.principal-image-section{align-self:start;position:-webkit-sticky;position:sticky;top:100px}.principal-image-wrapper{border-radius:15px;box-shadow:0 10px 30px #0000001a;height:400px;margin-bottom:30px;overflow:hidden;width:100%}.principal-image-wrapper img{height:100%;object-fit:cover;width:100%}.principal-contact{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:25px}.principal-contact h3{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:20px}.contact-item{border-bottom:1px solid #f0f0f0;gap:15px;padding:12px 0}.contact-item:last-child{border-bottom:none}.contact-item svg{color:#667eea;min-width:20px}.contact-item span{color:#555;font-size:14px;word-break:break-word}.principal-details h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:30px}.principal-message{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;margin-bottom:40px;padding:40px}.message-text{color:#555;font-size:16px;line-height:1.9;margin-bottom:20px;text-align:justify}.signature{border-top:2px solid #f0f0f0;color:#2c3e50;font-size:16px;line-height:1.8;margin-top:40px;padding-top:30px}.principal-achievements,.principal-experience,.principal-qualifications,.principal-vision{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;margin-bottom:30px;padding:35px}.principal-achievements h3,.principal-experience h3,.principal-qualifications h3,.principal-vision h3{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:700;gap:15px;margin-bottom:25px}.principal-experience h3 svg,.principal-qualifications h3 svg{color:#667eea}.principal-achievements ul,.principal-qualifications ul,.principal-vision ul{list-style:none;padding:0}.principal-achievements ul li,.principal-qualifications ul li,.principal-vision ul li{border-bottom:1px solid #f0f0f0;color:#555;font-size:16px;line-height:1.7;padding:12px 0 12px 30px;position:relative}.principal-achievements ul li:last-child,.principal-qualifications ul li:last-child,.principal-vision ul li:last-child{border-bottom:none}.principal-achievements ul li:before,.principal-qualifications ul li:before,.principal-vision ul li:before{color:#43e97b;content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.principal-vision p{color:#555;font-size:16px;line-height:1.8;margin-bottom:20px;text-align:justify}.experience-timeline{padding-left:30px;position:relative}.experience-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.experience-item{margin-bottom:30px;position:relative}.experience-item:before{background:#fff;border:3px solid #667eea;border-radius:50%;content:"";height:12px;left:-36px;position:absolute;top:5px;width:12px}.experience-item .year{color:#667eea;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.experience-item p{color:#555;font-size:16px;line-height:1.7}.office-hours{background:#2980b9;border-radius:15px;color:#fff;padding:40px;text-align:center}.office-hours h2{font-size:28px;font-weight:700;margin-bottom:25px}.hours-info p{font-size:18px;line-height:1.8;margin-bottom:15px}.hours-info p strong{font-weight:700}.teachers-intro{align-items:center;background:#2980b9;border-radius:15px;color:#fff;display:flex;gap:30px;margin-bottom:60px;padding:40px}.teachers-intro svg{min-width:48px}.teachers-intro p{font-size:17px;line-height:1.9}.teacher-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.stat-card{box-shadow:0 5px 20px #00000014;padding:40px 30px;text-align:center;transition:all .3s}.stat-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-10px)}.stat-card svg{color:#667eea;margin-bottom:20px}.stat-card h3{color:#2c3e50;font-size:42px;font-weight:800;margin-bottom:10px}.stat-card p{color:#666;font-size:16px;font-weight:600}.department-filter{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;display:flex;gap:20px;margin-bottom:40px;padding:25px}.department-filter label{color:#2c3e50;font-size:16px;font-weight:600}.filter-select{border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;flex:1 1;font-size:15px;padding:12px 20px;transition:all .3s}.filter-select:focus{border-color:#667eea;outline:none}.teachers-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.teacher-card{border-top:4px solid #667eea;box-shadow:0 5px 20px #00000014;padding:35px}.teacher-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.teacher-avatar{align-items:center;background:#2980b9;color:#fff;display:flex;justify-content:center;margin:0 auto 25px}.teacher-card h3{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:10px}.teacher-designation{color:#667eea;font-size:14px;margin-bottom:20px}.teacher-info{text-align:left}.info-item{border-bottom:1px solid #f0f0f0;margin-bottom:15px;padding-bottom:15px}.info-item:last-child{border-bottom:none}.info-item strong{color:#666;display:block;font-size:13px;margin-bottom:8px}.info-item span{color:#2c3e50;font-size:14px}.subject-tags-small{display:flex;flex-wrap:wrap;gap:8px}.subject-tag-small{background:#e8f0fe;border-radius:15px;color:#667eea;font-size:12px;font-weight:600;padding:6px 12px}.teacher-qualities{margin:60px 0}.teacher-qualities h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.qualities-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.quality-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:35px;text-align:center;transition:all .3s}.quality-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-8px)}.quality-icon{font-size:56px;margin-bottom:20px}.quality-card h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px}.quality-card p{color:#666;font-size:14px;line-height:1.7}.teacher-development{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin:60px 0;padding:50px}.teacher-development h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:25px;text-align:center}.teacher-development>p{color:#555;font-size:16px;line-height:1.8;margin-bottom:25px;text-align:center}.development-list{list-style:none;margin:0 auto;max-width:800px;padding:0}.development-list li{border-bottom:1px solid #0000001a;color:#555;font-size:16px;line-height:1.7;padding:15px 0 15px 40px;position:relative}.development-list li:last-child{border-bottom:none}.development-list li:before{color:#43e97b;content:"✓";font-size:24px;font-weight:700;left:0;position:absolute}.staff-intro{align-items:center;background:#2980b9;border-radius:15px;color:#fff;display:flex;gap:30px;margin-bottom:60px;padding:40px}.staff-intro svg{min-width:48px}.staff-intro p{font-size:17px;line-height:1.9}.staff-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin-bottom:60px}.stat-box-staff{background:#fff;border-radius:12px;border-top:4px solid #667eea;box-shadow:0 5px 15px #00000014;padding:35px 25px;text-align:center;transition:all .3s}.stat-box-staff:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.stat-box-staff h3{color:#2c3e50;font-size:36px;font-weight:800;margin-bottom:10px}.stat-box-staff p{color:#666;font-size:15px;font-weight:600}.staff-category{margin:60px 0}.category-header{margin-bottom:40px}.category-header svg{color:#667eea}.category-header h2{color:#2c3e50;font-size:28px;font-weight:700}.staff-members-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr)}.staff-member-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px;text-align:center;transition:all .3s}.staff-member-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-8px)}.staff-avatar{align-items:center;background:#2980b9;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.staff-member-card h4{color:#2c3e50;font-size:16px;font-weight:700;margin-bottom:8px}.staff-member-card p{color:#666;font-size:13px;line-height:1.5}.staff-appreciation,.staff-recognition,.staff-welfare{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;margin:40px 0;padding:40px}.staff-appreciation h2,.staff-recognition h2,.staff-welfare h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.staff-appreciation p,.staff-recognition p,.staff-welfare>p{color:#555;font-size:16px;line-height:1.9;margin-bottom:20px;text-align:justify}.welfare-list{list-style:none;margin:25px auto 0;max-width:800px;padding:0}.welfare-list li{border-bottom:1px solid #f0f0f0;color:#555;font-size:16px;line-height:1.7;padding:15px 0 15px 40px;position:relative}.welfare-list li:last-child{border-bottom:none}.welfare-list li:before{color:#43e97b;content:"✓";font-size:24px;font-weight:700;left:0;position:absolute}@media (max-width:1024px){.meeting-info,.members-grid,.qualities-grid,.responsibilities-grid,.teacher-stats,.teachers-grid{grid-template-columns:repeat(2,1fr)}.principal-profile{grid-template-columns:1fr}.principal-image-section{position:relative;top:0}.staff-stats{grid-template-columns:repeat(2,1fr)}.staff-members-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.president-card{flex-direction:column;text-align:center}.meeting-info,.members-grid,.qualities-grid,.responsibilities-grid,.staff-members-grid,.staff-stats,.teacher-stats,.teachers-grid{grid-template-columns:1fr}.governing-intro,.staff-intro,.teachers-intro{flex-direction:column;text-align:center}.department-filter{align-items:stretch;flex-direction:column}.principal-image-wrapper{height:350px}}@media (max-width:480px){.member-info h4{font-size:22px}.governing-responsibilities h2,.governing-structure h2,.meeting-schedule h2,.teacher-development h2,.teacher-qualities h2{font-size:24px}.teacher-card h3{font-size:18px}.principal-message{padding:25px 20px}}.governing-date-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:25px;margin-bottom:50px;padding:30px}.governing-date-banner svg{min-width:48px}.governing-date-banner h3{font-size:18px;font-weight:700;margin-bottom:8px}.governing-date-banner p{font-size:22px;font-weight:600;letter-spacing:.5px}.members-grid-public{grid-template-columns:repeat(3,1fr);margin-top:40px}.member-card-public{border-radius:15px;box-shadow:0 5px 20px #00000014;transition:all .3s}.member-card-public:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.member-image-public{height:320px}.member-image-public img{transition:transform .3s}.member-card-public:hover .member-image-public img{transform:scale(1.05)}.member-info-public{padding:25px}.member-info-public .member-role{background:#667eea;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:15px;padding:6px 15px;text-transform:uppercase}.member-info-public h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:12px}.no-members{color:#666;font-size:18px;padding:60px;text-align:center}@media (max-width:1024px){.members-grid-public{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.members-grid-public{grid-template-columns:1fr}.governing-date-banner{flex-direction:column;text-align:center}}.teachers-public-page{background:#f9fafb;min-height:100vh}.teachers-grid-public{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.teacher-card-public{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.teacher-card-public:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-8px)}.teacher-image-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:280px;justify-content:center;overflow:hidden;width:100%}.teacher-image-wrapper img{height:100%;object-fit:cover;width:100%}.teacher-info-public{padding:24px}.teacher-info-public h3{color:#1a1a1a;font-size:22px;margin-bottom:6px}.teacher-designation{color:#4f46e5;font-size:15px;font-weight:600;margin-bottom:15px}.teacher-detail{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:10px}.teacher-detail svg{color:#4f46e5;flex-shrink:0}.experience-badge{background:#f0fdf4;border-radius:20px;color:#16a34a;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.teacher-contact-info{border-top:1px solid #e5e7eb;margin-top:15px;padding-top:15px}.contact-detail{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.contact-detail svg{color:#4f46e5;flex-shrink:0}.contact-detail:last-child{margin-bottom:0}@media (max-width:768px){.teachers-grid-public{grid-template-columns:1fr}.page-header-section h1{font-size:28px}.teacher-image-wrapper{height:250px}}.teacher-training-page{background:#f9fafb;min-height:100vh}.trainings-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.training-card-public{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.training-card-public:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-8px)}.training-image-public{background:#f5f5f5;height:280px;overflow:hidden;width:100%}.training-image-public img{height:100%;object-fit:cover;width:100%}.training-content-public{padding:24px}.training-content-public h3{color:#1a1a1a;font-size:22px;margin-bottom:15px}.training-contact{margin-bottom:15px}.contact-item{align-items:center;color:#4f46e5;display:flex;font-weight:500;gap:8px;margin-bottom:8px}.training-description{color:#666;font-size:15px;line-height:1.7}@media (max-width:768px){.trainings-grid{grid-template-columns:1fr}.page-header-section h1{font-size:28px}}.club-management-public-page{background:#f9fafb;min-height:100vh}.page-container{margin:0 auto;max-width:1400px;padding:40px 20px}.page-header-section{margin-bottom:50px;text-align:center}.page-header-section h1{color:#1a1a1a;font-size:36px;margin-bottom:10px}.page-header-section p{color:#666;font-size:18px}.members-grid-public{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.member-card-public{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.member-card-public:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-8px)}.member-image-public{background:#f5f5f5;height:300px;overflow:hidden;width:100%}.member-image-public img{height:100%;object-fit:cover;width:100%}.member-content-public{padding:24px}.member-content-public h3{color:#1a1a1a;font-size:22px;margin-bottom:12px}.member-content-public p{color:#666;font-size:15px;line-height:1.7}.no-data{font-size:18px}@media (max-width:768px){.members-grid-public{grid-template-columns:1fr}.page-header-section h1{font-size:28px}}.admission-intro,.apply-intro,.requirements-intro{align-items:center;background:#2980b9;border-radius:15px;color:#fff;display:flex;gap:30px;margin-bottom:60px;padding:40px}.admission-intro svg,.apply-intro svg,.requirements-intro svg{min-width:48px}.admission-intro p,.apply-intro p,.requirements-intro p{font-size:17px;line-height:1.9}.admission-timeline{margin:60px 0}.admission-timeline h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.timeline-step{grid-gap:30px;display:grid;gap:30px;grid-template-columns:80px 1fr;margin-bottom:40px;position:relative}.timeline-step:not(:last-child):after{background:linear-gradient(180deg,#667eea,#764ba2);bottom:-40px;content:"";left:40px;position:absolute;top:80px;width:2px}.step-number{background:#2980b9;box-shadow:0 5px 20px #667eea66;font-size:32px;font-weight:800;height:80px;position:relative;width:80px;z-index:1}.step-content{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:35px}.step-content h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:10px}.step-date{background:#e8f0fe;border-radius:15px;color:#667eea;display:inline-block;font-size:14px;font-weight:700;margin-bottom:15px;padding:5px 15px}.step-content>p{color:#555;font-size:16px;line-height:1.8;margin-bottom:20px;text-align:justify}.step-highlight{align-items:center;background:#e8f5e9;border-radius:8px;display:flex;gap:12px;margin-top:20px;padding:15px 20px}.step-highlight.success{background:#e8f5e9;color:#2e7d32}.step-highlight svg{color:#43e97b;min-width:20px}.step-highlight span{font-size:14px;font-weight:600}.step-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:20px}.action-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:center}.action-item .icon{font-size:32px}.action-item span:last-child{color:#2c3e50;font-size:14px;font-weight:600}.exam-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:20px}.detail-box{background:#f8f9fa;border-radius:8px;color:#555;font-size:14px;padding:15px;text-align:center}.detail-box strong{color:#2c3e50;display:block;margin-bottom:5px}.fee-structure{background:#f8f9fa;border-radius:12px;margin-top:25px;padding:25px}.fee-structure h4{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:20px}.fee-items{display:flex;flex-direction:column;gap:12px}.fee-item{border-bottom:1px solid #e0e0e0;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.fee-item.total{border-bottom:none;border-top:2px solid #2c3e50;color:#2c3e50;font-size:18px;font-weight:700;margin-top:10px;padding-top:15px}.important-notes{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:5px solid #f39c12;border-radius:15px;margin:60px 0;padding:40px}.important-notes h2{align-items:center;color:#2c3e50;display:flex;font-size:28px;font-weight:700;gap:15px;margin-bottom:25px}.important-notes h2 svg{color:#f39c12}.important-notes ul{list-style:none;padding:0}.important-notes ul li{border-bottom:1px solid #0000001a;color:#555;font-size:16px;line-height:1.8;padding:12px 0 12px 35px;position:relative}.important-notes ul li:last-child{border-bottom:none}.important-notes ul li:before{color:#f39c12;content:"⚠";font-size:20px;left:0;position:absolute}.contact-section{margin:60px 0}.contact-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.contact-info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.contact-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:35px;text-align:center;transition:all .3s}.contact-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-8px)}.contact-icon{display:block;font-size:48px;margin-bottom:20px}.contact-card h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px}.contact-card p{color:#666;font-size:15px;line-height:1.7}.requirements-section{margin:60px 0}.requirements-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.requirement-category{margin-bottom:50px}.category-header{align-items:center;background:#2980b9;border-radius:12px;color:#fff;display:flex;gap:20px;margin-bottom:30px;padding:25px}.category-header svg{min-width:32px}.category-header h3{font-size:26px;font-weight:700;margin:0}.requirements-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.honours-box,.requirement-box{background:#fff;border-radius:12px;border-top:4px solid #667eea;box-shadow:0 5px 15px #00000014;padding:30px}.honours-box h4,.requirement-box h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:20px}.honours-box ul,.requirement-box ul{list-style:none;padding:0}.honours-box ul li,.requirement-box ul li{border-bottom:1px solid #f0f0f0;color:#555;font-size:14px;line-height:1.7;padding:12px 0 12px 30px;position:relative}.honours-box ul li:last-child,.requirement-box ul li:last-child{border-bottom:none}.honours-box ul li:before,.requirement-box ul li:before{color:#43e97b;content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.honours-requirements{display:flex;flex-direction:column;gap:25px}.documents-section{margin:60px 0}.documents-section h2{align-items:center;color:#2c3e50;display:flex;font-size:32px;font-weight:700;gap:15px;justify-content:center;margin-bottom:40px;text-align:center}.documents-section h2 svg{color:#667eea}.documents-categories{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.doc-category{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:35px}.doc-category h3{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:25px}.doc-list{list-style:none;padding:0}.doc-list li{border-bottom:1px solid #f0f0f0;color:#555;font-size:15px;line-height:1.7;padding:15px 0 15px 35px;position:relative}.doc-list li:last-child{border-bottom:none}.doc-list li:before{content:"📄";font-size:20px;left:0;position:absolute}.special-provisions{margin:60px 0}.special-provisions h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.provision-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.provision-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:35px;text-align:center;transition:all .3s}.provision-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-8px)}.provision-icon{display:block;font-size:56px;margin-bottom:20px}.provision-card h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px}.provision-card p{color:#666;font-size:14px;line-height:1.7}.requirements-note{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin-top:60px;padding:40px}.requirements-note h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:25px}.requirements-note ul{list-style:none;padding:0}.requirements-note ul li{color:#555;font-size:16px;line-height:1.8;padding:12px 0 12px 35px;position:relative}.requirements-note ul li:before{color:#667eea;content:"•";font-size:24px;font-weight:700;left:10px;position:absolute}.application-status{margin:60px 0}.application-status h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.status-card{background:#fff;border:3px solid #e0e0e0;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:50px;text-align:center}.status-card.active{background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border-color:#43e97b}.status-icon{align-items:center;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:50%;color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto 25px;width:100px}.status-card h3{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:15px}.status-card>p{color:#555;font-size:16px;margin-bottom:30px}.status-dates{display:flex;gap:50px;justify-content:center;margin-top:25px}.date-item{color:#555;font-size:16px}.date-item strong{color:#2c3e50;font-weight:700}.online-application-steps{margin:60px 0}.online-application-steps h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.step-guide{display:flex;flex-direction:column;gap:30px}.guide-step{grid-gap:30px;display:grid;gap:30px;grid-template-columns:100px 1fr}.guide-number{align-items:center;background:#2980b9;border-radius:50%;box-shadow:0 5px 20px #667eea66;color:#fff;display:flex;font-size:40px;font-weight:800;height:100px;justify-content:center;width:100px}.guide-content{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:35px}.guide-content h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:15px}.guide-content>p{color:#555;font-size:16px;line-height:1.8;margin-bottom:20px;text-align:justify}.guide-note{background:#e3f2fd;border-left:4px solid #1976d2;border-radius:8px;color:#555;font-size:14px;margin-top:20px;padding:15px 20px}.guide-note.warning{background:#fff3e0;border-left-color:#e65100}.guide-note.success{background:#e8f5e9;border-left-color:#2e7d32}.guide-note strong{color:#2c3e50;font-weight:700}.document-checklist{list-style:none;margin:15px 0;padding:0}.document-checklist li{color:#555;font-size:15px;line-height:1.7;padding:10px 0 10px 30px;position:relative}.document-checklist li:before{color:#43e97b;content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.payment-methods{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:20px 0}.payment-method{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:25px;text-align:center;transition:all .3s}.payment-method:hover{border-color:#667eea;transform:translateY(-5px)}.method-icon{display:block;font-size:40px;margin-bottom:15px}.payment-method strong{color:#2c3e50;display:block;font-size:18px;margin-bottom:10px}.payment-method p{color:#667eea;font-size:16px;font-weight:700}.application-button-section{background:#2980b9;border-radius:15px;color:#fff;margin:60px 0;padding:60px 40px;text-align:center}.application-button-section h2{font-size:32px;font-weight:700;margin-bottom:20px}.application-button-section>p{font-size:18px;margin-bottom:30px;opacity:.9}.apply-now-btn{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 5px 20px #ffffff4d;color:#667eea;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:15px;padding:20px 50px;transition:all .3s}.apply-now-btn:hover:not(:disabled){box-shadow:0 10px 30px #fff6;transform:translateY(-5px)}.apply-now-btn:disabled{cursor:not-allowed;opacity:.6}.coming-soon{background:#667eea;border-radius:15px;color:#fff;font-size:14px;padding:4px 12px}.portal-note{font-size:15px;margin-left:auto;margin-right:auto;margin-top:25px;max-width:700px;opacity:.9}.application-help{margin:60px 0}.application-help h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.help-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr)}.help-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:30px;text-align:center;transition:all .3s}.help-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-8px)}.help-icon{display:block;font-size:48px;margin-bottom:20px}.help-card h4{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:12px}.help-card p{color:#555;font-size:14px;line-height:1.6;margin-bottom:10px}.help-time{color:#667eea;font-size:13px;font-weight:600}.faq-section{margin:60px 0}.faq-section h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px}.faq-item h4{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:12px}.faq-item p{color:#555;font-size:15px;line-height:1.8}.security-note{background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border:2px solid #43e97b;border-radius:15px;margin:60px 0;padding:40px;text-align:center}.security-note svg{color:#43e97b;margin-bottom:20px}.security-note h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:20px}.security-note p{color:#555;font-size:16px;line-height:1.8;margin:0 auto;max-width:800px}@media (max-width:1024px){.timeline-step{grid-template-columns:70px 1fr}.guide-number,.step-number{font-size:28px;height:70px;width:70px}.requirements-grid{grid-template-columns:repeat(2,1fr)}.contact-info-grid,.documents-categories,.provision-grid{grid-template-columns:1fr}.help-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admission-intro,.apply-intro,.requirements-intro{flex-direction:column;text-align:center}.timeline-step{grid-template-columns:1fr}.timeline-step:after{display:none}.guide-number,.step-number{margin:0 auto 20px}.exam-details,.payment-methods,.step-actions{grid-template-columns:1fr}.status-dates{flex-direction:column;gap:15px}.guide-step,.help-grid,.requirements-grid{grid-template-columns:1fr}}@media (max-width:480px){.admission-timeline h2,.application-help h2,.application-status h2,.faq-section h2,.online-application-steps h2{font-size:24px}.guide-content,.step-content{padding:25px 20px}.guide-content h3,.step-content h3{font-size:20px}.apply-now-btn{font-size:16px;padding:15px 30px}.application-button-section{padding:40px 20px}}.gallery-intro{align-items:center;background:#2980b9;border-radius:15px;color:#fff;display:flex;gap:30px;margin-bottom:60px;padding:40px}.gallery-intro svg{min-width:48px}.gallery-intro p{font-size:17px;line-height:1.9}.gallery-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.stat-item{box-shadow:0 5px 20px #00000014;padding:35px;transition:all .3s}.stat-item:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-8px)}.stat-item h3{font-size:42px;font-weight:800;margin-bottom:10px}.stat-item p{font-size:16px;font-weight:600}.category-filter{margin-bottom:40px}.category-filter label{color:#2c3e50;display:block;font-size:18px;font-weight:700;margin-bottom:20px}.category-buttons{display:flex;flex-wrap:wrap;gap:15px}.category-btn{background:#fff;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;padding:12px 30px;transition:all .3s}.category-btn.active,.category-btn:hover{background:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.photo-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.photo-item{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;cursor:pointer;overflow:hidden;transition:all .3s}.photo-item:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.photo-image{height:250px;overflow:hidden;position:relative}.photo-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.photo-item:hover .photo-image img{transform:scale(1.1)}.photo-overlay{align-items:center;background:#667eeae6;bottom:0;color:#fff;display:flex;flex-direction:column;gap:10px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.photo-item:hover .photo-overlay{opacity:1}.photo-overlay span{font-size:18px;font-weight:600}.photo-info{padding:20px}.photo-info h4{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:8px}.photo-date{color:#667eea;font-size:14px;font-weight:600}.no-photos{color:#95a5a6;padding:80px 20px;text-align:center}.no-photos p{font-size:18px;margin-top:20px}.lightbox{background:#000000f2;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.lightbox,.lightbox-close{align-items:center;display:flex;justify-content:center}.lightbox-close{background:#fff;border:none;border-radius:50%;cursor:pointer;height:50px;position:absolute;right:20px;top:20px;transition:all .3s;width:50px;z-index:10001}.lightbox-close:hover{background:#667eea;color:#fff;transform:rotate(90deg)}.lightbox-content{display:flex;flex-direction:column;gap:20px;max-height:90%;max-width:90%}.lightbox-content img{border-radius:15px;max-height:70vh;max-width:100%;object-fit:contain}.lightbox-info{background:#fff;border-radius:12px;padding:20px;text-align:center}.lightbox-info h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:10px}.lightbox-info p{color:#667eea;font-size:16px;font-weight:600}.video-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-bottom:60px}.video-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;cursor:pointer;overflow:hidden;transition:all .3s}.video-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.video-thumbnail{height:300px;overflow:hidden;position:relative}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.play-button{align-items:center;background:#667eeae6;border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:80px}.video-card:hover .play-button{background:#667eea;transform:translate(-50%,-50%) scale(1.1)}.video-duration{background:#000c;border-radius:6px;bottom:15px;color:#fff;font-size:14px;font-weight:600;padding:6px 12px;position:absolute;right:15px}.video-details{padding:25px}.video-category{background:#e8f0fe;border-radius:15px;color:#667eea;display:inline-block;font-size:12px;font-weight:700;margin-bottom:15px;padding:6px 15px;text-transform:uppercase}.video-details h3{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:12px}.video-details p{color:#666;font-size:14px;line-height:1.7;margin-bottom:15px}.video-date{color:#667eea;font-size:13px;font-weight:600}.video-modal{background:#000000f2;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-close,.video-modal{align-items:center;display:flex;justify-content:center}.modal-close{background:#fff;border:none;border-radius:50%;cursor:pointer;height:50px;position:absolute;right:20px;top:20px;transition:all .3s;width:50px;z-index:10001}.modal-close:hover{background:#667eea;color:#fff;transform:rotate(90deg)}.modal-content{border-radius:15px;max-width:900px;overflow:hidden}.video-player{aspect-ratio:16/9;background:#000}.video-placeholder{align-items:center;color:#fff;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;width:100%}.video-placeholder svg{opacity:.5}.video-placeholder p{font-size:18px;opacity:.7}.video-title{font-size:16px;font-weight:600}.modal-info{padding:30px}.modal-info h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:15px}.modal-info>p{color:#666;font-size:15px;line-height:1.8;margin-bottom:20px}.modal-meta{border-top:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:25px;padding-top:20px}.meta-item{font-size:14px}.meta-item strong{color:#2c3e50;font-weight:700}.events-tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:15px;margin-bottom:40px}.tab-btn{color:#666;font-size:16px;font-weight:700;margin-bottom:-2px;padding:15px 40px}.tab-btn.active,.tab-btn:hover{border-bottom-color:#667eea;color:#667eea}.events-list{display:flex;flex-direction:column;gap:30px;margin-bottom:60px}.event-card{grid-gap:30px;background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;display:grid;gap:30px;grid-template-columns:400px 1fr;overflow:hidden;transition:all .3s}.event-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.event-image{height:100%;min-height:300px;position:relative}.event-image img{height:100%;object-fit:cover;width:100%}.event-badge{background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:8px 20px;position:absolute;right:20px;text-transform:uppercase;top:20px}.event-content{display:flex;flex-direction:column;justify-content:center;padding:35px}.event-content h3{color:#2c3e50;font-size:26px;font-weight:700;margin-bottom:15px}.event-description{color:#666;font-size:15px;line-height:1.8;margin-bottom:25px}.event-meta{display:flex;flex-direction:column;gap:15px}.meta-item{color:#555;font-size:15px;gap:12px}.meta-item svg{color:#667eea;min-width:18px}.events-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-bottom:60px}.event-card-small{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;overflow:hidden;transition:all .3s}.event-card-small:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-8px)}.event-image-small{height:200px;position:relative}.event-image-small img{height:100%;object-fit:cover;width:100%}.gallery-badge{background:#667eeae6;border-radius:15px;bottom:15px;color:#fff;font-size:13px;font-weight:600;padding:6px 15px;position:absolute;right:15px}.event-content-small{padding:25px}.event-content-small h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px}.event-date-small{align-items:center;color:#667eea;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.event-content-small p{color:#666;font-size:14px;line-height:1.7;margin-bottom:15px}.event-location-small{align-items:center;color:#555;display:flex;font-size:14px;gap:8px}.event-categories{margin:60px 0}.event-categories h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.categories-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.category-box{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:35px;text-align:center;transition:all .3s}.category-box:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-8px)}.category-icon{display:block;font-size:56px;margin-bottom:20px}.category-box h4{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:12px}.category-box p{color:#666;font-size:14px;line-height:1.7}@media (max-width:1024px){.categories-grid,.events-grid,.gallery-stats,.photo-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.event-card{grid-template-columns:1fr}.event-image{height:300px;min-height:auto}}@media (max-width:768px){.gallery-intro{flex-direction:column;text-align:center}.categories-grid,.events-grid,.gallery-stats,.photo-grid,.video-grid{grid-template-columns:1fr}.category-buttons,.events-tabs{justify-content:center}.tab-btn{font-size:14px;padding:12px 25px}.event-card{grid-template-columns:1fr}.event-content{padding:25px}.event-meta{gap:12px}.modal-content{max-width:100%}.modal-info{padding:20px}}@media (max-width:480px){.stat-item h3{font-size:32px}.photo-info h4,.video-details h3{font-size:16px}.event-content h3{font-size:20px}.event-categories h2{font-size:24px}.lightbox-close,.modal-close{height:40px;width:40px}}.public-home{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.container{margin:0 auto;max-width:1400px;padding:0 20px}.full-width-container{max-width:100%;padding:0;width:100%}.loading-screen{align-items:center;background:#f5f7fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner-large{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#06c;height:60px;width:60px}.hero-image-carousel{background:#f0f0f0;height:500px;overflow:hidden;position:relative;width:100%}.hero-carousel-wrapper{height:100%;position:relative;width:100%}.hero-carousel-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.hero-carousel-slide.active{opacity:1;z-index:1}.hero-carousel-slide.fading{opacity:0}.hero-carousel-slide img{loading:lazy;height:100%;object-fit:cover;width:100%}.hero-carousel-dots{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.hero-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s;width:12px}.hero-dot.active{background:#fff;transform:scale(1.3)}.section-title{margin-bottom:50px;text-align:center}.section-title h2{word-wrap:break-word;color:#333;font-size:32px;font-weight:700;margin-bottom:15px;overflow-wrap:break-word}.title-underline{background:#06c;height:4px;margin:0 auto;width:80px}.title-underline.green{background:#43e97b}.title-underline.blue{background:#06c}.about-section{background:#fff;padding:80px 0}.about-content{grid-gap:50px;align-items:start;display:grid;gap:50px;grid-template-columns:400px 1fr}.about-image{border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.about-image img{loading:lazy;height:100%;object-fit:cover;width:100%}.about-text{color:#333}.about-large-text{color:#444!important;font-size:18px!important;line-height:1.9!important;margin-bottom:20px!important}.about-text p{color:#666;font-size:15px;line-height:1.8;margin-bottom:20px;text-align:justify}.message-section{padding:80px 0}.chairman-section{background:#f0f9ff}.principal-section{background:#fff}.message-content{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 250px}.message-content.reverse{grid-template-columns:250px 1fr}.message-text p{color:#555;font-size:15px;line-height:1.8;margin-bottom:20px;text-align:justify}.message-large-text{color:#555!important;font-size:18px!important;line-height:1.9!important}.message-author{text-align:center}.author-photo{loading:lazy;border-radius:15px;box-shadow:0 10px 30px #0000001a;height:320px;margin-bottom:20px;object-fit:cover;width:280px}.message-author h3{color:#333;font-size:20px;margin-bottom:5px}.message-author p{color:#666;font-size:14px}.notice-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:80px 0}.notice-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:40px}.notice-title{color:#2c3e50;font-size:36px;font-weight:800;letter-spacing:2px;padding-bottom:15px;position:relative;text-transform:uppercase}.notice-title:after{background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.btn-view-all{background:#3498db;border:none;border-radius:25px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s}.btn-view-all:hover{background:#2980b9;box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.notice-content-wrapper{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.notice-board{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000001a;padding:30px}.no-notices{color:#95a5a6;padding:60px 20px;text-align:center}.no-notices p{font-size:18px;margin-top:20px}.notice-list-public{display:flex;flex-direction:column;gap:20px}.notice-item-public{background:#f8f9fa;border-left:4px solid #0000;border-radius:12px;padding:20px;transition:all .3s}.notice-item-public:hover{border-left-color:#3498db;box-shadow:0 5px 20px #0000001a;transform:translateX(5px)}.notice-item-header{gap:10px;justify-content:space-between;margin-bottom:12px}.notice-item-header,.notice-item-left{align-items:center;display:flex;flex-wrap:wrap}.notice-item-left{gap:12px}.notice-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.notice-badge.general{background:#e3f2fd;color:#1976d2}.notice-badge.urgent{background:#ffebee;color:#c62828}.notice-badge.exam{background:#fff3e0;color:#e65100}.notice-badge.holiday{background:#f3e5f5;color:#7b1fa2}.notice-badge.event{background:#e8f5e9;color:#2e7d32}.notice-badge.admission{background:#fce4ec;color:#c2185b}.notice-date-public{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:6px}.notice-attachment-indicator{background:#3498db;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.notice-item-public h4{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.notice-description{color:#555;font-size:14px;line-height:1.6;margin-bottom:15px}.notice-files-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:15px}.file-preview-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;position:relative;transition:all .3s}.file-preview-btn:hover{background:#f0f8ff;border-color:#3498db;box-shadow:0 4px 12px #3498db33;transform:translateY(-2px)}.file-preview-btn .download-icon{color:#3498db;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s}.file-preview-btn:hover .download-icon{opacity:1}.stats-section{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:80px 0}.stats-title{font-size:36px;margin-bottom:50px;text-align:center}.highlight{color:#43e97b}.stats-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(3,1fr)}.stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:15px;padding:40px;text-align:center;transition:transform .3s,background .3s}.stat-box:hover{background:#ffffff26;transform:translateY(-10px)}.stat-icon{color:#43e97b;height:80px;margin:0 auto 20px;width:80px}.stat-icon svg{height:100%;width:100%}.stat-box h3{font-size:48px;font-weight:700;margin-bottom:10px}.stat-box p{font-size:18px;opacity:.9}.map-section{background:#fff;padding:80px 0}.map-container{border-radius:15px;box-shadow:0 10px 30px #0000001a;height:500px;overflow:hidden;width:100%}.map-container iframe{height:100%;width:100%}.dynamic-content-section{min-height:400px;padding:40px 0}.page-content{margin:0 auto;max-width:1000px;padding:40px 20px}.content-header{margin-bottom:50px;text-align:center}.content-header h1{word-wrap:break-word;color:#2c3e50;font-size:36px;font-weight:700;margin-bottom:20px}.facilities-grid,.photo-gallery,.teacher-grid,.video-gallery{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:30px 0}.facility-item,.teacher-card{background:#f8f9fa;border-radius:12px;padding:25px;transition:transform .3s}.facility-item{border-left:4px solid #3498db}.teacher-card{border-top:4px solid #3498db;text-align:center}.facility-item:hover,.teacher-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}@media (max-width:1024px){.container{max-width:100%;padding:0 20px}.about-content{gap:30px;grid-template-columns:1fr}.message-content,.message-content.reverse{grid-template-columns:1fr;text-align:center}.message-text p{text-align:center}.stats-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.notice-title,.section-title h2{font-size:28px}.facilities-grid,.photo-gallery,.teacher-grid,.video-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 15px}.hero-image-carousel{height:300px}.about-section,.dynamic-content-section,.map-section,.message-section,.stats-section{padding:50px 0}.section-title{margin-bottom:30px}.section-title h2{font-size:24px;padding:0 10px}.about-large-text,.message-large-text{font-size:16px!important}.author-photo{height:240px;width:200px}.notice-section{padding:60px 0}.notice-section .container{max-width:100%;padding:0}.notice-header{padding:0 15px}.notice-title{font-size:24px}.btn-view-all{font-size:14px;padding:10px 20px}.notice-board{border-radius:0;padding:20px 15px}.notice-item-public{padding:15px}.notice-item-public h4{font-size:16px}.notice-item-header{align-items:flex-start;flex-direction:column}.notice-files-grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:25px}.stat-box{padding:30px}.stat-box h3{font-size:36px}.stats-title{font-size:24px}.map-container{height:350px}.content-header h1{font-size:28px;padding:0 10px}.content-body{padding:25px 15px}.facilities-grid,.photo-gallery,.teacher-grid,.video-gallery{grid-template-columns:1fr}.page-content{padding:20px 10px}}@media (max-width:480px){.hero-image-carousel{height:250px}.notice-title,.section-title h2{font-size:20px}.notice-title{letter-spacing:1px}.notice-item-public h4{font-size:15px}.notice-description{font-size:13px}.stat-box h3{font-size:32px}.stat-box p{font-size:16px}.content-header h1{font-size:24px}.content-section h3{font-size:20px}.content-section h4{font-size:18px}.content-section p{font-size:14px}}.hero-image{height:100%;object-fit:cover;width:100%}.about-image .lazy-image-wrapper{height:400px}.about-image .lazy-image-wrapper,.author-photo-wrapper{border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.author-photo-wrapper{height:320px;margin:0 auto 20px;width:280px}.author-photo-wrapper .lazy-image{object-fit:cover}@media (max-width:768px){.about-image .lazy-image-wrapper{height:300px}.author-photo-wrapper{height:240px;width:200px}}@media (max-width:480px){.about-image .lazy-image-wrapper{height:250px}.author-photo-wrapper{height:220px;width:180px}}.content-loading-screen{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.simple-loader{animation:spin .8s linear infinite;border:5px solid #e0e0e0;border-radius:50%;border-top-color:#06c;height:60px;width:60px}@media (max-width:768px){.simple-loader{border-width:4px;height:50px;width:50px}}@media (max-width:480px){.simple-loader{border-width:3px;height:45px;width:45px}}.content-body{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;min-height:300px;padding:40px}.content-section{margin-bottom:30px}.content-section h3{color:#2c3e50;font-size:24px;font-weight:700;margin:30px 0 20px}.content-section h4{color:#34495e;font-size:20px;font-weight:600;margin:20px 0 15px}.content-section p{color:#555;font-size:16px;line-height:1.8;margin-bottom:20px;text-align:justify}.content-section ul{list-style-position:inside;margin:20px 0;padding-left:20px}.content-section ul li{color:#555;font-size:16px;line-height:2;margin-bottom:10px}@media (max-width:768px){.content-body{padding:25px 15px}.content-section h3{font-size:20px}.content-section h4{font-size:18px}.content-section p{font-size:14px}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .5s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.auth-icon img{border-radius:50%;height:100%;object-fit:cover;width:100%}.auth-header h1{color:#333;font-size:28px;margin-bottom:8px}.auth-header p{color:#666;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select{border:2px solid #e1e8ed;border-radius:10px;padding:12px 16px}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.password-toggle-btn:hover{color:#667eea}.password-toggle-btn:focus{color:#667eea;outline:none}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;margin-top:10px;overflow:hidden;padding:14px;position:relative}.btn-primary:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 25px #10b98166}.btn-primary:active{box-shadow:0 2px 10px #10b9814d;transform:translateY(0) scale(.98)}.btn-primary:active:before{height:300px;transition:width .3s,height .3s;width:300px}.btn-primary:disabled{background:linear-gradient(135deg,#10b981,#059669)}.btn-primary:disabled:hover{box-shadow:0 4px 15px #10b9814d;transform:none}.auth-footer{border-top:1px solid #e1e8ed;margin-top:20px;padding-top:20px;text-align:center}.auth-footer p{color:#666;font-size:14px}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.modern-navbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #00000014;position:relative;z-index:100}.navbar-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;max-width:100%;padding:1rem 2rem}.navbar-left{justify-content:flex-start}.navbar-center,.navbar-left{align-items:center;display:flex}.navbar-center{justify-content:center;padding-right:80px}.school-logo{align-items:center;cursor:pointer;display:flex;gap:1rem;transition:transform .3s ease}.school-logo:hover{transform:scaleY(1.2);transform:1s}.logo-circle{align-items:center;background:#0000;border-radius:12px;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;width:50px}.logo-text h3{color:#1e293b;font-size:1.35rem;font-weight:700;margin:0}.logo-text p{color:#64748b;font-size:.85rem;margin:0}.navbar-right{gap:1rem;justify-content:flex-end}.navbar-btn,.navbar-right{align-items:center;display:flex}.navbar-btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;gap:.5rem;padding:.65rem 1.25rem;transition:all .3s ease;white-space:nowrap}.navbar-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.back-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;color:#fff!important}.back-btn:hover{box-shadow:0 6px 20px #0ea5e966!important}.logout-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.logout-btn:hover{box-shadow:0 6px 20px #f093fb66}.notification-btn{background:#fff7ed;color:#f97316;position:relative}.notification-btn:hover{background:#fed7aa}.notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:20px}.user-profile-section{align-items:center;background:#f8fafc;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .3s ease}.user-profile-section:hover{background:#e2e8f0}.user-profile-section img{border:2px solid #667eea;border-radius:10px;height:45px;object-fit:cover;width:45px}.user-details{display:flex;flex-direction:column}.user-name{color:#1e293b;font-size:.95rem;font-weight:600}.user-role{color:#64748b;font-size:.8rem;text-transform:capitalize}@media (max-width:1024px){.navbar-container{padding:1rem 1.5rem}.logo-text h4{font-size:1.2rem}.logo-text p{font-size:.75rem}.back-text,.logout-text{display:none}.navbar-btn{padding:.75rem}.user-details{display:none}.user-profile-section{padding:.5rem}}@media (max-width:768px){.navbar-container{grid-template-columns:auto 1fr auto;padding:1rem}.logo-text h4{font-size:.9rem}.notification-btn,.user-profile-section{display:none}.logout-btn{display:flex}.back-btn,.logout-btn{padding:.65rem}.back-text,.logout-text{display:none}.logo-circle{font-size:1.1rem;height:45px;width:45px}.navbar-left{justify-content:flex-start}.navbar-center{justify-content:center}.navbar-right{justify-content:flex-end}}@media (max-width:480px){.navbar-container{gap:.5rem;padding:.75rem}.back-btn,.logout-btn{padding:.6rem}.logo-circle{font-size:1rem;height:40px;width:40px}}@media (max-width:768px){.dashboard-home-container{padding:1.5rem}.welcome-header h1{font-size:2rem}.welcome-header p{font-size:1rem}.dashboard-cards-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-card{padding:2rem}.card-icon{height:70px;width:70px}.card-icon svg{height:35px;width:35px}.dashboard-card h3{font-size:1.25rem}}@media (max-width:480px){.dashboard-home-container{padding:1rem}.welcome-header{margin-bottom:2rem}.welcome-header h1{font-size:1.75rem}.welcome-header p{font-size:.95rem}.dashboard-cards-grid{gap:1rem;grid-template-columns:1fr}.dashboard-card{padding:1.75rem}.card-icon{height:60px;width:60px}.card-icon svg{height:30px;width:30px}.dashboard-card h3{font-size:1.15rem}.card-arrow{bottom:1rem;font-size:1.25rem;right:1rem}}.students-page{animation:fadeIn .3s ease;padding:24px}.page-header{gap:16px}.header-left svg{color:#667eea}.header-left h1{color:#1a202c;font-size:32px;font-weight:700}.header-left p{color:#718096;margin:4px 0 0}.btn-primary{display:inline-flex}.btn-primary:hover{box-shadow:0 6px 16px #667eea66}.filters-section{border-radius:12px;box-shadow:0 2px 8px #0000000d;gap:16px;margin-bottom:24px}.search-form{gap:12px;min-width:280px}.search-input-group{position:relative}.search-input-group svg{color:#a0aec0;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input-group input{border:2px solid #e2e8f0;border-radius:10px;padding:12px 12px 12px 40px;transition:all .3s ease}.search-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.btn-search{background:#667eea;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-search:hover{background:#5568d3}.filter-group{gap:12px}.filter-group svg{color:#718096}.filter-group select{min-width:150px;padding:12px 16px}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.filter-group select:disabled{background:#f7fafc;color:#a0aec0}.students-stats{margin-bottom:24px}.stat-item{box-shadow:0 2px 8px #0000000d;padding:24px;transition:all .3s ease}.stat-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.stat-item h3{margin:0 0 8px}.stat-item p{color:#718096;font-weight:500}.desktop-view{display:block}.mobile-view{display:none}.table-container{border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.data-table tbody tr:hover{background:#f7fafc}.data-table tbody td{color:#2d3748;font-size:14px;padding:16px 12px}.student-photo{border:2px solid #e2e8f0}.student-name{color:#2d3748}.status-badge{display:inline-block;letter-spacing:.5px}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#742a2a}.action-buttons{align-items:center;flex-wrap:wrap}.btn-view{background:#bee3f8;color:#2c5282}.btn-view:hover{background:#90cdf4}.btn-edit{background:#feebc8;color:#7c2d12}.btn-edit:hover{background:#fbd38d}.btn-toggle{background:#e9d8fd;color:#553c9a}.btn-toggle:hover{background:#d6bcfa}.btn-delete{background:#fed7d7;color:#742a2a}.btn-delete:hover{background:#fc8181}.student-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;padding:16px;transition:all .3s ease}.student-card:hover{box-shadow:0 4px 16px #0000001f}.student-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px}.student-card-photo{border:3px solid #e2e8f0;border-radius:50%;height:60px;object-fit:cover;width:60px}.student-card-info{flex:1 1}.student-card-info h3{color:#1a202c;font-size:18px;margin:0 0 4px}.student-card-info .student-id{color:#718096;font-size:14px;margin:0 0 8px}.student-card-details{margin-bottom:16px}.detail-row{border-bottom:1px solid #f7fafc}.detail-row .label{color:#4a5568;font-size:14px;font-weight:600}.detail-row .value{color:#2d3748;font-size:14px}.student-card-actions{display:flex;gap:8px;justify-content:flex-end}.pagination-container{flex-direction:column;gap:16px;margin-top:32px}.pagination-info{color:#718096;font-size:14px;text-align:center}.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{border:2px solid #e2e8f0;color:#4a5568;font-size:14px;gap:6px;padding:10px 16px;transition:all .3s ease}.pagination-numbers{gap:6px}.pagination-number{border:2px solid #e2e8f0;color:#4a5568;font-size:14px;font-weight:600;transition:all .3s ease}.pagination-number:hover:not(.active):not(.dots){border-color:#667eea;color:#667eea}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.pagination-number.dots{border:none;cursor:default}.spinner{color:#667eea}.no-data{color:#718096}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:2px solid #f7fafc}.modal-header h2{color:#1a202c}.close-btn{background:#f7fafc;border-radius:8px;color:#718096;font-size:24px;height:32px;width:32px}.close-btn:hover{background:#e2e8f0;color:#2d3748}.student-detail-card{gap:24px}.detail-photo{border:4px solid #f7fafc;height:120px;margin:0 auto;width:120px}.detail-info{gap:16px}.detail-info .info-row{grid-gap:12px;border-bottom:1px solid #f7fafc;display:grid;gap:12px;grid-template-columns:140px 1fr;padding:12px 0}.detail-info .info-row:last-child{border-bottom:none}.detail-info .info-row label{color:#4a5568;font-size:14px;font-weight:600}.detail-info .info-row span{color:#2d3748;font-size:14px}@media (max-width:1200px){.students-page{padding:20px}}@media (max-width:992px){.desktop-view{display:none}.mobile-view{display:block}}@media (max-width:768px){.students-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column}.header-left{width:100%}.header-left h1{font-size:24px}.btn-primary{justify-content:center;width:100%}.filters-section{align-items:stretch;flex-direction:column;padding:16px}.search-form{flex-direction:column;min-width:100%}.btn-search{width:100%}.filter-group{align-items:stretch;flex-direction:column}.filter-group svg{display:none}.filter-group select{min-width:100%;width:100%}.students-stats{gap:12px;grid-template-columns:1fr}.stat-item{padding:16px}.stat-item h3{font-size:28px}.pagination{gap:6px}.pagination-btn{font-size:13px;padding:8px 12px}.pagination-number{font-size:13px;height:36px;width:36px}.modal-content{border-radius:12px;margin:0;max-width:100%}.detail-info .info-row{gap:4px;grid-template-columns:1fr}.detail-info .info-row label{color:#718096;font-size:12px}}@media (max-width:480px){.students-page{padding:12px}.header-left h1{font-size:20px}.header-left svg{height:24px;width:24px}.btn-primary{font-size:13px;padding:10px 20px}.student-card{padding:12px}.student-card-photo{height:50px;width:50px}.student-card-info h3{font-size:16px}.student-card-actions{gap:6px}.btn-icon{height:32px;width:32px}.pagination-numbers{gap:4px}.pagination-number{font-size:12px;height:32px;width:32px}.pagination-btn{font-size:12px;padding:8px 10px}}.student-form-page{animation:fadeIn .3s ease;margin:0 auto;max-width:1200px;padding:24px}.form-header{margin-bottom:30px}.form-header h1{color:#1a202c;font-size:32px;font-weight:700;margin-bottom:8px}.form-header .subtitle{color:#718096;font-size:16px;margin-top:8px}.back-btn{border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;display:inline-flex;font-weight:600;margin-bottom:20px;transition:all .3s ease}.back-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;color:#667eea;transform:translateX(-5px)}.student-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.form-section{border-bottom:2px solid #f7fafc;margin-bottom:40px;padding-bottom:40px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:24px}.form-section h3:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:24px;width:4px}.image-upload-container{background:#f7fafc;border-radius:12px;gap:20px;padding:20px}.image-preview{background:#fff;border:4px solid #fff;box-shadow:0 4px 12px #0000001a}.placeholder{background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#a0aec0;height:100%;justify-content:center;width:100%}.placeholder svg{margin-bottom:8px}.placeholder p{font-size:14px;font-weight:500}.upload-btn{box-shadow:0 4px 12px #667eea4d;font-size:14px;padding:12px 28px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 6px 16px #667eea66}.upload-btn:active{transform:translateY(0)}.form-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group label{color:#2d3748;gap:4px}.form-group label .required{color:#e53e3e;font-size:16px}.form-group input,.form-group select,.form-group textarea{background:#fff;color:#2d3748;padding:12px 16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 4px #667eea1a}.form-group input:disabled,.form-group select:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group textarea{line-height:1.6;min-height:100px}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-actions{border-top:2px solid #f7fafc;gap:16px;margin-top:32px;padding-top:32px}.btn-primary,.btn-secondary{gap:8px;padding:12px 28px;transition:all .3s ease}.btn-primary{box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea66}.btn-secondary{border:2px solid #e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.loading-container .spinner{animation:spin 1s linear infinite;color:#667eea}.loading-container p{color:#718096}@media (max-width:1024px){.student-form-page{padding:20px}.form-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.student-form-page{padding:16px}.form-header h1{font-size:24px}.form-header .subtitle{font-size:14px}.student-form{padding:24px 20px}.form-section{margin-bottom:32px;padding-bottom:32px}.form-section h3{font-size:18px}.form-grid{gap:20px;grid-template-columns:1fr}.image-preview{height:120px;width:120px}.form-actions{flex-direction:column-reverse;gap:12px}.btn-primary,.btn-secondary{justify-content:center;padding:14px 24px;width:100%}.back-btn{font-size:14px;padding:10px 16px}}@media (max-width:480px){.student-form-page{padding:12px}.student-form{border-radius:12px;padding:20px 16px}.form-header h1{font-size:22px}.form-section h3{font-size:16px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px 14px}.upload-btn{font-size:13px;padding:10px 24px}.btn-primary,.btn-secondary{font-size:14px;padding:12px 20px}}.teachers-page{padding:20px}.teachers-stats{grid-gap:20px;gap:20px;margin-bottom:30px}.teachers-grid{grid-gap:25px;gap:25px}.teacher-card{border-radius:15px;box-shadow:0 2px 10px #0000000d;transition:transform .3s,box-shadow .3s}.teacher-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.teacher-card-header{padding:25px 25px 60px}.teacher-avatar{border:5px solid #fff;box-shadow:0 4px 15px #0003}.teacher-card-header .status-badge{position:absolute;right:15px;top:15px}.teacher-card-body{padding:15px 25px 25px}.teacher-card-body h3{color:#333;font-size:20px;margin:0 0 5px;text-align:center}.teacher-id{color:#999;font-size:13px;margin-bottom:5px;text-align:center}.teacher-qualification{color:#667eea;font-size:14px;font-weight:600;margin-bottom:15px;text-align:center}.teacher-subjects{border-bottom:1px solid #f5f7fa;gap:8px;justify-content:center;margin-bottom:15px;padding-bottom:15px}.subject-tag{background:#f5f7fa;color:#667eea;font-size:12px;font-weight:600;padding:5px 12px}.subject-tag.more{background:#667eea;color:#fff}.teacher-info{gap:10px}.info-item{justify-content:space-between}.info-item .label{color:#666;font-weight:600}.info-item .value{color:#333}.teacher-card-actions{background:#f5f7fa;border-top:1px solid #e1e8ed;gap:10px;padding:15px 25px}@media (max-width:768px){.teachers-grid{grid-template-columns:1fr}}.teachers-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header{flex-wrap:wrap;gap:1rem}.header-left p{margin:.25rem 0 0}.btn-primary{font-size:1rem;font-weight:500}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d}.filters-section{gap:1rem;margin-bottom:2rem}.search-form{gap:.5rem}.search-input-group{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:.5rem;padding:.75rem 1rem}.search-input-group svg{color:#94a3b8}.search-input-group input{font-size:.95rem}.btn-search{background:#3b82f6;border-radius:8px;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.btn-search:hover{background:#2563eb}.filter-group{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem}.filter-group svg{color:#64748b}.filter-group select{border:none;padding:.25rem}.teachers-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-item h3{font-size:2rem}.stat-item p{color:#64748b;font-size:.95rem}.teachers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.teacher-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s}.teacher-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.teacher-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1.5rem 1rem;position:relative;text-align:center}.teacher-avatar{border:4px solid #fff;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:cover;width:100px}.status-badge{position:absolute;right:1rem;top:1rem}.status-badge.active{background:#10b981;color:#fff}.status-badge.inactive{background:#ef4444;color:#fff}.teacher-card-body{padding:1.5rem}.teacher-card-body h3{color:#1e293b;font-size:1.25rem;margin:0 0 .5rem}.teacher-id{color:#64748b;font-size:.85rem;margin:0 0 .5rem}.teacher-qualification{color:#475569;font-size:.9rem;margin:0 0 1rem}.teacher-subjects{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.subject-tag{background:#dbeafe;border-radius:20px;color:#1e40af;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.subject-tag.more{background:#e0e7ff;color:#4338ca}.teacher-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.info-item{color:#64748b;font-size:.85rem;gap:.5rem}.info-item svg{flex-shrink:0}.teacher-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:1rem}.experience-badge,.salary-badge{background:#f1f5f9;border-radius:6px;color:#475569;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.teacher-card-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;justify-content:center;padding:1rem}.btn-icon{background:#fff;padding:.5rem}.btn-view:hover{background:#dbeafe}.btn-edit:hover{background:#fef3c7}.spinner{border:4px solid #e2e8f0}.no-data{border-radius:12px;gap:1rem}.no-data svg{color:#cbd5e1}.no-data p{color:#64748b;font-size:1.1rem}.modal-header{border-bottom:1px solid #e2e8f0}.close-btn{color:#64748b;height:30px;padding:0;width:30px}.close-btn:hover{color:#ef4444}.teacher-detail-card{display:flex;flex-direction:column;gap:1.5rem}.detail-photo{align-self:center;border:4px solid #3b82f6}.detail-info{display:flex;flex-direction:column;gap:1rem}.info-row{background:#f8fafc;border-radius:8px;padding:.75rem}.info-row label{color:#475569}.info-row span{color:#1e293b;text-align:right}.status-active{color:#10b981;font-weight:600}.status-inactive{color:#ef4444;font-weight:600}.selected-subjects{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.selected-subjects .subject-tag{align-items:center;background:#3b82f6;color:#fff;display:flex;gap:.5rem;padding:.5rem .75rem}.remove-subject{background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;line-height:1;padding:0}.remove-subject:hover{color:#fee2e2}@media (max-width:768px){.teachers-page{padding:1rem}.page-header{align-items:flex-start}.filters-section,.page-header{flex-direction:column}.search-form{min-width:100%}.teachers-grid,.teachers-stats{grid-template-columns:1fr}}.pagination{align-items:center;background:#fff;border-radius:12px;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1.5rem}.pagination-btn{border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-weight:500;gap:.5rem;padding:.75rem 1.25rem}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.pagination-numbers{display:flex;gap:.5rem}.pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-weight:500;height:40px;justify-content:center;transition:all .3s;width:40px}.pagination-number:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}@media (max-width:768px){.pagination{flex-wrap:wrap}.pagination-numbers{justify-content:center;order:-1;width:100%}}.teacher-form-page{margin:0 auto;max-width:1200px;padding:2rem}.form-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.back-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:.95rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.back-btn:hover{background:#f8fafc;color:#3b82f6}.teacher-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.form-section{border-bottom:1px solid #e2e8f0;padding-bottom:2rem}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:#1e293b;font-size:1.25rem;margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0}.form-group input:disabled{background:#f1f5f9}.image-upload-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.image-preview{background:#f8fafc;border:4px solid #e2e8f0;border-radius:50%;height:150px;justify-content:center;width:150px}.image-preview,.placeholder{align-items:center;display:flex}.placeholder{color:#94a3b8;flex-direction:column;gap:.5rem}.upload-btn{background:#3b82f6;border:none;border-radius:8px;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.upload-btn:hover{background:#2563eb}.multi-select-grid{grid-gap:.75rem;background:#f8fafc;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.checkbox-label{border-radius:6px;gap:.5rem;transition:all .3s}.checkbox-label:hover{background:#fff}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.checkbox-label span{font-size:.9rem}.form-actions{border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary{display:flex;font-weight:500}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{background:#94a3b8}.btn-secondary{border:1px solid #e2e8f0;color:#64748b}.btn-secondary:hover{background:#f8fafc}@media (max-width:768px){.teacher-form-page{padding:1rem}.form-grid,.multi-select-grid{grid-template-columns:1fr}}.classes-page{padding:2rem}.header-left h1{font-size:2rem}.btn-primary{gap:.5rem;padding:.75rem 1.5rem}.classes-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-item{border-radius:12px}.stat-item h3{color:#3b82f6;font-size:2.5rem;margin:0 0 .5rem}.classes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.class-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s}.class-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.class-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.class-name h3{font-size:1.5rem;margin:0 0 .5rem}.section-badge{background:#ffffff4d;border-radius:20px;font-size:.9rem;padding:.25rem .75rem}.class-icon{opacity:.8}.class-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.class-info-item{align-items:center;display:flex;gap:1rem}.class-info-item svg{color:#3b82f6;flex-shrink:0}.info-label{color:#6b7280;font-size:.85rem;margin:0 0 .25rem}.info-value{color:#1f2937;font-weight:600;margin:0}.class-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-view{color:#1e40af}.btn-view:hover{background:#bfdbfe;transform:scale(1.1)}.btn-edit{color:#92400e}.btn-edit:hover{background:#fde68a;transform:scale(1.1)}.btn-delete{color:#dc2626}.btn-delete:hover{background:#fecaca;transform:scale(1.1)}.no-data{color:#6b7280;font-size:1.1rem;padding:3rem}.close-btn{font-size:2rem;line-height:1}.class-details{display:flex;flex-direction:column;gap:2rem}.detail-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.25rem;margin:0 0 1rem;padding-bottom:.5rem}.info-row{border-bottom:1px solid #f3f4f6;padding:.75rem 0}.info-row label{color:#6b7280}.info-row span{color:#1f2937}.subject-item{background:#f9fafb;padding:1rem}@media (max-width:768px){.classes-page{padding:1rem}.classes-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.btn-primary{justify-content:center;width:100%}}.add-class-page{margin:0 auto;max-width:1200px;padding:2rem}.page-header{gap:1.5rem}.back-btn{background:#f3f4f6;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.back-btn:hover{background:#e5e7eb;transform:translateX(-4px)}.header-title{align-items:center;display:flex;gap:1rem}.header-title svg{color:#3b82f6}.header-title h1{color:#1f2937;font-size:2rem;margin:0}.header-title p{color:#6b7280;margin:0}.form-container{border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.form-section{margin-bottom:2rem}.form-section h2{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.form-grid{grid-gap:1.5rem;gap:1.5rem}.form-group label{margin-bottom:.5rem}.required{color:#ef4444}.form-group input,.form-group select{border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s}.add-subject-form{background:#f9fafb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.subject-inputs{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr auto}.subject-inputs input,.subject-inputs select{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem 1rem}.btn-add-subject{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn-add-subject:hover{background:#2563eb;transform:translateY(-2px)}.subjects-list{display:flex;flex-direction:column;gap:.75rem}.subject-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s}.subject-item:hover{box-shadow:0 2px 8px #0000001a}.subject-info{display:flex;flex-direction:column;gap:.25rem}.subject-teacher{color:#6b7280;font-size:.9rem}.btn-remove{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s;width:36px}.btn-remove:hover{background:#fecaca;transform:scale(1.1)}.form-actions{border-top:2px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.75rem 2rem}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666}.btn-secondary:hover:not(:disabled){background:#d1d5db}.spinner{border:4px solid #f3f4f6}@media (max-width:768px){.add-class-page{padding:1rem}.form-grid,.subject-inputs{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.attendance-page{margin:0 auto;max-width:1400px;padding:2rem}.attendance-filters{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.filter-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.25rem}.filter-card svg{color:#3b82f6;flex-shrink:0}.filter-card>div{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.filter-card label{color:#374151;font-size:.875rem;font-weight:600}.filter-card input,.filter-card select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1f2937;font-size:.875rem;padding:.625rem;transition:all .2s;width:100%}.filter-card input:focus,.filter-card select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-card select:disabled{background:#f3f4f6;cursor:not-allowed}.attendance-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-item{align-items:center;border-left:4px solid;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem}.stat-item.total{border-left-color:#3b82f6}.stat-item.present{border-left-color:#10b981}.stat-item.absent{border-left-color:#ef4444}.stat-item.late{border-left-color:#f59e0b}.stat-item.leave{border-left-color:#8b5cf6}.stat-item svg{flex-shrink:0}.stat-item.total svg{color:#3b82f6}.stat-item.present svg{color:#10b981}.stat-item.absent svg{color:#ef4444}.stat-item.late svg{color:#f59e0b}.stat-item.leave svg{color:#8b5cf6}.stat-item h3{color:#1f2937;font-size:1.875rem;margin:0}.stat-item p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.info-banner{align-items:center;background:#dbeafe;border:1px solid #3b82f6;border-radius:.5rem;color:#1e40af;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.info-banner svg{flex-shrink:0}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.attendance-form{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.attendance-table-container{max-height:600px;overflow-x:auto;overflow-y:auto}.attendance-table{border-collapse:collapse;width:100%}.attendance-table thead{background:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.attendance-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.attendance-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:.875rem;padding:1rem}.attendance-table tbody tr:hover{background:#f9fafb}.attendance-options{display:flex;flex-wrap:wrap;gap:.5rem}.attendance-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;gap:.375rem;padding:.5rem .875rem;transition:all .2s}.attendance-option:hover{background:#f9fafb;border-color:#d1d5db}.attendance-option input{display:none}.attendance-option svg{flex-shrink:0}.attendance-option.present{color:#059669}.attendance-option.present.selected{background:#d1fae5;border-color:#10b981;color:#047857;font-weight:600}.attendance-option.absent{color:#dc2626}.attendance-option.absent.selected{background:#fee2e2;border-color:#ef4444;color:#b91c1c;font-weight:600}.attendance-option.late{color:#d97706}.attendance-option.late.selected{background:#fef3c7;border-color:#f59e0b;color:#b45309;font-weight:600}.attendance-option.leave{color:#7c3aed}.attendance-option.leave.selected{background:#ede9fe;border-color:#8b5cf6;color:#6d28d9;font-weight:600}.form-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:1rem;padding:1.5rem}@media (max-width:768px){.attendance-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.attendance-filters{grid-template-columns:1fr}.attendance-stats{grid-template-columns:repeat(2,1fr)}.quick-actions{flex-direction:column}.quick-actions button{width:100%}.attendance-table-container{max-height:500px}.attendance-options{flex-direction:column;width:100%}.attendance-option{justify-content:center;width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.attendance-report-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header{padding-bottom:1rem}.header-left{gap:1rem}.page-header h1{font-size:1.875rem}.page-header p{font-size:.875rem;margin:.25rem 0 0}.report-filters{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.filter-group label{color:#374151}.filter-group input,.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-group select:disabled{background:#f3f4f6;cursor:not-allowed}.filter-actions{display:flex;flex-wrap:wrap;gap:1rem}.report-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.info-card{align-items:center;background:#fff;border-left:4px solid #3b82f6;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem}.info-card svg{color:#3b82f6;flex-shrink:0}.info-card h3{color:#1f2937;font-size:1.25rem;margin:0}.info-card p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.report-table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.report-table{border-collapse:collapse;width:100%}.report-table thead{background:#f9fafb}.report-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.report-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:.875rem;padding:1rem}.report-table tbody tr:hover{background:#f9fafb}.student-photo-small{border:2px solid #e5e7eb;border-radius:50%;height:40px;object-fit:cover;width:40px}.student-name{color:#1f2937;font-weight:500}.present-cell{color:#059669;font-weight:600}.absent-cell{color:#dc2626;font-weight:600}.late-cell{color:#d97706;font-weight:600}.leave-cell{color:#7c3aed;font-weight:600}.percentage-badge{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.percentage-badge.good{background:#d1fae5;color:#047857}.percentage-badge.medium{background:#fef3c7;color:#b45309}.percentage-badge.poor{background:#fee2e2;color:#b91c1c}.btn-primary,.btn-secondary{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.btn-primary:hover:not(:disabled){box-shadow:0 4px 6px #3b82f64d;transform:translateY(-1px)}.btn-secondary{border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.loading-container{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;gap:1rem;padding:4rem 2rem}.loading-container p{font-size:.875rem}.no-data-message{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.no-data-message svg{color:#d1d5db}.no-data-message h3{color:#1f2937;font-size:1.25rem;margin:0}.no-data-message p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:768px){.attendance-report-page{padding:1rem}.report-filters{padding:1.5rem}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions button{width:100%}.report-info{grid-template-columns:1fr}.report-table-container{overflow-x:auto}.report-table{min-width:800px}}.payments-page{padding:20px}.payment-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{border-left:4px solid;border-radius:15px;box-shadow:0 2px 10px #0000000d}.stat-card.total{border-left-color:#667eea}.stat-card.paid{border-left-color:#43e97b}.stat-card.pending{border-left-color:#ffa502}.stat-card.total .stat-icon{background:#667eea1a;color:#667eea}.stat-card.paid .stat-icon{background:#43e97b1a;color:#43e97b}.stat-card.pending .stat-icon{background:#ffa5021a;color:#ffa502}.stat-info h3{color:#333;font-size:28px;margin:0 0 5px}.stat-info p{color:#666;font-size:14px;margin:0}.payments-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.payment-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:transform .3s,box-shadow .3s}.payment-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.payment-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;padding:20px}.payment-info h3{color:#fff;font-size:32px;margin:0 0 5px}.payment-purpose{color:#ffffffe6;font-size:14px;margin:0;text-transform:capitalize}.status-badge.success{background:#43e97b;color:#fff}.status-badge.warning{background:#ffa502;color:#fff}.status-badge.danger{background:#f93e3e;color:#fff}.status-badge.error{background:#e74c3c;color:#fff}.payment-body{padding:20px}.info-row{border-bottom:1px solid #f5f7fa;justify-content:space-between;padding:10px 0}.info-row .label{color:#666;font-size:14px}.info-row .value{color:#333;font-size:14px;font-weight:600;text-align:right}.payment-actions{background:#f5f7fa;display:flex;flex-wrap:wrap;gap:10px;padding:15px 20px}.btn-pay{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px}.btn-pay,.btn-view{border-radius:8px;flex:1 1;justify-content:center}.btn-view{background:#3498db}.btn-approve{background:#43e97b}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:10px 20px}.btn-reject{background:#f93e3e}.payment-details{background:#f5f7fa;border-radius:10px;margin-bottom:20px;padding:20px}.payment-details h3{color:#333;margin:0 0 15px}.detail-row{justify-content:space-between;padding:8px 0}.detail-row strong{color:#667eea;font-size:18px}@media (max-width:768px){.payments-grid{grid-template-columns:1fr}.payment-actions{flex-direction:column}.btn-approve,.btn-pay,.btn-reject,.btn-view{width:100%}}.marks-page{padding:20px}.marks-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.marks-stats .stat-card{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;padding:25px}.marks-stats .stat-icon{align-items:center;background:#667eea1a;border-radius:12px;color:#667eea;display:flex;height:60px;justify-content:center;width:60px}.marks-container{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.marks-table-container{overflow-x:auto}.marks-table{border-collapse:collapse;width:100%}.marks-table thead{background:#f5f7fa}.marks-table th{color:#333;font-size:14px;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.marks-table td{border-top:1px solid #e1e8ed;font-size:14px;padding:15px}.student-cell{align-items:center;display:flex;gap:10px}.student-avatar-small{border-radius:50%;height:30px;object-fit:cover;width:30px}.subject-cell{color:#333;font-weight:600}.exam-type-badge{background:#e3f2fd;border-radius:20px;color:#1976d2;display:inline-block;font-size:12px;font-weight:600;padding:5px 12px;text-transform:capitalize}.grade-badge{border-radius:8px;display:inline-block;font-size:16px;font-weight:700;padding:8px 16px}.grade-badge.grade-a{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.grade-badge.grade-b{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.grade-badge.grade-c{background:linear-gradient(135deg,#ffa502,#ff6348);color:#fff}.grade-badge.grade-f{background:linear-gradient(135deg,#f93e3e,#e74c3c);color:#fff}.checkbox-label{gap:10px}@media (max-width:768px){.marks-table{font-size:12px}.marks-table td,.marks-table th{padding:10px 8px}}.notifications-page{padding:20px}.notification-icon-wrapper{position:relative}.notification-count{background:#f93e3e;border-radius:50%;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.btn-mark-all,.notification-count{align-items:center;color:#fff;display:flex}.btn-mark-all{background:#667eea;border:none;border-radius:10px;cursor:pointer;font-weight:600;gap:8px;padding:12px 24px;transition:opacity .3s}.btn-mark-all:hover{opacity:.9}.notifications-container{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.no-notifications{color:#999;padding:80px 20px;text-align:center}.no-notifications svg{color:#ccc;margin-bottom:20px}.no-notifications h3{color:#666;margin:0 0 10px}.no-notifications p{margin:0}.notifications-list{display:flex;flex-direction:column}.notification-item{align-items:flex-start;border-bottom:1px solid #e1e8ed;cursor:pointer;display:flex;gap:15px;padding:20px;position:relative;transition:background .3s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f5f7fa}.notification-item.unread{background:#f0f4ff}.notification-item.unread:hover{background:#e8eeff}.notification-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.notification-item.payment .notification-icon{background:#667eea1a;color:#667eea}.notification-item.marks .notification-icon{background:#43e97b1a;color:#43e97b}.notification-item.attendance .notification-icon{background:#ffa5021a;color:#ffa502}.notification-item.notice .notification-icon{background:#3498db1a;color:#3498db}.notification-item.general .notification-icon{background:#95a5a61a;color:#95a5a6}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.notification-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.unread-dot{background:#667eea;border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification-message{color:#666;font-size:14px;line-height:1.5;margin:0 0 8px}.notification-time{color:#999;font-size:12px}.notification-actions{display:flex;flex-shrink:0;gap:8px}.btn-icon-small{align-items:center;background:#667eea1a;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.btn-icon-small:hover{background:#667eea;color:#fff}.btn-delete-small{background:#f93e3e1a;color:#f93e3e}.btn-delete-small:hover{background:#f93e3e;color:#fff}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.btn-mark-all{justify-content:center;width:100%}.notification-item{padding:15px}.notification-icon{height:40px;width:40px}.notification-actions{flex-direction:column}}.website-settings-page{padding:20px}.settings-form{margin:0 auto;max-width:1400px}.settings-section{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.section-header{align-items:center;border-bottom:2px solid #f5f7fa;display:flex;gap:15px;margin-bottom:30px;padding-bottom:15px}.section-header svg{color:#667eea}.section-header h2{color:#333;font-size:22px;margin:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{gap:10px}.form-group input,.form-group textarea{font-family:inherit;padding:12px 16px}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.images-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.image-upload-box{display:flex;flex-direction:column;gap:15px}.image-upload-box>label{color:#333;font-size:14px;font-weight:600}.image-preview-container{align-items:center;background:#f9fafb;border:2px dashed #e1e8ed;border-radius:15px;display:flex;height:250px;justify-content:center;overflow:hidden;width:100%}.image-preview-container.wide{height:200px}.image-preview{height:100%;object-fit:cover}.image-placeholder{color:#999;text-align:center}.image-placeholder svg{color:#ccc;margin-bottom:10px}.image-placeholder p{font-size:14px;margin:0}.upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;padding:12px 24px;transition:transform .2s}.upload-btn:hover{transform:translateY(-2px)}.form-actions{justify-content:center}.btn-save{align-items:center;background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;padding:15px 40px;transition:transform .2s,box-shadow .2s}.btn-save:hover{box-shadow:0 10px 25px #43e97b4d;transform:translateY(-3px)}.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.settings-section{padding:20px}.form-grid,.images-grid{grid-template-columns:1fr}.btn-save{width:100%}}.settings-info-box{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #667eea;border-radius:15px;margin-top:30px;padding:25px}.settings-info-box h3{color:#333;font-size:18px;margin:0 0 15px}.settings-info-box ul{color:#555;line-height:2;margin:0;padding-left:20px}.settings-info-box ul ul{color:#666;font-size:14px;margin-top:8px}.settings-info-box li{margin-bottom:8px}.btn-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.btn-save{min-width:200px}.notices-page{padding:20px}.notices-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.notice-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:transform .3s,box-shadow .3s}.notice-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.notice-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;padding:15px 20px}.notice-type-badge{background:#fff3;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;text-transform:uppercase}.notice-type-badge.urgent{background:#f93e3e}.notice-type-badge.holiday{background:#43e97b}.notice-type-badge.exam{background:#ffa502}.notice-type-badge.event{background:#3498db}.notice-type-badge.admission{background:#9b59b6}.notice-date{align-items:center;color:#fff;display:flex;font-size:13px;gap:5px}.notice-card-body{padding:20px}.notice-card-body h3{color:#333;font-size:18px;margin:0 0 10px}.notice-card-body p{color:#666;line-height:1.6;margin:0 0 15px}.notice-attachments{background:#f5f7fa;border-radius:8px;padding:10px}.attachments-label{color:#667eea;font-size:13px;font-weight:600}.notice-card-actions{background:#f5f7fa;border-top:1px solid #e1e8ed;display:flex;gap:10px;justify-content:center;padding:15px 20px}.notice-view{padding:20px}.view-header{align-items:center;border-bottom:2px solid #f5f7fa;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.view-header h2{color:#333;font-size:24px;margin:0}.view-meta{background:#f5f7fa;border-radius:10px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.view-meta span{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.view-description{margin-bottom:30px}.view-description p{color:#555;font-size:15px;line-height:1.8}.view-attachments{background:#f5f7fa;border-radius:10px;padding:20px}.view-attachments h4{color:#333;margin:0 0 15px}.attachment-item{align-items:center;background:#fff;border-radius:8px;display:flex;gap:12px;margin-bottom:10px;padding:12px}.attachment-item svg{color:#667eea}.attachment-item span{color:#333;flex:1 1;font-weight:500}.btn-download{align-items:center;background:#667eea;border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;text-decoration:none;transition:background .3s}.btn-download:hover{background:#5568d3}.selected-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.file-tag{background:#e3f2fd;border-radius:15px;color:#1976d2;font-size:12px;font-weight:600;padding:5px 12px}.existing-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.existing-attachment-item{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.existing-attachment-item svg{color:#667eea}.existing-attachment-item span{color:#333;font-size:13px}@media (max-width:768px){.notices-grid{grid-template-columns:1fr}.view-header{align-items:flex-start}.view-header,.view-meta{flex-direction:column;gap:10px}}.manage-settings-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.header-left{gap:1.5rem}.page-header h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.page-header p{color:#6b7280;margin:0}.settings-tabs{border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s}.tab-btn:hover{background:#f3f4f6;color:#3b82f6}.tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.settings-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.settings-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.section-description{color:#6b7280;margin-bottom:2rem}.add-text-form{display:flex;gap:1rem;margin-bottom:2rem}.add-text-form input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:1rem;padding:.875rem 1rem}.add-text-form input:focus{border-color:#3b82f6;outline:none}.scrolling-texts-list{display:flex;flex-direction:column;gap:1rem}.scrolling-text-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s}.scrolling-text-item:hover{background:#f3f4f6;box-shadow:0 2px 4px #0000000d}.text-content{align-items:center;display:flex;flex:1 1;gap:1rem}.status-badge{font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.text-content p{color:#374151;font-size:.95rem;margin:0}.text-actions{display:flex;gap:.5rem}.btn-delete,.btn-edit,.btn-toggle{background:#0000;border:none;border-radius:6px;cursor:pointer;padding:.5rem;transition:all .2s}.btn-toggle:hover{background:#e5e7eb}.btn-edit{color:#3b82f6}.btn-edit:hover{background:#dbeafe}.btn-delete:hover{background:#fee2e2}.edit-mode{display:flex;gap:.5rem;width:100%}.edit-mode input{border:2px solid #3b82f6;border-radius:6px;flex:1 1;padding:.75rem}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;padding:.75rem;transition:all .2s}.btn-save{background:#10b981;color:#fff}.btn-save:hover{background:#059669}.btn-cancel{background:#6b7280;color:#fff}.btn-cancel:hover{background:#4b5563}.upload-section{margin-bottom:3rem}.upload-box{margin-bottom:1rem}.upload-label{display:block}.upload-placeholder{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:3rem;transition:all .3s}.upload-placeholder:hover{background:#eff6ff;border-color:#3b82f6}.upload-placeholder svg{color:#9ca3af;margin-bottom:1rem}.upload-placeholder p{color:#374151;font-weight:600;margin:0 0 .5rem}.upload-placeholder span{color:#6b7280;font-size:.875rem}.image-preview{border:2px solid #e5e7eb;border-radius:12px;max-height:400px;object-fit:contain;width:100%}.upload-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary{border-radius:8px;padding:.875rem 1.5rem}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af}.btn-secondary{background:#e5e7eb}.btn-secondary:hover{background:#d1d5db}.hero-images-grid{margin-top:2rem}.grid-header{margin-bottom:1.5rem}.grid-header h3{color:#1f2937;font-size:1.25rem;margin:0}.images-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.image-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:transform .3s}.image-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.image-card img{height:200px;object-fit:cover;width:100%}.image-overlay{align-items:center;background:#00000080;bottom:0;display:flex;gap:1rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.image-card:hover .image-overlay{opacity:1}.image-order{background:#3b82f6;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;left:10px;padding:.25rem .75rem;position:absolute;top:10px}.btn-delete-image{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s}.btn-delete-image:hover{background:#dc2626}.current-image-display{margin-bottom:2rem}.current-image-display h3{color:#1f2937;font-size:1.125rem;margin-bottom:1rem}.image-preview-large{max-width:600px;position:relative}.image-preview-large img{border:2px solid #e5e7eb;border-radius:12px;width:100%}.btn-delete-overlay{align-items:center;background:#ef4444;border:none;border-radius:8px;bottom:1rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;opacity:0;padding:.75rem 1.5rem;position:absolute;right:1rem;transition:all .3s}.image-preview-large:hover .btn-delete-overlay{opacity:1}.btn-delete-overlay:hover{background:#dc2626}.empty-state{color:#9ca3af;padding:4rem 2rem;text-align:center}.empty-state svg{margin-bottom:1rem}.empty-state p{font-size:1.125rem;margin:0}.loading-container{padding:4rem}@media (max-width:768px){.manage-settings-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.settings-tabs{flex-wrap:nowrap;overflow-x:auto}.tab-btn{padding:.75rem 1rem;white-space:nowrap}.add-text-form{flex-direction:column}.images-grid{grid-template-columns:1fr}.upload-actions{flex-direction:column}}.manage-users-container{padding:20px}.page-header h1{color:#333;margin:0}.filters-section{margin-bottom:30px}.search-box i{color:#666;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #ddd;font-size:14px;padding:12px 15px 12px 45px}.role-filter select{border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:200px;padding:12px 15px}.users-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px;transition:transform .2s,box-shadow .2s}.user-card:hover{box-shadow:0 5px 20px #0000001f;transform:translateY(-5px)}.user-image{height:120px;margin:0 auto 20px;position:relative;width:120px}.user-image img{border:4px solid #f0f0f0;border-radius:50%;height:100%;object-fit:cover;width:100%}.role-badge{bottom:0;color:#fff;font-size:11px;padding:5px 12px;position:absolute;right:0}.badge-primary{background:#4caf50}.badge-success{background:#2196f3}.badge-warning{background:#ff9800}.user-info{margin-bottom:20px;text-align:center}.user-info h3{color:#333;font-size:18px;margin-bottom:10px}.user-email,.user-phone{color:#666;font-size:13px;margin:5px 0}.user-email i,.user-phone i{color:#999;margin-right:8px}.user-status{margin-top:10px}.status-badge{border-radius:12px;font-weight:500;padding:4px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.user-actions{display:flex;gap:10px;justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.btn-primary{background:#4caf50}.btn-primary:hover{background:#45a049}.btn-sm{font-size:13px;padding:8px 15px}.btn-info{background:#2196f3;color:#fff}.btn-info:hover{background:#0b7dda}.btn-danger{background:#f44336}.btn-danger:hover{background:#da190b}.loading-spinner{color:#666;font-size:18px;padding:50px;text-align:center}.loading-spinner i{font-size:32px;margin-bottom:15px}.no-data i{font-size:48px;margin-bottom:15px;opacity:.5}@media (max-width:768px){.users-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.search-box{min-width:100%}.role-filter select{width:100%}}.add-user-container{margin:0 auto;max-width:1200px;padding:20px}.form-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:30px}.profile-upload-section{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:30px;margin-bottom:40px;padding-bottom:30px}.profile-preview{border:4px solid #f0f0f0;border-radius:50%;height:150px;overflow:hidden;width:150px}.profile-preview img{height:100%;object-fit:cover;width:100%}.placeholder-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;width:100%}.placeholder-image i{color:#fff;font-size:60px}.upload-button-wrapper{flex:1 1}.btn-outline{align-items:center;background:#fff;border:2px solid #4caf50;color:#4caf50;display:inline-flex;gap:10px;padding:12px 24px}.btn-outline:hover{background:#4caf50;color:#fff}.upload-hint{color:#666;font-size:13px;margin-top:10px}.form-grid{grid-gap:25px;gap:25px;margin-bottom:30px}.required{color:#f44336}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.profile-upload-section{flex-direction:column;text-align:center}.form-actions{flex-direction:column}.form-actions button{width:100%}}.role-dashboard{padding:20px}.welcome-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.welcome-text h1{font-size:32px;margin-bottom:10px}.welcome-text p{font-size:16px;margin:5px 0;opacity:.9}.current-time{font-size:18px;font-weight:600;margin-top:10px}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;padding:20px;text-align:center}.profile-card img{border:4px solid #fff;border-radius:50%;height:100px;margin-bottom:15px;width:100px}.profile-card h3{font-size:18px;margin-bottom:8px}.role-badge{border-radius:20px;display:inline-block;font-size:13px;padding:6px 16px;text-transform:uppercase}.staff-badge{background:#4caf50}.librarian-badge{background:#2196f3}.accountant-badge{background:#ff9800}.stats-grid{grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{box-shadow:0 2px 10px #00000014;gap:20px;padding:25px}.stat-icon{font-size:24px;height:60px;width:60px}.stat-info h3{color:#666;font-size:14px;margin-bottom:8px}.stat-number{color:#333;font-size:28px;font-weight:700;margin:5px 0}.stat-label{color:#999;font-size:12px}.dashboard-content-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.content-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:25px}.content-card h2{align-items:center;color:#333;display:flex;font-size:18px;gap:10px;margin-bottom:20px}.book-list,.payment-list,.task-list{list-style:none}.book-list li,.payment-list li,.task-list li{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px}.book-list li:last-child,.payment-list li:last-child,.task-list li:last-child{border-bottom:none}.book-title,.payment-title,.task-title{color:#333;font-size:14px}.book-status,.task-status{border-radius:12px;font-size:12px;font-weight:500;padding:5px 12px}.book-status.overdue,.task-status.pending{background:#fff3cd;color:#856404}.task-status.in-progress{background:#cce5ff;color:#004085}.task-status.completed{background:#d4edda;color:#155724}.payment-amount{color:#4caf50;font-size:16px;font-weight:600}.notification-list{list-style:none}.notification-list li{border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:15px}.notification-list li:last-child{border-bottom:none}.notification-icon{font-size:24px}.notification-content p{color:#333;font-size:14px;margin-bottom:5px}.notification-content span{color:#999;font-size:12px}.loading-container{color:#666;font-size:18px;height:400px}.field-hint{color:#999;font-size:12px;margin-top:5px}.checkbox-wrapper{align-items:center;display:flex;gap:10px;padding:12px 0}.checkbox-wrapper input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-wrapper label{cursor:pointer;margin:0}@media (max-width:768px){.welcome-section{flex-direction:column;text-align:center}.welcome-text h1{font-size:24px}.dashboard-content-grid,.stats-grid{grid-template-columns:1fr}}.subjects-container{margin:0 auto;max-width:1400px;padding:2rem}.subjects-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-left h1{align-items:center;color:#1e293b;display:flex;font-size:1.75rem;gap:.75rem;margin-bottom:.5rem}.header-left p{color:#64748b;font-size:.95rem}.btn-add{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 6px #3b82f64d;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-add:hover{box-shadow:0 6px 12px #3b82f666}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-info h3{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-info p{color:#64748b;font-size:.875rem}.subjects-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-box{align-items:center;display:flex;flex:1 1;min-width:300px;position:relative}.search-box svg{color:#94a3b8;left:1rem;position:absolute}.search-box input{border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-filter{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-filter:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.filter-panel{grid-gap:1rem;align-items:end;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;padding:1.5rem}.filter-group{flex-direction:column;gap:.5rem}.filter-group label{color:#475569;font-size:.875rem;font-weight:600}.filter-group select{border:2px solid #e2e8f0;border-radius:6px;font-size:.95rem;padding:.625rem;transition:all .3s ease}.filter-group select:focus{border-color:#3b82f6;outline:none}.btn-clear-filter{background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-weight:600;padding:.625rem 1rem;transition:all .3s ease}.btn-clear-filter:hover{background:#e2e8f0;color:#475569}.subjects-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.subjects-table{border-collapse:collapse;width:100%}.subjects-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.subjects-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.subjects-table td{border-bottom:1px solid #f1f5f9;color:#475569;font-size:.95rem;padding:1rem}.subjects-table tbody tr{transition:all .2s ease}.subjects-table tbody tr:hover{background:#f8fafc}.subject-code{background:#eff6ff;color:#2563eb;font-size:.875rem}.badge,.subject-code{border-radius:6px;display:inline-block;font-weight:600;padding:.25rem .75rem}.badge{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.badge-science{background:#dbeafe;color:#1e40af}.badge-arts{background:#fce7f3;color:#be123c}.badge-commerce{background:#fef3c7;color:#b45309}.badge-general{background:#f3f4f6;color:#374151}.text-muted{color:#94a3b8;font-style:italic}.status-badge{border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8125rem;gap:.375rem;padding:.375rem .75rem;transition:all .3s ease}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.active:hover{background:#a7f3d0}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.inactive:hover{background:#fecaca}.action-buttons{gap:.5rem}.btn-icon{height:36px;width:36px}.btn-icon.edit{background:#dbeafe;color:#1e40af}.btn-icon.edit:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.btn-icon.delete{background:#fee2e2;color:#991b1b}.btn-icon.delete:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.modal-overlay{padding:1rem}.modal-content{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:2px solid #f1f5f9;padding:1.5rem}.modal-header h2{color:#1e293b;font-size:1.5rem}.btn-close{background:#f1f5f9;border-radius:8px;color:#64748b;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-close:hover{background:#e2e8f0;color:#1e293b}.modal-body{padding:1.5rem}.modal-body p{color:#475569;line-height:1.6;margin-bottom:1rem}.text-danger{color:#dc2626}.modal-footer{border-top:2px solid #f1f5f9;gap:1rem;padding:1.5rem}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.form-group{gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#475569;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;font-size:.95rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{font-family:inherit}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-label span{color:#475569;font-size:.95rem;font-weight:600}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:hover{box-shadow:0 6px 12px #3b82f64d}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover{box-shadow:0 6px 12px #ef44444d;transform:translateY(-2px)}.loading-spinner{align-items:center;color:#64748b;display:flex;font-size:1.125rem;justify-content:center;padding:4rem}.no-data{color:#94a3b8;padding:4rem}.no-data svg{margin-bottom:1rem;opacity:.5}.no-data p{font-size:1.125rem;font-weight:500}@media (max-width:768px){.subjects-container{padding:1rem}.subjects-header{align-items:flex-start;flex-direction:column}.header-left h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.subjects-controls{flex-direction:column}.search-box{min-width:100%}.filter-panel{grid-template-columns:1fr}.subjects-table-container{overflow-x:auto}.subjects-table{min-width:900px}.form-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:100%}}.class-routine-page{padding:24px}.page-header{margin-bottom:32px}.header-left{gap:16px}.header-left svg{color:#3b82f6}.header-left h1{color:#1f2937;margin:0 0 4px}.header-left p{color:#6b7280;margin:0}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666}.routines-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.routine-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .3s ease}.routine-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.routine-card-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.routine-card-header h3{color:#1f2937;font-size:20px;margin:0}.section-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.routine-card-body{margin-bottom:16px}.routine-card-body p{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin:8px 0}.routine-card-body svg{color:#9ca3af}.routine-card-actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon{border-radius:6px;padding:8px;transition:all .3s ease}.btn-view{background:#dbeafe;color:#3b82f6}.btn-view:hover{background:#3b82f6}.btn-edit{background:#fef3c7;color:#f59e0b}.btn-edit:hover{background:#f59e0b}.btn-delete{background:#fee2e2;color:#ef4444}.btn-delete:hover{background:#ef4444}.no-data{color:#9ca3af;gap:16px;padding:64px}.no-data svg{color:#d1d5db}.no-data p{color:#6b7280;font-size:18px}.modal-overlay{padding:24px}.routine-modal{max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.modal-content{box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:2px solid #e5e7eb;padding:24px}.modal-header h2{color:#1f2937}.close-btn{border-radius:4px;color:#6b7280;padding:4px;transition:all .3s ease}.close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px}.form-section{margin-bottom:24px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.schedule-editor{margin-top:24px}.schedule-editor>h3{color:#1f2937;font-size:20px;margin-bottom:16px}.day-schedule-editor{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.day-header h4{color:#1f2937;font-size:18px;margin:0}.btn-add-period{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-add-period:hover{background:#059669}.periods-list{display:flex;flex-direction:column;gap:12px}.period-editor{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.period-number-badge{background:#3b82f6;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.period-fields{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.btn-remove-period{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.btn-remove-period:hover{background:#ef4444;color:#fff}.modal-footer{border-top:2px solid #e5e7eb;gap:12px;padding:24px}.btn-secondary{background:#f3f4f6;border:none;border-radius:8px;color:#374151;padding:10px 24px;transition:all .3s ease}.btn-secondary:hover{background:#e5e7eb}.spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;height:48px;width:48px}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:16px}.routines-grid{grid-template-columns:1fr}.routine-modal{border-radius:0;max-height:100vh;max-width:100%}.form-row,.period-fields{grid-template-columns:1fr}}.weekly-routine-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.routine-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.routine-header h2{color:#1f2937;font-size:24px;margin:0}.academic-year{background:#3b82f6;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:6px 16px}.routine-table-wrapper{overflow-x:auto}.routine-table{border-collapse:collapse;width:100%}.routine-table thead{background:#f9fafb}.routine-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.day-column{width:150px}.periods-column{width:auto}.routine-table tbody tr{border-bottom:1px solid #e5e7eb}.routine-table tbody tr:last-child{border-bottom:none}.day-cell{background:#f9fafb;padding:16px;vertical-align:top}.day-name{color:#1f2937;font-size:16px;font-weight:600}.periods-cell{padding:16px}.periods-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.period-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .3s ease}.period-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.teacher-highlight{background:#dbeafe;border:2px solid #3b82f6}.teacher-highlight:hover{background:#bfdbfe}.period-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.period-number{color:#3b82f6;font-size:14px;font-weight:600}.period-time{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.period-body{display:flex;flex-direction:column;gap:6px}.period-info{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.period-info svg{color:#6b7280;flex-shrink:0}.subject-name{color:#1f2937;font-weight:600}.room-name,.teacher-name{color:#6b7280}.no-classes{color:#9ca3af;font-style:italic;padding:24px;text-align:center}@media (max-width:768px){.routine-header{align-items:flex-start;flex-direction:column;gap:12px}.periods-grid{grid-template-columns:1fr}.routine-table{font-size:14px}.day-column{width:100px}}.class-routine-view-page{padding:24px}.btn-back{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:10px 20px;transition:all .3s ease}.btn-back:hover{background:#f3f4f6;border-color:#9ca3af}.btn-back svg{transition:transform .3s ease}.btn-back:hover svg{transform:translateX(-4px)}.student-routine-view{padding:24px}.loading-container{gap:16px;min-height:400px}.spinner{color:#3b82f6}.loading-container p{color:#6b7280;font-size:16px}.no-routine-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.no-routine-container svg{color:#9ca3af}.no-routine-container h3{color:#374151;font-size:24px;margin:0}.no-routine-container p{color:#6b7280;font-size:16px;margin:0}.teacher-routine-view{padding:24px}.routine-selector{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:16px}.routine-selector label{color:#374151;font-size:16px;font-weight:600}.routine-selector select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;max-width:400px;padding:10px 16px;transition:all .3s ease}.routine-selector select:hover{border-color:#3b82f6}.routine-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.routine-legend{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:24px;margin-top:24px;padding:16px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border:1px solid #e5e7eb;border-radius:4px;height:24px;width:24px}.legend-color.highlighted{background:#dbeafe;border:2px solid #3b82f6}.legend-color.normal{background:#fff;border:1px solid #e5e7eb}.legend-item span{color:#6b7280;font-size:14px}@media (max-width:768px){.routine-selector{align-items:flex-start;flex-direction:column}.routine-selector select{max-width:100%}.routine-legend{flex-direction:column;gap:12px}}.assignments-page{padding:20px}.btn-primary{transition:all .3s}.search-input-group input{font-size:14px}.filter-group select{background:#fff;border:2px solid #e1e8ed;border-radius:10px;cursor:pointer;font-size:14px;outline:none;padding:10px 15px}.assignments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.assignment-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:all .3s}.assignment-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.card-title-row{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.card-title-row h3{flex:1 1;font-size:18px;font-weight:600;margin:0}.status-badge{align-items:center;display:flex;font-size:11px;font-weight:700;gap:5px;padding:6px 12px;white-space:nowrap}.status-normal{background:#fff3;color:#fff}.status-urgent{background:#fff5f5;color:#c53030}.card-subject{align-items:center;display:flex;font-size:14px;gap:8px;margin:0;opacity:.9}.card-body{padding:20px}.assignment-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.assignment-meta{display:flex;flex-direction:column;gap:10px}.meta-item{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.meta-item .label{color:#333;font-weight:600}.expired-badge{background:#fff5f5;border-radius:12px;color:#c53030;font-size:11px;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.card-footer{background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;padding:15px 20px}.btn-icon{flex:1 1;font-size:14px;padding:10px}.btn-edit{background:#fff3e0;color:#f57c00}.btn-edit:hover{background:#f57c00;color:#fff}.assignment-modal{max-width:800px}.detail-row{border-bottom:1px solid #e1e8ed;gap:5px;padding:15px 0}.detail-row p{color:#666;line-height:1.6;margin:0}.file-preview{background:#f7fafc;border-radius:10px;padding:20px}.file-link{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:10px;padding:12px 20px}.file-link:hover{box-shadow:0 5px 15px #667eea66}@media (max-width:768px){.assignments-page{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.header-left h1{font-size:24px}.filters-section{flex-direction:column}.search-form{min-width:100%;width:100%}.filter-group{flex-wrap:wrap;width:100%}.filter-group select{flex:1 1;min-width:150px}.assignments-grid{grid-template-columns:1fr}.assignment-card{margin-bottom:15px}.card-title-row{align-items:flex-start;flex-direction:column}.modal-content{max-height:85vh;width:95%}}.add-assignment-page{padding:20px}.assignment-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e8ed;border-radius:10px;font-family:inherit;font-size:14px;outline:none;padding:12px 15px}.form-group textarea{min-height:120px;resize:vertical}.file-input{background:#f7fafc;border:2px dashed #e1e8ed;border-radius:10px;cursor:pointer;padding:10px;transition:all .3s}.file-input:hover{background:#f0f4ff;border-color:#667eea}.file-selected{align-items:center;background:#e3f2fd;border-radius:10px;color:#1976d2;display:flex;gap:10px;margin-top:10px;padding:12px 15px}.file-selected span{font-size:14px;font-weight:500}.image-preview{border-radius:10px;max-width:400px}.form-actions{border-top:1px solid #e1e8ed;margin-top:20px}.btn-primary,.btn-secondary{font-size:14px}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;color:#333}.btn-secondary:hover{background:#cbd5e0}@media (max-width:768px){.add-assignment-page{padding:15px}.page-header{padding:20px}.header-left h1{font-size:24px}.form-container{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.image-preview{max-width:100%}}.student-assignments-page{padding:20px}.assignments-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-item{padding:25px}.stat-item h3{font-size:36px;font-weight:700}.stat-urgent h3{color:#f56565}.stat-active h3{color:#48bb78}.assignments-list{display:flex;flex-direction:column;gap:15px}.assignment-item{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:20px;transition:all .3s}.assignment-item:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-3px)}.assignment-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.title-section{flex:1 1}.title-section h3{color:#333;font-size:20px;margin:0 0 10px}.urgent-badge{align-items:center;background:#fff5f5;border-radius:20px;color:#c53030;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:6px 14px}.btn-view{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s;white-space:nowrap}.btn-view:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.assignment-content{flex-wrap:wrap;gap:20px;margin-bottom:15px}.assignment-content,.info-item{align-items:center;display:flex}.info-item{color:#666;font-size:14px;gap:8px}.time-remaining{background:#d4f4dd;border-radius:12px;color:#22543d;font-size:12px;font-weight:600;padding:6px 12px}.time-remaining.expired{background:#fff5f5;color:#c53030}.assignment-file{border-top:1px solid #e2e8f0;padding-top:15px}.file-link{align-items:center;background:#e3f2fd;border-radius:10px;color:#1976d2;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;text-decoration:none;transition:all .3s}.file-link:hover{background:#1976d2;color:#fff;transform:translateY(-2px)}.no-data{align-items:center;background:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:center}.no-data p{font-size:16px;margin-top:15px}.loading-container p{color:#666;margin-top:20px}.modal-content{max-width:800px}.assignment-detail{display:flex;flex-direction:column;gap:15px}.detail-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.detail-header h3{color:#333;font-size:22px;margin:0}.detail-row{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row label{color:#333;font-size:14px;font-weight:600}.description-text,.detail-row span{color:#666;font-size:14px}.description-text{line-height:1.8;margin:0}.text-danger{color:#c53030;font-weight:600}.text-success{color:#22543d;font-weight:600}.detail-file{background:#f7fafc;border-radius:10px;margin-top:10px;padding:20px}.detail-file label{color:#333;display:block;font-weight:600;margin-bottom:15px}.file-download-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:inline-flex;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 24px;text-decoration:none;transition:all .3s}.file-download-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.pdf-preview{border:2px solid #e2e8f0;height:600px}.image-preview-modal,.pdf-preview{border-radius:10px;margin-top:15px;width:100%}.image-preview-modal{height:auto}@media (max-width:768px){.student-assignments-page{padding:15px}.page-header{padding:20px}.header-left h1{font-size:24px}.assignment-header{align-items:flex-start;flex-direction:column}.btn-view{justify-content:center;width:100%}.assignment-content{align-items:flex-start;flex-direction:column;gap:10px}.modal-content{max-height:85vh;width:95%}.detail-header{align-items:flex-start;flex-direction:column}.pdf-preview{height:400px}}.leave-request-page{padding:20px}.form-container{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:800px;padding:30px}.leave-form{display:flex;flex-direction:column;gap:20px}.form-group label{align-items:center;display:flex;gap:8px}.form-group input,.form-group textarea{border:2px solid #e1e8ed;border-radius:10px;outline:none;padding:12px 15px}.form-actions{margin-top:10px}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 5px 15px #667eea66}.btn-secondary{background:#f5f7fa;color:#666}.btn-secondary:hover{background:#e1e8ed}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.my-leaves-page{padding:20px}.leaves-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.leave-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:25px;transition:transform .3s}.leave-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.leave-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:15px}.leave-header h3{color:#333;font-size:18px;margin:0}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.leave-description{color:#666;font-size:14px;margin-bottom:15px}.leave-dates{border-top:1px solid #e1e8ed;display:flex;flex-direction:column;gap:10px;padding-top:15px}.date-item{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.leave-footer{border-top:1px solid #e1e8ed;color:#666;font-size:13px;margin-top:15px;padding-top:15px}.rejection-reason{background:#fff3cd;border-radius:10px;margin-top:15px;padding:15px}.rejection-reason strong{color:#856404;display:block;margin-bottom:5px}.rejection-reason p{color:#856404;font-size:14px;margin:0}.no-data{grid-column:1/-1;padding:60px 20px}.no-data svg{color:#ccc;margin-bottom:20px}@media (max-width:768px){.leaves-grid{grid-template-columns:1fr}}.leave-management-page{padding:20px}.user-info{align-items:center;display:flex;gap:10px}.user-photo{border-radius:50%;height:40px;object-fit:cover;width:40px}.role-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.description{color:#999;font-size:13px;margin:5px 0 0}.date-range{align-items:center;color:#666;display:flex;font-size:13px;gap:5px}.btn-approve{background:#d4edda;color:#155724}.btn-approve:hover{background:#155724;color:#fff}.btn-reject{background:#f8d7da;color:#721c24}.btn-reject:hover{background:#721c24;color:#fff}.modal-footer{border-top:1px solid #e1e8ed;display:flex;gap:10px;justify-content:flex-end;padding:20px 25px}.btn-danger{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-danger:hover{background:#c82333}@media (max-width:768px){.data-table{font-size:12px}}.governing-management-container{margin:0 auto;max-width:1400px;padding:30px}.management-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.management-header h1{color:#2c3e50;font-size:28px;font-weight:700}.header-actions{gap:15px}.btn-add,.btn-date-range{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.btn-date-range{background:#667eea;color:#fff}.btn-add{background:#43e97b;color:#fff}.btn-date-range:hover{background:#5568d3;transform:translateY(-2px)}.btn-add:hover{background:#38d96a;transform:translateY(-2px)}.current-date-range{align-items:center;background:#f8f9fa;border-radius:8px;color:#2c3e50;display:flex;font-weight:600;gap:10px;margin-bottom:30px;padding:15px 20px}.members-list{margin-top:30px}.no-data{color:#666;font-size:16px;padding:60px}.members-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.member-item{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:25px;transition:all .3s}.member-item:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.member-image{border-radius:8px;height:280px;margin-bottom:20px}.member-details h3{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:8px}.member-position{color:#667eea;font-size:15px;font-weight:600;margin-bottom:10px}.member-desc{font-size:14px;margin-bottom:10px}.member-order{color:#999;font-size:13px;margin-bottom:15px}.btn-delete,.btn-edit{font-weight:600;gap:5px;padding:10px 16px}.btn-edit{background:#667eea}.btn-edit:hover{background:#5568d3}.modal-overlay{background:#0009}.modal-small{max-width:500px}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h2{color:#2c3e50;font-weight:700}.btn-close{align-items:center;display:flex;padding:5px}.btn-close:hover{color:#2c3e50}.date-form,.member-form{padding:25px}.form-group label{color:#2c3e50;font-size:14px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea}.form-row{grid-template-columns:1fr 1fr 1fr}.image-preview{height:200px;width:200px}.image-preview img{height:100%;object-fit:cover}.form-actions{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.btn-cancel,.btn-submit{align-items:center;border-radius:8px;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 30px}.btn-cancel{background:#e0e0e0;color:#666}.btn-submit{background:#667eea}.btn-cancel:hover{background:#d0d0d0}.btn-submit:hover{background:#5568d3}@media (max-width:768px){.governing-management-container{padding:20px}.management-header{align-items:stretch}.header-actions,.management-header{flex-direction:column}.form-row,.members-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}}.training-management-container{margin:0 auto;max-width:1400px;padding:20px}.trainings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.training-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.training-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.training-image{background:#f5f5f5;height:250px;overflow:hidden;width:100%}.training-image img{height:100%;object-fit:cover;width:100%}.training-content{padding:20px}.training-content h3{color:#1a1a1a;font-size:20px;margin-bottom:10px}.training-phone{color:#4f46e5;font-weight:500;margin-bottom:10px}.training-desc{color:#666;line-height:1.6;margin-bottom:15px}.training-actions{display:flex;gap:10px}.training-form{padding:20px}@media (max-width:768px){.trainings-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:15px}}.club-management-container{margin:0 auto;max-width:1400px;padding:20px}.members-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.member-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.member-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.member-image{background:#f5f5f5;height:250px;overflow:hidden;width:100%}.member-image img{height:100%;object-fit:cover;width:100%}.member-content{padding:20px}.member-content h3{color:#1a1a1a;font-size:20px;margin-bottom:10px}.member-desc{color:#666;line-height:1.6;margin-bottom:15px}.member-actions{display:flex;gap:10px}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .3s}.btn-edit{background:#10b981;color:#fff}.btn-edit:hover{background:#059669}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.club-form{padding:20px}.image-preview{max-width:300px}@media (max-width:768px){.members-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:15px}}.teacher-list-management-container{margin:0 auto;max-width:1400px;padding:20px}.page-header h1{color:#1a1a1a;font-size:28px}.btn-primary{background:#4f46e5;border-radius:8px;font-size:16px;transition:background .3s}.btn-primary:hover{background:#4338ca}.teachers-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.teachers-table{border-collapse:collapse;width:100%}.teachers-table thead{background:#f9fafb}.teachers-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:16px;text-align:left}.teachers-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.teachers-table tbody tr:hover{background:#f9fafb}.teacher-avatar{background:#f5f5f5;border-radius:50%;height:50px;overflow:hidden;width:50px}.teacher-avatar img{height:100%;object-fit:cover;width:100%}.table-actions{display:flex;gap:8px}.btn-delete-small,.btn-edit-small{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.btn-edit-small{background:#10b981;color:#fff}.btn-edit-small:hover{background:#059669}.btn-delete-small{background:#ef4444;color:#fff}.btn-delete-small:hover{background:#dc2626}.modal-overlay{background:#00000080;padding:20px;z-index:1000}.modal-content{border-radius:12px;max-width:700px;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px}.modal-header h2{color:#1a1a1a;font-size:24px}.btn-close{background:none;border:none;color:#666;cursor:pointer;transition:color .3s}.btn-close:hover{color:#1a1a1a}.teacher-form{padding:20px}.form-row{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5;outline:none}.image-preview{border-radius:8px;margin-top:15px;max-width:200px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.form-actions{gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:10px 24px;transition:all .3s}.btn-cancel{background:#e5e7eb;color:#374151}.btn-cancel:hover{background:#d1d5db}.btn-submit{background:#4f46e5;color:#fff}.btn-submit:hover{background:#4338ca}@media (max-width:768px){.teachers-table-wrapper{overflow-x:auto}.form-row{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:15px}}.dashboard-home-container{margin:0 auto;max-width:1400px;padding:2rem}.welcome-header{margin-bottom:3rem;text-align:center}.welcome-header h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.welcome-header p{color:#64748b;font-size:1.1rem}.dashboard-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.dashboard-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 6px #00000012;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-card:before{background:var(--card-color);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.dashboard-card:hover:before{transform:scaleX(1)}.dashboard-card:hover{border-color:var(--card-color);box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.card-icon{align-items:center;border-radius:20px;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease;width:80px}.card-icon svg{stroke-width:2;color:#fff;height:40px;width:40px}.dashboard-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.dashboard-card h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.card-arrow{bottom:1.5rem;color:var(--card-color);font-size:1.5rem;opacity:0;position:absolute;right:1.5rem;transform:translateX(-10px);transition:all .3s ease}.dashboard-card:hover .card-arrow{opacity:1;transform:translateX(0)}@media (max-width:1200px){.dashboard-cards-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.dashboard-home-container{padding:1.5rem}.welcome-header h1{font-size:2rem}.welcome-header p{font-size:1rem}.dashboard-cards-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:2rem}.card-icon{height:70px;width:70px}.card-icon svg{height:35px;width:35px}.dashboard-card h3{font-size:1.25rem}}@media (max-width:480px){.dashboard-home-container{padding:1rem}.welcome-header{margin-bottom:2rem}.welcome-header h1{font-size:1.75rem}.welcome-header p{font-size:.95rem}.dashboard-cards-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:1.5rem}.card-icon{height:60px;width:60px}.card-icon svg{height:30px;width:30px}.dashboard-card h3{font-size:1.1rem}.card-arrow{bottom:1rem;font-size:1.25rem;right:1rem}}@media (max-width:300px){.dashboard-cards-grid{grid-template-columns:1fr}.dashboard-card{padding:1.25rem}.card-icon{height:50px;width:50px}.card-icon svg{height:25px;width:25px}.dashboard-card h3{font-size:1rem}}.admission-form-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.admission-header{color:#fff;margin-bottom:30px;position:relative;text-align:center}.back-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;left:0;padding:10px 20px;position:absolute;top:0;transition:all .3s}.back-btn:hover{background:#ffffff4d}.admission-header h1{font-size:2.5rem;margin-bottom:10px}.admission-header p{font-size:1.1rem;opacity:.9}.progress-steps{justify-content:center;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:900px}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{flex-direction:column;gap:8px}.step-number{align-items:center;background:#ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;transition:all .3s;width:50px}.progress-step.active .step-number{background:#fff;box-shadow:0 4px 15px #ffffff4d;color:#667eea}.step-label{color:#fff;font-size:.9rem;opacity:.7;text-align:center}.progress-step.active .step-label{font-weight:600;opacity:1}.progress-line{background:#ffffff4d;height:3px;margin:0 10px;transition:all .3s;width:80px}.progress-line.active{background:#fff}.admission-form-container{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:900px;padding:40px}.form-step h2{border-bottom:2px solid #f0f0f0;color:#333;gap:12px;margin-bottom:30px;padding-bottom:15px}.form-step h2,.form-step h3{align-items:center;display:flex}.form-step h3{color:#667eea;font-size:1.2rem;gap:8px;margin:25px 0 15px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.checkbox-group{margin:20px 0}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;height:20px;width:20px}.upload-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr)}.upload-box label{color:#333;display:block;font-weight:600;margin-bottom:15px}.file-upload-area{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;justify-content:center;min-height:180px;position:relative}.upload-label{align-items:center;color:#667eea;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px;transition:all .3s}.upload-label:hover{color:#5568d3}.file-preview{height:100%;position:relative;width:100%}.file-preview img{border-radius:8px;height:180px;object-fit:cover;width:100%}.file-uploaded{align-items:center;color:#10b981;display:flex;flex-direction:column;gap:10px;padding:20px}.file-uploaded span{color:#333;font-size:.9rem;word-break:break-all}.remove-file{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s;width:30px}.remove-file:hover{background:#dc2626;transform:scale(1.1)}.upload-box small{color:#666;display:block;font-size:.85rem;margin-top:10px}.form-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:space-between;margin-top:40px;padding-top:30px}.btn-next,.btn-prev,.btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 30px;transition:all .3s}.btn-prev{background:#e0e0e0;color:#333}.btn-prev:hover{background:#d0d0d0}.btn-next,.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto}.btn-next:hover,.btn-submit:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}@media (max-width:768px){.admission-form-page{padding:10px}.admission-header h1{font-size:1.8rem}.back-btn{margin-bottom:20px;position:static}.progress-steps{overflow-x:auto;padding-bottom:10px}.progress-line{width:40px}.step-label{font-size:.75rem}.admission-form-container{padding:20px}.form-row,.upload-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-next,.btn-submit{margin-left:0}}.document-instructions{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 20px #667eea4d;color:#fff;margin-bottom:30px;padding:25px}.document-instructions h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;gap:10px;margin-bottom:20px}.document-instructions ul{list-style:none;margin:0;padding:0}.document-instructions li{align-items:center;border-bottom:1px solid #fff3;display:flex;font-size:1.05rem;gap:10px;padding:12px 0}.document-instructions li:last-child{border-bottom:none}.document-instructions .note{background:#ffffff26;border-radius:10px;font-size:.95rem;font-weight:600;margin-top:20px;padding:15px}.upload-grid{display:flex;gap:20px;justify-content:center;margin-top:20px}.upload-box{border:2px dashed #e0e0e0;border-radius:12px;max-width:400px;text-align:center;width:100%}.admissions-page,.upload-box{padding:20px}.page-header{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;justify-content:space-between;margin-bottom:30px;padding:25px}.header-left,.page-header{align-items:center;display:flex}.header-left{gap:15px}.header-left h1{color:#333;font-size:28px;margin:0}.header-left p{color:#666;font-size:14px;margin:5px 0 0}.header-actions{display:flex;gap:10px}.btn-danger,.btn-primary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.btn-export{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-export:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-delete-all{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-delete-all:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.filters-section{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:20px}.search-form{display:flex;flex:1 1;gap:10px;min-width:300px}.search-input-group{align-items:center;background:#f5f7fa;border-radius:10px;display:flex;flex:1 1;gap:10px;padding:10px 15px}.search-input-group input{background:#0000;border:none;outline:none;width:100%}.btn-search{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.filter-group{align-items:center;display:flex;gap:10px}.filter-select{border:2px solid #e1e8ed;border-radius:10px;cursor:pointer;outline:none;padding:10px 15px}.students-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-item{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:20px;text-align:center}.stat-item h3{color:#667eea;font-size:32px;margin:0 0 5px}.stat-item p{color:#666;font-size:14px;margin:0}.table-container{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f5f7fa}.data-table th{color:#333;font-size:14px;font-weight:600;padding:15px;text-align:left}.data-table td{border-top:1px solid #e1e8ed;color:#666;font-size:14px;padding:15px}.student-photo{border-radius:50%;height:40px;object-fit:cover;width:40px}.student-name{color:#333;font-weight:600}.student-name div{display:flex;flex-direction:column;gap:4px}.student-name small{color:#666;font-size:12px}.reg-no{color:#667eea;font-family:Courier New,monospace}.gpa,.reg-no{font-weight:600}.gpa{color:#10b981}.status-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px}.action-buttons{display:flex;gap:8px}.btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.btn-view{background:#e3f2fd;color:#1976d2}.btn-view:hover{background:#1976d2;color:#fff}.btn-delete{background:#ffebee;color:#c62828}.btn-delete:hover{background:#c62828;color:#fff}.no-data{color:#999;padding:40px!important;text-align:center}.loading-container{align-items:center;background:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:60px}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pagination-container{border-radius:15px;gap:20px;justify-content:center;margin-top:20px;padding:20px}.pagination-btn,.pagination-container{align-items:center;background:#fff;display:flex}.pagination-btn{border:2px solid #e1e8ed;border-radius:10px;cursor:pointer;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#333;font-weight:600}.modal-overlay{align-items:center;animation:fadeIn .3s;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s;background:#fff;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:25px}.modal-header h2{color:#333;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:background .3s;width:40px}.close-btn:hover{background:#f5f7fa}.modal-body{padding:25px}.student-detail-card{align-items:center;display:flex;flex-direction:column;gap:20px}.detail-photo{border-radius:50%;box-shadow:0 4px 15px #0000001a;height:150px;object-fit:cover;width:150px}.detail-info{width:100%}.info-row{border-bottom:1px solid #e1e8ed;display:flex;padding:12px 0}.info-row:last-child{border-bottom:none}.info-row label{color:#333;font-weight:600;min-width:150px}.info-row span{color:#666;flex:1 1}@media (max-width:768px){.page-header{align-items:flex-start;gap:15px}.filters-section,.page-header{flex-direction:column}.search-form{width:100%}.filter-group{flex-wrap:wrap;width:100%}.data-table{font-size:12px}.data-table td,.data-table th{padding:10px 5px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;color:#1e293b;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.btn-primary{align-items:center;background:#23a7ff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-secondary:hover{background:#667eea;color:#fff}
/*# sourceMappingURL=main.5c6e684e.css.map*/