@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cc-navbar-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-bottom:1px solid #ffffff1a;justify-content:space-between;left:0;padding:20px 60px;position:fixed;right:0;top:0;z-index:1000}.cc-logo-main,.cc-navbar-main{align-items:center;display:flex}.cc-logo-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;gap:8px}.cc-logo-icon-main{filter:drop-shadow(0 0 10px rgba(102,126,234,.5));font-size:32px}.cc-nav-links-main{align-items:center;display:flex;gap:40px}.cc-nav-link-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:6px;position:relative;text-decoration:none;transition:color .3s}.cc-nav-link-item:hover{color:#ec4899}.cc-nav-link-item:after{background:linear-gradient(90deg,#ec4899,#8b5cf6);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.cc-nav-link-item:hover:after{width:100%}.cc-nav-buttons-main{display:flex;gap:15px}.cc-btn-outline-main{background:#0000;border:2px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.cc-btn-outline-main:hover{background:#fff;color:#000;transform:translateY(-2px)}.cc-btn-primary-main{background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;border-radius:25px;box-shadow:0 4px 15px #ec489966;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.cc-btn-primary-main:hover{box-shadow:0 6px 20px #ec489999;transform:translateY(-2px)}.cc-nav-item{position:relative}.cc-dropdown-arrow{font-size:.7rem;transition:transform .3s ease}.cc-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #0000004d;left:200;margin-left:-320px;margin-top:30px;opacity:0;padding:0;position:absolute;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden;width:600px;z-index:1000}.cc-features-menu{margin-top:30px;width:800px}.cc-nav-item:hover .cc-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.cc-nav-item:hover .cc-dropdown-arrow{transform:rotate(180deg)}.cc-dropdown-grid{grid-gap:0;display:grid;gap:0}.cc-two-column{grid-template-columns:repeat(2,1fr)}.cc-three-column{grid-template-columns:repeat(3,1fr)}.cc-dropdown-column{border-right:1px solid #ffffff1a;padding:25px}.cc-dropdown-column:last-child{border-right:none}.cc-dropdown-title{color:#ec4899;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-align:justify;text-transform:uppercase}.cc-dropdown-link{border-radius:6px;color:#000;display:flex;flex-direction:column;gap:0;padding:12px 0;position:relative;text-align:justify;text-decoration:none;transition:all .3s ease}.cc-dropdown-link:hover{background:#ffffff0d;color:#ec4899;padding-left:10px;padding-right:10px}.cc-dropdown-icon{font-size:1.1rem;margin-bottom:4px;text-align:center;width:20px}.cc-dropdown-desc{color:#9ca3af;font-size:.75rem;line-height:1.3}.cc-dropdown-link{animation:slideIn .3s ease forwards;opacity:0;transform:translateX(-10px)}.cc-dropdown-column:first-child .cc-dropdown-link{animation-delay:.1s}.cc-dropdown-column:nth-child(2) .cc-dropdown-link{animation-delay:.2s}@media (max-width:1024px){.cc-navbar-main{padding:20px 30px}.cc-nav-links-main{gap:25px}.cc-dropdown-menu{width:450px}.cc-features-menu{width:600px}}@media (max-width:768px){.cc-nav-buttons-main,.cc-nav-links-main{display:none}}.cc-five-column{grid-template-columns:repeat(5,1fr)}.cc-features-menu{margin-left:-490px;width:1300px}.cc-pricing-menu{width:500px}.cc-dropdown-column:nth-child(3) .cc-dropdown-link{animation-delay:.3s}.cc-dropdown-column:nth-child(4) .cc-dropdown-link{animation-delay:.4s}.cc-dropdown-column:nth-child(5) .cc-dropdown-link{animation-delay:.5s}:root{--primary:#fac638;--primary-dark:#c9891e;--secondary:#222;--secondary-light:#333;--background-light:#f8f8f5;--background-dark:#231e0f;--surface-light:#f4f4f4;--surface-dark:#262626;--white:#fff;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-700:#374151;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px}body{background-color:#f8f8f5;background-color:var(--background-light);color:#374151;font-family:Roboto,sans-serif;overflow-x:hidden}.app{min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:0 1rem}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.header{background:#0000;left:0;padding:1rem 0;position:absolute;top:0;width:100%;z-index:50}.header-container{align-items:center;display:flex;justify-content:space-between}.main-nav{display:none}@media (min-width:1024px){.main-nav{align-items:center;background:#fff;background:var(--white);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;display:flex;gap:2rem;margin:0 auto;padding:.75rem 2rem}}.nav-link{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500;text-decoration:none;text-transform:uppercase;transition:color .2s}.nav-link:hover{color:#fac638;color:var(--primary)}.nav-link.active{border-bottom:2px solid #fac638;border-bottom:2px solid var(--primary);color:#222;color:var(--secondary);font-weight:700}.nav-actions{border-left:1px solid #d1d5db;border-left:1px solid var(--gray-300);gap:1rem;padding-left:1rem}.nav-actions,.phone-btn{align-items:center;display:flex}.phone-btn{background:#fac638;background:var(--primary);border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;color:var(--white);font-size:.75rem;font-weight:700;gap:.25rem;padding:.5rem 1rem;text-decoration:none;text-transform:uppercase;transition:background-color .2s}.phone-btn:hover{background:#c9891e;background:var(--primary-dark)}section{padding:5rem 0}.section-header{align-items:flex-end;flex-direction:column;margin-bottom:3rem}@media (min-width:768px){.section-header{align-items:flex-end;flex-direction:row}}.section-subtitle{color:#fac638;color:var(--primary);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.section-title{color:#222;color:var(--secondary);font-size:2.25rem;font-weight:900;margin:0}.section-tag{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.tag-line{background:#fac638;background:var(--primary);height:2px;width:2rem}.tag-line.white{background:#fff;background:var(--white)}.section-tag span{color:#4b5563;color:var(--gray-600);letter-spacing:.1em}.section-tag span,.view-all-btn{font-size:.75rem;font-weight:700;text-transform:uppercase}.view-all-btn{align-items:center;background:#fac638;background:var(--primary);border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;gap:.25rem;margin-top:1rem;padding:.5rem 1.5rem;text-decoration:none;transition:background-color .2s}.view-all-btn:hover{background:#c9891e;background:var(--primary-dark)}.industries-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.industries-grid{grid-template-columns:repeat(3,1fr)}}.industry-card{background:#f4f4f4;background:var(--surface-light);overflow:hidden;transition:transform .3s}.industry-card:hover{transform:translateY(-4px)}.card-image{height:12rem;overflow:hidden}.card-image img{transition:transform .5s}.industry-card:hover .card-image img{transform:scale(1.1)}.card-tag{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.card-tag .tag-line{background:#fac638;background:var(--primary);height:2px;width:1rem}.card-tag span{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:700;text-transform:uppercase}.card-content h4{color:#222;color:var(--secondary);font-weight:700}.card-content p{color:#4b5563;color:var(--gray-600);font-size:.875rem}.read-more{font-size:.75rem;font-weight:700;gap:.25rem}.read-more:hover{text-decoration:underline}.team-section{background:#fff;background:var(--white);overflow:hidden;padding:100px 0;position:relative}.team-bg{background:#f4f4f4;background:var(--surface-light);height:90%;left:-50px;position:absolute;right:0;top:0;transform:skewX(-12deg);transform-origin:top right;width:56.666%;z-index:0}@media (max-width:1024px){.team-bg{display:none}}.team-content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}@media (min-width:1024px){.team-content{align-items:center;flex-direction:row;gap:60px}}.team-image{flex-shrink:0;margin-bottom:3rem;position:relative;width:100%}@media (min-width:1024px){.team-image{margin-bottom:0;padding-right:3rem;width:45%}}.image-bg{background:#f3f4f6;bottom:-2.5rem;height:100%;left:-2.5rem;position:absolute;z-index:-1}.image-bg,.team-image img{border-radius:.5rem;border-radius:var(--radius-md);width:100%}.team-image img{box-shadow:0 20px 25px -5px #0000001a;height:500px;object-fit:cover}.image-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:.5rem;border-radius:var(--radius-md);bottom:20px;box-shadow:0 10px 20px #0000001a;display:flex;justify-content:space-around;left:20px;padding:20px;position:absolute;right:20px}.stat-number{color:#fac638;color:var(--primary);display:block;font-size:2rem;line-height:1}.stat-label{color:#4b5563;color:var(--gray-600);font-size:.8rem;font-weight:600}.team-info{width:100%}@media (min-width:1024px){.team-info{padding-left:3rem;width:55%}}.team-text-carousel{height:500px;overflow:hidden;position:relative}.carousel-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%}.carousel-slide.active{opacity:1;transform:translateY(0);visibility:visible}.team-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#222,#555);background:linear-gradient(135deg,var(--secondary) 0,#555 100%);-webkit-background-clip:text;background-clip:text;color:#222;color:var(--secondary);font-size:2.5rem;font-weight:900;line-height:1.1;margin-bottom:.5rem}.team-info h2:first-of-type{margin-top:1rem}.team-info h2:last-of-type{margin-bottom:2.5rem}.features{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}@media (min-width:768px){.features{flex-direction:row;gap:2.5rem}}.feature{flex:1 1;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#fac638,#c9891e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:12px;box-shadow:0 10px 20px #fac6384d;color:#fff;color:var(--white);display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.feature-icon .icon{font-size:28px}.feature h4{color:#222;color:var(--secondary);font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:1rem;min-height:56px}.feature p{color:#4b5563;color:var(--gray-600);font-size:.95rem;line-height:1.6;margin:0}.carousel-controls{align-items:center;border-top:1px solid #0000001a;display:flex;justify-content:space-between;margin-top:2.5rem;padding-top:2.5rem}.indicators{display:flex;gap:10px}.indicator{background:#d1d5db;background:var(--gray-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.indicator:hover{transform:scale(1.2)}.indicator.active,.indicator:hover{background:#fac638;background:var(--primary)}.indicator.active{border-radius:6px;width:30px}.carousel-nav{display:flex;gap:10px}.nav-btn{align-items:center;background:#0000;border:2px solid #fac638;border:2px solid var(--primary);border-radius:50%;color:#fac638;color:var(--primary);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.nav-btn:hover{background:#fac638;background:var(--primary);color:#fff;color:var(--white);transform:scale(1.1)}.nav-btn .icon{font-size:24px}.team-cta{margin-top:2rem}.team-link{align-items:center;background:#fac6381a;border-radius:.5rem;border-radius:var(--radius-md);color:#fac638;color:var(--primary);display:inline-flex;font-size:1rem;font-weight:600;gap:12px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.team-link:hover{background:#fac63833;transform:translateX(5px)}.team-link .icon{font-size:24px}.carousel-slide.active{animation:slideIn .6s ease forwards}@media (max-width:768px){.team-section{padding:60px 0}.team-info h2{font-size:2rem}.team-image img{height:400px}.team-text-carousel{height:450px}.feature h4{min-height:auto}.carousel-controls{align-items:flex-start;flex-direction:column;gap:20px}}.services-section{background:#f4f4f4;background:var(--surface-light)}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{align-items:center;background:#fff;background:var(--white);border-left:4px solid #0000;border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.service-card:hover{border-left-color:#fac638;border-left-color:var(--primary);box-shadow:0 4px 6px #0000001a}.service-icon{color:#fac638;color:var(--primary)}.service-card h4{color:#222;color:var(--secondary);font-weight:700;line-height:1.3}.quote-section{background:#fac638;background:var(--primary);overflow:hidden;position:relative}.quote-bg{background:#fff;background:var(--white);-webkit-clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);height:100%;position:absolute;right:0;top:0;width:50%}.quote-content{align-items:center;display:flex;flex-direction:column;padding:5rem 0;position:relative;z-index:10}@media (min-width:1024px){.quote-content{flex-direction:row}}.quote-text{color:#fff;color:var(--white);margin-bottom:3rem;width:100%}@media (min-width:1024px){.quote-text{margin-bottom:0;padding-right:3rem;width:50%}}.quote-icon{align-items:center;background:#222;background:var(--secondary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;height:3rem;justify-content:center;margin-bottom:2rem;width:3rem}.quote-text h2{font-size:1.875rem;font-weight:700;line-height:1.3;margin-bottom:2rem}@media (min-width:1024px){.quote-text h2{font-size:2.25rem}}.cta-btn.secondary{background:#222;background:var(--secondary)}.cta-btn.secondary:hover{background:#333;background:var(--secondary-light)}.quote-image{position:relative;width:100%}@media (min-width:1024px){.quote-image{width:50%}}.quote-image img{border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px #00000040;width:100%}.clients-section{background:#222;background:var(--secondary);padding:3rem 0}.clients-logos{align-items:center;display:flex;filter:grayscale(1);flex-wrap:wrap;gap:2rem;justify-content:center;opacity:.6;transition:filter .5s}.clients-logos:hover{filter:grayscale(0)}.clients-logos img{filter:brightness(0) invert(1);height:2rem;object-fit:contain}.clients-section .indicators{justify-content:center;margin-top:2rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:#f4f4f4;background:var(--surface-light);padding-bottom:2rem;position:relative;transition:transform .3s}.pricing-card:hover{transform:translateY(-8px)}.pricing-header{background:#fac6381a;margin-bottom:1.5rem;padding:1rem;text-align:center}.pricing-icon{align-items:center;background:#fac638;background:var(--primary);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a;color:#fff;color:var(--white);display:flex;height:3rem;justify-content:center;margin:-2.5rem auto 1rem;width:3rem}.price{color:#fac638;color:var(--primary);font-size:2.25rem;font-weight:700;margin-bottom:.25rem}.package-type{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.pricing-card h4{color:#222;color:var(--secondary);font-size:1.125rem;font-weight:700;margin:0}.features-list{list-style:none;margin-bottom:2rem;padding:0 2rem}.features-list li{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.75rem}.features-list li .icon{color:#fac638;color:var(--primary);font-size:1rem}.buy-btn{background:#fac638;background:var(--primary);border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:block;font-size:.75rem;font-weight:700;margin:0 2rem;padding:.75rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .2s}.buy-btn:hover{background:#c9891e;background:var(--primary-dark)}.buy-btn.secondary{background:#222;background:var(--secondary)}.buy-btn.secondary:hover{background:#333;background:var(--secondary-light)}.pricing-card.featured{background:#fac638;background:var(--primary);box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-1rem)}.pricing-card.featured .pricing-header{background:#c9891e33}.pricing-card.featured .pricing-icon{background:#222;background:var(--secondary);border:2px solid #fac638;border:2px solid var(--primary)}.pricing-card.featured .price,.pricing-card.featured h4{color:#fff;color:var(--white)}.pricing-card.featured .package-type{color:#ffffffb3}.pricing-card.featured .features-list li{color:#fff;color:var(--white);font-weight:500}.pricing-card.featured .features-list li .icon{color:#222;color:var(--secondary)}.passion-content{align-items:center;display:flex;flex-direction:column}@media (min-width:1024px){.passion-content{flex-direction:row}}.passion-image{margin-bottom:3rem;position:relative;width:100%}@media (min-width:1024px){.passion-image{margin-bottom:0;width:50%}}.image-glow{background:#fac63833;border-radius:50%;filter:blur(48px);inset:0;position:absolute;transform:translateX(-50%) translateY(50%);z-index:0}.passion-image img{border-radius:.5rem;border-radius:var(--radius-md);display:block;filter:drop-shadow(0 25px 25px rgba(0,0,0,.15));margin:0 auto;max-width:28rem;position:relative;width:100%;z-index:10}.passion-info{width:100%}@media (min-width:1024px){.passion-info{padding-left:3rem;width:50%}}.passion-subtitle{color:#fac638;color:var(--primary);font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.passion-title{color:#222;color:var(--secondary);font-size:2.25rem;font-weight:900;margin-bottom:1.5rem}.passion-info p{color:#4b5563;color:var(--gray-600);line-height:1.6;margin-bottom:3rem}.stats{border-top:1px solid #d1d5db;border-top:1px solid var(--gray-300);display:flex;justify-content:space-between;padding-top:2rem;text-align:center}.stat-icon{color:#fac638;color:var(--primary);margin-bottom:.5rem}.stat-icon .icon{font-size:3rem}.stat-number{color:#222;color:var(--secondary);font-size:1.875rem;font-weight:900;margin-bottom:.25rem}.stat-text{color:#4b5563;color:var(--gray-600);font-size:.75rem;line-height:1.4}.profiles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.profiles-grid{grid-template-columns:repeat(3,1fr)}}.profile-card{background:var(--white)}.profile-image{height:20rem;position:relative}.profile-image img{object-position:top;transition:transform .5s}.profile-card:hover .profile-image img{transform:scale(1.05)}.profile-info{padding:1.5rem}.profile-tag{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.profile-tag .tag-line{background:#fac638;background:var(--primary);height:2px;width:1rem}.profile-tag span{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:700;text-transform:uppercase}.profile-info h4{color:#222;color:var(--secondary);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.profile-info p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;color:var(--gray-600);display:-webkit-box;font-size:.875rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.contact-section{align-items:center;background-attachment:fixed;background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuDLN5ahF5ACS0UXX1mpzbQ-VJPA_x9PqwSQbNyggsd1XoJZgHA4zsIdJSSHM-fkzuOp0ibQ3DNo8mJH-6rA5BjsYGnxgErMPQsvro8uLzuVwOHM6rhEBxyPMvoRLssQiA3P0cGAGM2ZYDNiLQg5FW7moV_0Dixhyzfp4_EhD1YgMNeU3ryrkTmVe3ydr7CsNPFiJVK6h5ilaGY67898fnX3r3o913guEQIJns9Wb6jT2n0rjJ5Qh6-EAlQIdpSnpDLApDvy84IcFfMx);background-position:50%;background-size:cover;display:flex;min-height:37.5rem;padding:5rem 0;position:relative}.contact-bg{background:#fac638;background:var(--primary);inset:0;opacity:.9;position:absolute;z-index:0}.contact-content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:10}@media (min-width:1024px){.contact-content{flex-direction:row}}.contact-image{display:none;width:100%}@media (min-width:1024px){.contact-image{display:block;padding-right:3rem;width:50%}}.contact-image img{border-radius:.5rem;border-radius:var(--radius-md);filter:grayscale(1);mix-blend-mode:multiply;opacity:.8;width:100%}.contact-form{color:#fff;color:var(--white);width:100%}@media (min-width:1024px){.contact-form{width:50%}}.contact-form h2{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.contact-form p{color:#ffffffe6;font-size:.875rem;line-height:1.6;margin-bottom:2rem}.contact-form form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr}@media (min-width:768px){.form-row{grid-template-columns:repeat(2,1fr)}}.contact-form input,.contact-form textarea{background:#fff;background:var(--white);border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#222;color:var(--secondary);font-size:.875rem;padding:.75rem 1rem;width:100%}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #222;outline:2px solid var(--secondary)}.contact-form button{align-self:flex-start;background:#222;background:var(--secondary);border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:700;padding:.75rem 2rem;text-transform:uppercase;transition:background-color .2s}.contact-form button:hover{background:#000}.news-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.news-grid{grid-template-columns:2fr 1fr}}.featured-news{background:#000;border-radius:.5rem;border-radius:var(--radius-md);height:24rem;overflow:hidden;position:relative}.featured-news img{height:100%;object-fit:cover;opacity:.6;transition:transform .5s;width:100%}.featured-news:hover img{transform:scale(1.05)}.news-date{background:#fff;background:var(--white);padding:.5rem 1rem;position:absolute;right:0;text-align:center;top:0}.day{color:#222;color:var(--secondary);font-size:1.5rem;font-weight:900}.month{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:700;text-transform:uppercase}.news-tags{display:flex;gap:.5rem;left:2rem;position:absolute;top:4rem}.tag{border-radius:.25rem;border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;padding:.25rem .5rem;text-transform:uppercase}.tag.primary{background:#fac638;background:var(--primary)}.tag,.tag.primary{color:#fff;color:var(--white)}.tag{background:#374151;background:var(--gray-700)}.news-content{background:linear-gradient(0deg,#000000e6,#0000004d,#0000);bottom:0;left:0;padding:2rem;position:absolute;width:100%}.news-content h3{color:#fff;color:var(--white);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.news-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#d1d5db;color:var(--gray-300);display:-webkit-box;font-size:.875rem;margin-bottom:1rem;overflow:hidden}.news-content .read-more{color:#fac638;color:var(--primary)}.news-content .read-more:hover{color:#fff;color:var(--white)}.news-sidebar{display:flex;flex-direction:column;gap:2rem}.news-item{background:#f4f4f4;background:var(--surface-light);border-radius:.5rem;border-radius:var(--radius-md);padding:1.5rem;position:relative}.news-item-date{background:#fff;background:var(--white);border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;padding:.25rem .75rem;position:absolute;right:0;text-align:center;top:0;transform:translateY(-.5rem) translateX(1rem)}.news-item-date .day{font-size:1.25rem}.news-item-date .month{font-size:.625rem}.news-item-tags{display:flex;gap:.5rem;margin-bottom:.75rem;margin-top:.5rem}.news-item-tags span{color:#4b5563;color:var(--gray-600);font-size:.625rem;font-weight:700;text-transform:uppercase}.news-item-tags span:not(:first-child){border-left:1px solid #9ca3af;border-left:1px solid var(--gray-400);padding-left:.5rem}.news-item h4{color:#222;color:var(--secondary);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.news-item p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;color:var(--gray-600);display:-webkit-box;font-size:.75rem;margin-bottom:1rem;overflow:hidden}.footer{background:#fac638;background:var(--primary);color:#fff;color:var(--white);padding-bottom:2rem;padding-top:4rem}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-column h5{border-bottom:1px solid #ffffff4d;color:#fff;color:var(--white);display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;text-transform:uppercase}.footer-column li,.footer-column p{color:#fffc;font-size:.875rem;font-weight:400;line-height:1.6;text-transform:none}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem}.social-icons{display:flex;gap:1rem}.social-icons .icon{cursor:pointer;transition:color .2s}.social-icons .icon:hover{color:#222;color:var(--secondary)}.copyright{border-top:1px solid #fff3;color:#fff9;font-size:.875rem;font-weight:400;padding-top:2rem;text-transform:none}.centered,.copyright{text-align:center}.centered .section-tag{justify-content:center}@media (min-width:768px){.centered .section-tag{justify-content:flex-start}}.services-mini-grid{grid-gap:1.5rem;border-top:1px solid #d1d5db;border-top:1px solid var(--gray-300);display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:4rem;padding-top:4rem}@media (min-width:768px){.services-mini-grid{grid-template-columns:repeat(4,1fr)}}.service-mini-card{background:#f4f4f4;background:var(--surface-light);border-radius:.5rem;border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:all .3s ease}.service-mini-card:hover{background:#fff;background:var(--white);box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.service-mini-icon{align-items:center;background:linear-gradient(135deg,#fac638,#c9891e);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;color:#fff;color:var(--white);display:flex;height:3.5rem;justify-content:center;margin:0 auto 1rem;width:3.5rem}.service-mini-icon .icon{font-size:1.5rem}.service-mini-card h5{color:#222;color:var(--secondary);font-size:1rem;font-weight:700;margin-bottom:.5rem}.service-mini-card p{color:#4b5563;color:var(--gray-600);font-size:.8rem;line-height:1.4;margin:0}.industries-section{background:linear-gradient(180deg,#f8f9fa,#fff)}.industry-card{border:1px solid #e9ecef;transition:all .3s ease}.industry-card:hover{border-color:#fac638;border-color:var(--primary);box-shadow:0 10px 30px #fac6381a}.card-image{background:linear-gradient(135deg,#667eea,#764ba2);height:220px;position:relative}.card-image img{height:100%;object-fit:cover;object-position:center;width:100%}.card-content{padding:2rem}.card-content h4{color:#2d3748;font-size:1.25rem;line-height:1.3;margin-bottom:1rem;min-height:60px}.card-content p{color:#718096;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;min-height:100px}.read-more{align-items:center;color:#fac638;color:var(--primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.read-more:hover{color:#c9891e;color:var(--primary-dark)}.read-more .icon{font-size:1rem;transition:transform .2s ease}.read-more:hover .icon{transform:translateX(3px)}.hsr-hero{background:linear-gradient(135deg,#f8fafc,#fff);margin-top:70px;min-height:100vh;overflow:hidden;padding:60px 20px;position:relative;width:100%}.hsr-hero-container{align-items:center;display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1400px;position:relative}.hsr-paper-plane-wrapper{animation:hsrFloatPlane 6s ease-in-out infinite;left:10px;position:absolute;top:-10px;z-index:1}.hsr-paper-plane-wrapper img{height:260px;object-fit:contain;width:160px}.hsr-paper-plane{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.hsr-dotted-path{left:30px;opacity:.6;position:absolute;top:60px}@keyframes hsrFloatPlane{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.hsr-hero-top{max-width:800px;text-align:center;z-index:2}.hsr-hero-title{color:#1f2937;font-size:2.7rem;font-weight:800;line-height:1.2;margin-bottom:24px}.hsr-hero-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fdb935,#f59e0b);-webkit-background-clip:text;background-clip:text}.hsr-hero-text{color:#6b7280;font-size:1.25rem;line-height:1.8;margin-bottom:40px}.hsr-hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hsr-btn-primary{background:#3b82f6;border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.hsr-btn-primary:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.hsr-btn-secondary{background:#fff;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.hsr-btn-secondary:hover{background:#eff6ff;transform:translateY(-2px)}.hsr-dashboard-preview{align-items:center;display:flex;height:600px;justify-content:center;max-width:1200px;position:relative;width:100%}.hsr-center-image-container{z-index:2}.hsr-center-image-container,.hsr-yellow-background{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hsr-yellow-background{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;height:340px;width:580px;z-index:1}.hsr-person-image{border-radius:12px;height:520px;object-fit:cover;object-position:center;position:relative;width:1180px;z-index:2}.hsr-floating-card{animation:hsrFloatCard 4s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:20px;position:absolute}@keyframes hsrFloatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hsr-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.hsr-card-title{color:#1f2937;font-size:1rem;font-weight:700}.hsr-see-all-link{color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:600}.hsr-staff-room-card{animation-delay:0s;left:50px;top:50%;transform:translateY(-50%);width:340px;z-index:3}.hsr-staff-list{display:flex;flex-direction:column;gap:12px}.hsr-staff-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:8px;transition:background .2s ease}.hsr-staff-item:hover{background:#f9fafb}.hsr-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:40px;justify-content:center;width:40px}.hsr-avatar-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.hsr-avatar-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.hsr-avatar-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.hsr-staff-info{flex:1 1;min-width:0}.hsr-staff-name{color:#1f2937;font-size:.9rem;font-weight:600;margin-bottom:2px}.hsr-staff-message{color:#9ca3af;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hsr-staff-time{color:#9ca3af;flex-shrink:0;font-size:.75rem}.hsr-attendance-card{animation-delay:.5s;left:150px;top:20px;width:300px;z-index:3}.hsr-chart-nav{gap:12px}.hsr-chart-nav,.hsr-nav-btn{align-items:center;display:flex}.hsr-nav-btn{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:1.2rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.hsr-nav-btn:hover{background:#e5e7eb;color:#1f2937}.hsr-current-month{color:#1f2937;font-size:.875rem;font-weight:600}.hsr-chart-container{position:relative}.hsr-attendance-chart{height:auto;width:100%}.hsr-chart-labels{display:flex;justify-content:space-between;margin-top:8px;padding:0 10px}.hsr-chart-labels span{color:#9ca3af;font-size:.7rem}.hsr-activities-card{animation-delay:1s;right:50px;top:50%;transform:translateY(-50%);width:340px;z-index:3}.hsr-activities-list{display:flex;flex-direction:column;gap:14px}.hsr-activity-item{align-items:flex-start;border-radius:8px;display:flex;gap:12px;padding:8px;transition:background .2s ease}.hsr-activity-item:hover{background:#f9fafb}.hsr-activity-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:44px;justify-content:center;width:44px}.hsr-icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.hsr-icon-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.hsr-activity-info{flex:1 1;min-width:0}.hsr-activity-title{color:#1f2937;font-size:.9rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hsr-activity-link{color:#3b82f6;font-size:.75rem;margin-bottom:4px}.hsr-activity-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.hsr-activity-time{color:#9ca3af}.hsr-activity-time,.hsr-badge{font-size:.7rem;white-space:nowrap}.hsr-badge{border-radius:4px;font-weight:600;padding:3px 8px}.hsr-badge-due{background:#fee2e2;color:#dc2626}.hsr-badge-teaching{background:#dbeafe;color:#2563eb}.hsr-badge-upcoming{background:#fef3c7;color:#d97706}@media (max-width:1400px){.hsr-dashboard-preview{max-width:1000px}.hsr-staff-room-card{left:20px}.hsr-activities-card{right:20px}.hsr-attendance-card{left:120px}}@media (max-width:1200px){.hsr-hero-title{font-size:2.8rem}.hsr-dashboard-preview{height:500px;max-width:900px}.hsr-yellow-background{height:300px;width:480px}.hsr-person-image{height:360px;width:400px}.hsr-activities-card,.hsr-staff-room-card{width:300px}.hsr-staff-room-card{left:10px}.hsr-activities-card{right:10px}.hsr-attendance-card{left:100px;width:280px}}@media (max-width:992px){.hsr-hero-title{font-size:2.4rem}.hsr-dashboard-preview{height:450px}.hsr-yellow-background{height:260px;width:400px}.hsr-person-image{height:320px;width:340px}.hsr-staff-room-card{left:0;width:260px}.hsr-activities-card{right:0;width:260px}.hsr-attendance-card{left:70px;width:260px}}@media (max-width:768px){.hsr-hero{padding:40px 16px}.hsr-hero-title{font-size:2rem}.hsr-hero-text{font-size:1rem}.hsr-dashboard-preview{height:400px}.hsr-yellow-background{height:220px;width:320px}.hsr-person-image{height:280px;width:280px}.hsr-floating-card{padding:14px}.hsr-staff-room-card{left:-10px;width:220px}.hsr-activities-card{right:-10px;width:220px}.hsr-attendance-card{left:40px;width:220px}}@media (max-width:640px){.hsr-hero-title{font-size:1.75rem}.hsr-btn-primary,.hsr-btn-secondary{font-size:.9rem;padding:12px 24px}.hsr-dashboard-preview{height:350px}.hsr-yellow-background{height:200px;width:280px}.hsr-person-image{height:250px;width:240px}.hsr-activities-card,.hsr-staff-room-card{width:180px}.hsr-attendance-card{left:20px;top:10px;width:200px}}@media (max-width:480px){.hsr-floating-card,.hsr-paper-plane-wrapper{display:none}.hsr-dashboard-preview{height:300px}.hsr-yellow-background{height:180px;width:240px}.hsr-person-image{height:220px;width:200px}}.edt-trust-section{background:#fff;padding:80px 20px;width:100%}.edt-trust-container{margin:0 auto;max-width:1200px}.edt-trust-header{margin-bottom:60px;text-align:center}.edt-trust-title{color:#1f2937;font-size:2.5rem;font-weight:800;margin-bottom:16px}.edt-trust-subtitle{color:#6b7280;font-size:1.125rem;line-height:1.6}.edt-logos-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:80px;padding:20px 0}.edt-logo-item{animation:edtFloatLogo 3s ease-in-out infinite}.edt-logo-item:first-child{animation-delay:0s}.edt-logo-item:nth-child(2){animation-delay:.3s}.edt-logo-item:nth-child(3){animation-delay:.6s}.edt-logo-item:nth-child(4){animation-delay:.9s}.edt-logo-item:nth-child(5){animation-delay:1.2s}.edt-logo-item:nth-child(6){animation-delay:1.5s}@keyframes edtFloatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.edt-logo-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 20px #00000014;display:flex;height:100px;justify-content:center;overflow:hidden;padding:10px;transition:all .3s ease;width:100px}.edt-logo-circle:hover{box-shadow:0 8px 30px #0000001f;transform:scale(1.1)}.edt-logo-circle img{border-radius:50%;height:100%;object-fit:cover;width:100%}.edt-levels-header{margin-bottom:50px;text-align:center}.edt-levels-title{color:#1f2937;font-size:2rem;font-weight:700;line-height:1.4;margin:0 auto;max-width:800px}.edt-levels-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-top:40px}.edt-level-card{align-items:center;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease}.edt-level-card:hover{transform:translateY(-10px)}.edt-card-image-wrapper{border-radius:20px;box-shadow:0 10px 40px #0000001a;height:280px;overflow:hidden;transition:all .3s ease;width:100%}.edt-level-card:hover .edt-card-image-wrapper{box-shadow:0 15px 50px #00000026}.edt-card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.edt-level-card:hover .edt-card-image{transform:scale(1.05)}.edt-card-title{color:#1f2937;font-size:1.5rem;font-weight:700;text-align:center}@media (max-width:1024px){.edt-trust-title{font-size:2rem}.edt-levels-title{font-size:1.75rem}.edt-levels-grid{gap:30px}.edt-card-image-wrapper{height:240px}.edt-logo-circle{height:90px;width:90px}}@media (max-width:768px){.edt-trust-section{padding:60px 20px}.edt-trust-title{font-size:1.75rem}.edt-trust-subtitle{font-size:1rem}.edt-levels-title{font-size:1.5rem}.edt-levels-grid{gap:40px;grid-template-columns:1fr}.edt-card-image-wrapper{height:300px}.edt-logos-wrapper{gap:30px;margin-bottom:60px}.edt-logo-circle{height:80px;width:80px}}@media (max-width:640px){.edt-trust-section{padding:40px 16px}.edt-trust-title{font-size:1.5rem}.edt-trust-subtitle{font-size:.95rem}.edt-levels-title{font-size:1.25rem}.edt-card-image-wrapper{height:250px}.edt-card-title{font-size:1.25rem}.edt-logos-wrapper{gap:20px}.edt-logo-circle{height:70px;width:70px}}@media (max-width:480px){.edt-trust-title{font-size:1.35rem}.edt-levels-title{font-size:1.1rem}.edt-card-image-wrapper{height:220px}.edt-card-title{font-size:1.1rem}.edt-logo-circle{height:60px;width:60px}.edt-logos-wrapper{gap:15px}}.cop-operations-section{background:#fafafa;padding:80px 20px;width:100%}.cop-operations-container{margin:0 auto;max-width:1400px}.cop-operations-header{margin-bottom:60px;text-align:center}.cop-operations-title{color:#1f2937;font-size:2.5rem;font-weight:800;line-height:1.3;margin-bottom:16px}.cop-operations-subtitle{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:700px}.cop-content-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:50px}.cop-image-section{position:relative}.cop-image-wrapper{align-items:center;display:flex;height:600px;justify-content:center;position:relative;width:100%}.cop-image-background{background:linear-gradient(135deg,#9f8e4c,#dbb419);border-radius:20px;height:85%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:85%;z-index:1}.cop-feature-image{animation:copFadeIn .5s ease;border-radius:16px;box-shadow:0 20px 60px #0003;height:90%;object-fit:cover;position:relative;transition:all .5s ease;width:90%;z-index:2}@keyframes copFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cop-image-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:30px;bottom:30px;box-shadow:0 4px 20px #0000001a;left:50%;padding:12px 24px;position:absolute;transform:translateX(-50%);z-index:3}.cop-image-label-text{color:#1f2937;font-size:1rem;font-weight:600}.cop-features-list{display:flex;flex-direction:column;gap:20px;text-align:justify}.cop-feature-item{align-items:flex-start;background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.cop-feature-item:hover{box-shadow:0 8px 30px #00000014;transform:translateX(5px)}.cop-feature-active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 8px 30px #3b82f626}.cop-feature-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.cop-feature-active .cop-feature-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:scale(1.1)}.cop-feature-content{flex:1 1}.cop-feature-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:6px}.cop-feature-description{color:#6b7280;font-size:.95rem;line-height:1.5}.cop-footer{margin-top:40px;text-align:center}.cop-see-all-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.cop-see-all-btn:hover{background:#1f2937;border-color:#1f2937;box-shadow:0 6px 20px #00000026;color:#fff;transform:translateY(-2px)}@media (max-width:1200px){.cop-content-grid{gap:40px}.cop-operations-title{font-size:2rem}.cop-image-wrapper{height:500px}}@media (max-width:992px){.cop-content-grid{gap:50px;grid-template-columns:1fr}.cop-image-wrapper{height:450px}.cop-operations-title{font-size:1.85rem}}@media (max-width:768px){.cop-operations-section{padding:60px 20px}.cop-operations-title{font-size:1.65rem}.cop-operations-subtitle{font-size:1rem}.cop-image-wrapper{height:400px}.cop-feature-item{padding:16px}.cop-feature-icon{font-size:1.75rem;height:50px;width:50px}.cop-feature-title{font-size:1.1rem}.cop-feature-description{font-size:.9rem}}@media (max-width:640px){.cop-operations-section{padding:40px 16px}.cop-operations-title{font-size:1.45rem}.cop-operations-subtitle{font-size:.95rem}.cop-image-wrapper{height:350px}.cop-image-label{bottom:20px;padding:10px 20px}.cop-image-label-text{font-size:.9rem}.cop-feature-item{gap:12px;padding:14px}.cop-feature-icon{font-size:1.5rem;height:45px;width:45px}.cop-see-all-btn{font-size:.95rem;padding:12px 28px}}@media (max-width:480px){.cop-operations-title{font-size:1.25rem}.cop-image-wrapper{height:300px}.cop-feature-title{font-size:1rem}.cop-feature-description{font-size:.85rem}}.tct-testimonials-section{background:#fff;padding:80px 20px;width:100%}.tct-testimonials-container{margin:0 auto;max-width:1400px}.tct-testimonials-title{color:#1f2937;font-size:2.75rem;font-weight:800;margin-bottom:60px;text-align:center}.tct-testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.tct-testimonial-card{background:#f9fafb;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.tct-testimonial-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.tct-card-header{align-items:center;display:flex;gap:16px}.tct-avatar-section{background:#e5e7eb;border-radius:12px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.tct-avatar-image{height:100%;object-fit:cover;width:100%}.tct-user-info{flex:1 1}.tct-user-name{color:#1f2937;font-size:1.1rem;font-weight:700;margin-bottom:4px}.tct-user-position{color:#6b7280;font-size:.9rem;margin-bottom:2px}.tct-user-company{color:#9ca3af;font-size:.85rem}.tct-rating{display:flex;gap:4px}.tct-star{font-size:1rem}.tct-testimonial-text{color:#4b5563;font-size:.95rem;line-height:1.6}.tct-carousel-dots{display:flex;gap:10px;justify-content:center;margin-top:30px}.tct-dot{background:#d1d5db;border-radius:2px;cursor:pointer;height:4px;transition:all .3s ease;width:40px}.tct-dot-active{width:60px}.tct-dot-active,.tct-dot:hover{background:#fdb935}.tct-cta-section{background:#fff;padding:60px 20px;width:100%}.tct-cta-container{border-radius:30px;box-shadow:0 20px 60px #0000001a;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;overflow:hidden}.tct-cta-image{background:linear-gradient(135deg,#10b981,#059669);overflow:hidden;position:relative}.tct-cta-photo{height:100%;object-fit:cover;opacity:.9;width:100%}.tct-cta-content{background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;flex-direction:column;gap:24px;justify-content:center;padding:60px 50px}.tct-cta-title{color:#1f2937;font-size:2.25rem;font-weight:800;line-height:1.3}.tct-cta-description{color:#4b5563;font-size:1.125rem;line-height:1.6}.tct-cta-button{align-self:flex-start;background:#3b82f6;border:none;border-radius:10px;box-shadow:0 6px 20px #3b82f64d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;padding:16px 40px;transition:all .3s ease}.tct-cta-button:hover{background:#2563eb;box-shadow:0 10px 30px #3b82f666;transform:translateY(-3px)}@media (max-width:1400px){.tct-testimonials-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.tct-testimonials-title{font-size:2.25rem}.tct-cta-container{gap:0}.tct-cta-content{padding:50px 40px}.tct-cta-title{font-size:2rem}}@media (max-width:992px){.tct-testimonials-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.tct-cta-container{grid-template-columns:1fr}.tct-cta-image{min-height:350px}.tct-cta-content{padding:50px 40px}}@media (max-width:768px){.tct-testimonials-section{padding:60px 20px}.tct-testimonials-title{font-size:1.85rem}.tct-testimonials-grid{gap:20px;grid-template-columns:1fr}.tct-testimonial-card{padding:20px}.tct-avatar-section{height:70px;width:70px}.tct-cta-section{padding:40px 16px}.tct-cta-content{padding:40px 30px}.tct-cta-title{font-size:1.75rem}.tct-cta-description{font-size:1rem}.tct-cta-button{font-size:1rem;padding:14px 32px}}@media (max-width:640px){.tct-testimonials-title{font-size:1.65rem;margin-bottom:40px}.tct-card-header{align-items:flex-start;flex-direction:column}.tct-avatar-section{height:60px;width:60px}.tct-cta-image{min-height:300px}.tct-cta-content{padding:35px 24px}.tct-cta-title{font-size:1.5rem}.tct-cta-description{font-size:.95rem}.tct-cta-button{text-align:center;width:100%}}@media (max-width:480px){.tct-testimonials-title{font-size:1.45rem}.tct-testimonial-card{padding:16px}.tct-user-name{font-size:1rem}.tct-user-company,.tct-user-position{font-size:.8rem}.tct-testimonial-text{font-size:.9rem}.tct-cta-title{font-size:1.35rem}.tct-dot{width:30px}.tct-dot-active{width:50px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.book-demo-container{margin-top:30px;min-height:100vh;overflow:hidden;position:relative}.book-demo-video-wrapper{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.book-demo-video{display:block;height:100%;object-fit:cover;width:100%}.book-demo-video-overlay{background-color:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.book-demo-content{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem;position:relative;z-index:10}.book-demo-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;max-width:80rem;width:100%}@media (min-width:1024px){.book-demo-grid{grid-template-columns:repeat(2,1fr)}}.book-demo-left{color:#fff;display:flex;flex-direction:column;gap:2rem}.book-demo-badge{display:inline-block;width:-webkit-fit-content;width:fit-content}.book-demo-badge-text{color:#60a5fa;font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.book-demo-heading{font-size:3rem;font-weight:700;line-height:1.2;margin:0}@media (min-width:1024px){.book-demo-heading{font-size:3.75rem}}.book-demo-subtitle{color:#d1d5db;font-size:1.25rem;line-height:1.75}.book-demo-features{display:flex;flex-direction:column;gap:1rem}.book-demo-feature-item{align-items:flex-start;display:flex;gap:.75rem}.book-demo-feature-icon{color:#60a5fa;flex-shrink:0;font-size:1.25rem}.book-demo-feature-text{font-size:1.125rem;line-height:1.75}.book-demo-trust{padding-top:2rem}.book-demo-trust-heading{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:1rem}.book-demo-rating{align-items:center;background:linear-gradient(90deg,#dbeafe,#e0e7ff);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;display:inline-flex;gap:1rem;padding:1rem 1.5rem}.book-demo-rating-left{display:flex;flex-direction:column}.book-demo-rating-label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.book-demo-rating-score{color:#111827;font-size:2.25rem;font-weight:700;line-height:1}.book-demo-rating-divider{border-left:2px solid #d1d5db;padding-left:1rem}.book-demo-rating-badge{background-color:#4f46e5;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:700;margin-bottom:.25rem;padding:.25rem .75rem;text-align:center}.book-demo-rating-year{color:#374151;font-size:.875rem;font-weight:600}.book-demo-form-wrapper{background-color:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem}@media (min-width:1024px){.book-demo-form-wrapper{padding:2.5rem}}.book-demo-form-heading{color:#374151;font-size:1.125rem;font-weight:400;margin-bottom:1.5rem;text-align:center}.book-demo-form{display:flex;flex-direction:column;gap:1rem}.book-demo-input,.book-demo-select,.book-demo-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.book-demo-input::placeholder,.book-demo-textarea::placeholder{color:#9ca3af}.book-demo-input:focus,.book-demo-select:focus,.book-demo-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.book-demo-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;color:#6b7280;cursor:pointer;padding-right:2.5rem}.book-demo-select option[value=""]{color:#9ca3af}.book-demo-select option:not([value=""]){color:#111827}.book-demo-textarea{min-height:100px;resize:none}.book-demo-textarea::-webkit-scrollbar{width:8px}.book-demo-textarea::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.book-demo-textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.book-demo-textarea::-webkit-scrollbar-thumb:hover{background:#94a3b8}.book-demo-phone-group{display:flex;gap:.5rem}.book-demo-country-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease}.book-demo-country-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.book-demo-phone-input{flex:1 1}.book-demo-submit{background:linear-gradient(90deg,#2563eb,#4f46e5);border:none;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.book-demo-submit:hover{background:linear-gradient(90deg,#1d4ed8,#4338ca);box-shadow:0 20px 25px -5px #00000026;transform:translateY(-2px)}.book-demo-submit:active{transform:translateY(0)}.book-demo-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.book-demo-heading{font-size:2.5rem}.book-demo-subtitle{font-size:1.125rem}.book-demo-feature-text{font-size:1rem}.book-demo-trust-heading{font-size:1.25rem}.book-demo-rating{flex-direction:column;gap:.75rem;text-align:center}.book-demo-rating-divider{border-left:none;border-top:2px solid #d1d5db;padding-left:0;padding-top:.75rem;width:100%}.book-demo-content{padding:2rem 1rem}}@media (max-width:480px){.book-demo-heading{font-size:2rem}.book-demo-form-wrapper{padding:1.5rem}.book-demo-phone-group{flex-direction:column}.book-demo-country-select{width:100%}}@keyframes bookDemoFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.book-demo-left{animation:bookDemoFadeIn .8s ease-out}.book-demo-form-wrapper{animation:bookDemoFadeIn .8s ease-out .2s backwards}.book-demo-country-select:focus-visible,.book-demo-input:focus-visible,.book-demo-select:focus-visible,.book-demo-submit:focus-visible,.book-demo-textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}html{scroll-behavior:smooth}@keyframes bookDemoSpin{to{transform:rotate(1turn)}}.book-demo-submit.loading:after{animation:bookDemoSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:1rem;margin-left:.5rem;width:1rem}.split-design-modal{display:flex!important;max-height:90vh!important;max-width:1200px!important;overflow:hidden!important;padding:0!important;width:100%!important}.split-left-panel{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:600px;overflow:hidden;padding:60px 40px;position:relative}.split-left-panel:before{animation:floatBubble1 8s ease-in-out infinite;background:#ffffff26;border-radius:50%;content:"";height:300px;position:absolute;right:-100px;top:-100px;width:300px}.split-left-panel:after{animation:floatBubble2 10s ease-in-out infinite;background:#ffffff1a;border-radius:50%;bottom:-150px;content:"";height:400px;left:-150px;position:absolute;width:400px}@keyframes floatBubble1{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}@keyframes floatBubble2{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.split-image-wrapper{align-items:center;display:flex;justify-content:center;max-width:600px;position:relative;width:100%;z-index:1}.split-edu-image{border-radius:20px;filter:drop-shadow(0 15px 35px rgba(0,0,0,.2));height:auto;margin-left:-80px;max-width:800px;object-fit:contain;width:100%}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.split-right-panel{background:#fff;flex:1 1;max-height:90vh;overflow-y:auto;padding:50px 45px;position:relative}.split-right-panel::-webkit-scrollbar{width:8px}.split-right-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.split-right-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.split-right-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.split-design-modal .popup-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:2.5rem;font-weight:300;height:45px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .3s ease;width:45px;z-index:10}.split-design-modal .popup-close:hover{background:#f3f4f6;color:#1f2937;transform:rotate(90deg)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.gs-container{align-items:center;background:#fff;display:flex;justify-content:center;margin-top:70px;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.gs-background{background:#fff;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.gs-background:before{animation:backgroundFloat 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffd70008 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffd70008 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffd70005 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes backgroundFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.gs-content{animation:fadeInScale .8s ease-out;max-width:1200px;position:relative;width:100%;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.gs-header{animation:slideDown .8s ease-out;margin-bottom:60px;text-align:center}.gs-title{animation:titlePulse 2s ease-in-out infinite;color:#1a1a1a;font-size:48px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.gs-subtitle{animation:fadeIn 1s ease-out .3s backwards;color:#666;font-size:18px;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.gs-institutions-grid{grid-gap:35px;animation:fadeInUp .8s ease-out .4s backwards;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.gs-institution-card{animation:cardFloat 1s ease-out backwards;background:#fff;border:2px solid #f0f0f0;border-radius:24px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:column;min-height:500px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.gs-institution-card:first-child{animation-delay:.5s}.gs-institution-card:nth-child(2){animation-delay:.6s}.gs-institution-card:nth-child(3){animation-delay:.7s}.gs-institution-card:nth-child(4){animation-delay:.8s}@keyframes cardFloat{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.gs-card-background{background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px 24px 0 0;flex-shrink:0;height:280px;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}.gs-card-background:before{background:linear-gradient(180deg,#0000 0,#ffffff4d);transition:background .4s ease;z-index:1}.gs-card-background:after,.gs-card-background:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.gs-card-background:after{background:linear-gradient(135deg,#ffd70033,#0000);opacity:0;transition:opacity .4s ease;z-index:2}.gs-institution-card:hover .gs-card-background{transform:scale(1.08)}.gs-institution-card:hover .gs-card-background:after{opacity:1}.gs-card-content{background:#fff;display:flex;flex-direction:column;flex-grow:1;padding:30px;position:relative;z-index:3}.gs-institution-card:hover{border-color:gold;box-shadow:0 20px 50px #00000026;transform:translateY(-10px)}.gs-institution-card:active{transform:translateY(-6px)}.gs-institution-icon{display:none}.gs-institution-name{color:#1a1a1a;font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px;margin-top:0;padding:0;transition:all .3s ease}.gs-institution-card:hover .gs-institution-name{color:gold;transform:translateX(5px)}.gs-institution-desc{color:#666;flex-grow:1;font-size:15px;line-height:1.7;margin-bottom:24px;padding:0;transition:color .3s ease}.gs-institution-card:hover .gs-institution-desc{color:#444}.gs-select-button{background:linear-gradient(135deg,gold,orange);border-radius:14px;box-shadow:0 6px 20px #ffd7004d;color:#1a1a1a;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0;overflow:hidden;padding:16px 32px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.gs-select-button:before{background:#0000001a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.gs-institution-card:hover .gs-select-button{background:linear-gradient(135deg,orange,gold);box-shadow:0 10px 30px #ffd70080;transform:translateY(-4px)}.gs-institution-card:hover .gs-select-button:before{height:300px;width:300px}.gs-institution-card:active .gs-select-button{transform:translateY(-2px)}.gs-footer{animation:fadeIn 1s ease-out 1s backwards;text-align:center}.gs-footer p{color:#666;font-size:16px;font-weight:500}.gs-login-link{border-bottom:2px solid gold;color:#1a1a1a;display:inline-block;font-weight:700;padding-bottom:2px;text-decoration:none;transition:all .3s ease}.gs-login-link:hover{border-bottom-color:#1a1a1a;color:gold;transform:translateY(-2px)}@media (max-width:1024px){.gs-title{font-size:40px}.gs-subtitle{font-size:16px}.gs-institutions-grid{gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gs-institution-card{min-height:400px}.gs-institution-name{font-size:26px;margin-top:220px}}@media (max-width:768px){.gs-container{padding:30px 15px}.gs-header{margin-bottom:40px}.gs-title{font-size:34px}.gs-subtitle{font-size:15px}.gs-institutions-grid{gap:24px;grid-template-columns:1fr}.gs-institution-card{min-height:380px}.gs-institution-name{font-size:24px;margin-top:200px;padding:0 25px}.gs-institution-desc{font-size:14px;padding:0 25px}.gs-select-button{margin:0 25px 25px;padding:14px 28px}}@media (max-width:480px){.gs-title{font-size:28px}.gs-subtitle{font-size:14px}.gs-institution-card{min-height:360px}.gs-institution-name{font-size:22px;margin-top:180px;padding:0 20px}.gs-institution-desc{padding:0 20px}.gs-select-button{font-size:15px;margin:0 20px 20px;padding:13px 24px}.gs-footer p{font-size:14px}}.popup-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;z-index:9999}.popup-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:40px;position:relative;width:100%}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.popup-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.popup-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.popup-close{background:#0000;color:#9ca3af;font-size:2.5rem;font-weight:300;height:45px;line-height:1;right:20px;top:20px;transition:all .3s ease;width:45px}.popup-close:hover{background:#f3f4f6;color:#1f2937;transform:rotate(90deg)}.auth-header{margin-bottom:30px;text-align:center}.institution-icon{font-size:3rem;margin-bottom:15px}.auth-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:10px}.auth-header p{color:#6b7280;font-size:1rem;line-height:1.6}.auth-toggle{background:#f9fafb;border:1px solid #e5e7eb;border-radius:50px;display:flex;gap:12px;margin-bottom:30px;padding:6px}.toggle-btn{background:#0000;color:#6b7280;flex:1 1;font-size:.95rem;padding:12px 20px;white-space:nowrap}.toggle-btn:hover{color:#374151}.toggle-btn.active{background:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.auth-form{width:100%}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#111827;font-size:.95rem;padding:12px 16px}.form-group input:focus,.form-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group input::placeholder{color:#9ca3af}.form-group input:disabled,.form-group select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.form-terms{margin:25px 0}.terms-checkbox{align-items:flex-start;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;gap:10px}.terms-checkbox input{accent-color:#4f46e5;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.terms-checkbox a{color:#4f46e5;font-weight:600;text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.form-options{font-size:.9rem;margin:20px 0}.remember-me{align-items:center;color:#6b7280;cursor:pointer;display:flex;gap:8px}.remember-me input{accent-color:#4f46e5;cursor:pointer}.forgot-password{color:#4f46e5;font-weight:600;text-decoration:none}.forgot-password:hover{text-decoration:underline}.auth-options{margin-top:30px}.auth-btn{border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.login-btn,.signup-btn{background:#4f46e5;box-shadow:0 4px 14px #4f46e54d;color:#fff}.login-btn:hover,.signup-btn:hover{background:#4338ca;box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.direct-btn{background:#fff;border:2px solid #4f46e5;color:#4f46e5;margin-top:15px}.direct-btn:hover{background:#f5f3ff;transform:translateY(-2px)}.auth-btn:disabled{background:#9ca3af;box-shadow:none;color:#fff;cursor:not-allowed;transform:none}.direct-btn:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af}.divider{align-items:center;color:#9ca3af;display:flex;font-size:.85rem;font-weight:500;margin:20px 0;text-align:center;text-transform:uppercase}.divider:after,.divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.divider:before{margin-right:15px}.divider:after{margin-left:15px}.auth-switch{color:#6b7280;font-size:.9rem;margin-top:25px}.auth-switch button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.auth-switch button:hover{color:#4338ca}.otp-verification{padding:20px 0;text-align:center}.otp-header{margin-bottom:30px}.otp-header h3{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:10px}.otp-header p{color:#6b7280;font-size:1rem}.otp-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 2fr;margin-top:25px}.otp-actions button{border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.otp-actions button[type=button]{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.otp-actions button[type=button]:hover{background:#f9fafb}.verify-btn{background:#4f46e5!important;border:none!important;box-shadow:0 4px 14px #4f46e54d;color:#fff!important}.verify-btn:hover{background:#4338ca!important;transform:translateY(-2px)}.resend-otp{color:#6b7280;font-size:.9rem;margin-top:25px}.resend-otp button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:inherit;font-weight:600;margin-left:5px;text-decoration:underline}.resend-otp button:hover{color:#4338ca}.success-message{padding:40px 20px}.success-icon{animation:successBounce .6s ease;font-size:5rem;margin-bottom:25px}.success-message h3{color:#10b981;font-size:2rem;font-weight:700;margin-bottom:15px}.success-message p{color:#6b7280;font-size:1rem;margin-bottom:30px}.success-btn{background:#10b981!important;box-shadow:0 4px 14px #10b9814d}.success-btn:hover{background:#059669!important;transform:translateY(-2px)}@media (max-width:1024px){.split-design-modal{flex-direction:column}.split-left-panel{min-height:250px;padding:30px 20px}.split-edu-image{max-width:300px}.split-right-panel{padding:40px 30px}}@media (max-width:768px){.gs-title{font-size:2.25rem}.gs-institutions-grid{gap:20px;grid-template-columns:1fr}.split-left-panel{display:none}.split-right-panel{padding:30px 25px}.form-row{gap:0;grid-template-columns:1fr}.auth-toggle{flex-direction:column;gap:8px}.otp-actions{grid-template-columns:1fr}}@media (max-width:480px){.popup-overlay{padding:10px}.popup-content{border-radius:16px}.popup-content,.split-right-panel{padding:25px 20px}.auth-header h2{font-size:1.65rem}.popup-close{font-size:2rem;height:40px;width:40px}}.sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 10px #0000001a;color:#fff;height:100vh;left:0;margin-top:90px;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.sidebar-header{background:#0000001a;padding:25px 20px}.sidebar-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.school-info{margin-top:5px}.school-info small{font-size:.8rem;opacity:.8}.sidebar-menu{padding:0}.menu-item{border-bottom:1px solid #ffffff0d}.menu-link{color:#fff;font-weight:500;padding:15px 20px}.menu-link:hover{background:#ffffff1a;padding-left:25px}.dropdown{border-bottom:1px solid #ffffff0d}.dropdown-header{cursor:pointer;font-weight:500;padding:15px 20px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.dropdown-header:hover{background:#ffffff1a;padding-left:25px}.dropdown-menu{background:#0003;list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.dropdown:hover .dropdown-menu{max-height:500px}.dropdown-link{border-left:3px solid #0000;color:#ffffffe6;display:block;font-size:.9rem;padding:12px 20px 12px 50px;text-decoration:none;transition:all .3s ease}.dropdown-link:hover{background:#ffffff1a;border-left-color:#4cd964;color:#fff;padding-left:55px}.logout-btn{background:#ffffff1a;border:none;color:#fff;font-size:1rem;font-weight:500;padding:15px 20px;text-align:left}.logout-btn:hover{background:#fff3;padding-left:25px}.sidebar-footer{background:#0000001a}.user-info{text-align:center}.user-info small{font-size:.8rem;opacity:.7}.dropdown-link.active,.menu-link.active{background:#ffffff26;border-left:4px solid #4cd964;font-weight:600}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.sidebar{height:auto;position:relative;transform:translateX(-100%);transition:transform .3s ease;width:100%}.sidebar.mobile-open{transform:translateX(0)}}.dropdown-menu{animation:slideDown .3s ease}.dropdown-header{align-items:center;display:flex;gap:8px}.user-count-badge:empty{animation:pulse 1.5s infinite;background:#7f8c8d}@media (max-width:768px){.user-count-badge{font-size:.6rem;padding:1px 6px}.stat-item{font-size:.7rem}}.refresh-btn{background:none;border-radius:3px;margin-left:10px;padding:2px 5px;transition:background .2s}.refresh-btn:hover{background:#ffffff1a}.user-count-badge{background:#e74c3c;border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.user-list-item{align-items:center;border-bottom:1px solid #34495e;display:flex;font-size:.85rem;gap:8px;padding:8px 12px}.user-list-item:last-child{border-bottom:none}.user-icon{font-size:.9rem}.user-name{color:#ecf0f1;flex:1 1}.user-grade,.user-id,.user-subject{border-radius:4px;color:#bdc3c7;font-size:.7rem;padding:2px 6px}.no-users{color:#7f8c8d;font-size:.85rem;font-style:italic;padding:10px 12px;text-align:center}.dropdown-menu.expanded{max-height:400px;overflow-y:auto}.sidebar-footer .user-stats{border-top:1px solid #34495e;margin-top:10px;padding-top:10px}.stat-item{color:#bdc3c7;font-size:.75rem;margin-bottom:5px}.stat-item:last-child{margin-bottom:0}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#2c3e50}.dropdown-menu::-webkit-scrollbar-thumb{background:#34495e;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#4a6572}.dropdown-menu .dropdown-link[href*=fees]{border-left:3px solid #27ae60}.dropdown-menu .dropdown-link[href*=fees]:hover{background:#27ae601a}.dropdown-menu .dropdown-link[href*=fees-collection]:before,.dropdown-menu .dropdown-link[href*=fees-discount]:before,.dropdown-menu .dropdown-link[href*=fees-pending]:before,.dropdown-menu .dropdown-link[href*=fees-receipts]:before,.dropdown-menu .dropdown-link[href*=fees-reminders]:before,.dropdown-menu .dropdown-link[href*=fees-reports]:before,.dropdown-menu .dropdown-link[href*=fees-structure]:before,.dropdown-menu .dropdown-link[href*=fees-types]:before{content:"";margin-right:8px}.dropdown-header .menu-icon[aria-label=fees]{color:#27ae60}.menu-icon{align-items:center;display:inline-flex;font-size:16px;justify-content:center;margin-right:10px}.dropdown-header .menu-icon{margin-right:8px}.dropdown-link .fa{margin-right:8px;text-align:center;width:16px}.refresh-btn .fa{font-size:14px}.logout-btn .menu-icon{margin-right:8px}.stat-item .fa{margin-right:5px}.academic-dashboard-wrapper{background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:280px;margin-top:50px;min-height:100vh}.academic-main-content{margin:0 auto;max-width:1400px;padding:40px 30px}.academic-page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea33;margin-bottom:40px;padding:30px}.academic-header-content{text-align:left}.academic-welcome-title{color:#fff;font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px;text-shadow:1px 1px 3px #0003}.academic-welcome-subtitle{color:#ffffffe6;font-size:18px;font-weight:400;margin:0}.academic-info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:50px}.academic-info-card{align-items:center;background:#fff;border:2px solid #e8ecf5;border-radius:12px;box-shadow:0 4px 12px #667eea14;display:flex;gap:20px;padding:24px;transition:all .3s ease}.academic-info-card:hover{border-color:#667eea;box-shadow:0 12px 28px #667eea26;transform:translateY(-4px)}.academic-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;transition:all .3s ease;width:56px}.academic-icon-yellow{box-shadow:0 4px 10px #667eea4d}.academic-icon-black,.academic-icon-yellow{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.academic-icon-black{box-shadow:0 4px 10px #00000026}.academic-info-card:hover .academic-card-icon{transform:scale(1.1) rotate(5deg)}.academic-card-details{flex:1 1;min-width:0}.academic-card-label{color:#667eea;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.academic-card-value{color:#2d3748;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.academic-id-text{background:linear-gradient(135deg,#f7f9fc,#edf2f7);border:1px solid #cbd5e0;border-radius:6px;color:#667eea;display:inline-block;font-family:Courier New,monospace;font-size:16px;padding:6px 12px}.academic-actions-section{margin-top:50px}.academic-section-title{border-bottom:3px solid #667eea;color:#2d3748;display:inline-block;font-size:28px;font-weight:700;margin:0 0 30px;padding-bottom:16px}.academic-actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.academic-action-card{background:#fff;border:2px solid #e8ecf5;border-radius:12px;box-shadow:0 4px 12px #667eea14;cursor:pointer;padding:32px 24px;text-align:center;transition:all .3s ease}.academic-action-card:hover{border-color:#667eea;box-shadow:0 16px 32px #667eea26;transform:translateY(-6px)}.academic-action-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;height:72px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:72px}.academic-action-yellow{box-shadow:0 6px 15px #667eea4d}.academic-action-black,.academic-action-yellow{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.academic-action-black{box-shadow:0 6px 15px #00000026}.academic-action-card:hover .academic-action-icon{transform:scale(1.15) rotate(10deg)}.academic-action-title{color:#2d3748;font-size:20px;font-weight:700;margin:0 0 12px}.academic-action-desc{color:#718096;font-size:15px;line-height:1.6;margin:0}@media (max-width:1024px){.academic-info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.academic-actions-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:768px){.academic-dashboard-wrapper{margin-left:0}.academic-main-content{padding:24px 16px}.academic-page-header{padding:24px}.academic-welcome-title{font-size:28px}.academic-welcome-subtitle{font-size:16px}.academic-actions-grid,.academic-info-grid{gap:16px;grid-template-columns:1fr}.academic-section-title{font-size:24px}}@media (max-width:480px){.academic-welcome-title{font-size:24px}.academic-card-value{font-size:16px}.academic-action-title{font-size:18px}}.edu-create-user-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:250px;min-height:100vh;padding-top:70px}.edu-create-user-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.edu-create-user-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #0000001a;color:#fff;display:flex;gap:1.5rem;margin-bottom:2.5rem;overflow:hidden;padding:2.5rem;position:relative}.edu-create-user-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.edu-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:2.5rem;height:70px;justify-content:center;width:70px}.edu-header-text{flex:1 1;position:relative;z-index:1}.edu-header-title{font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem;text-align:justify}.edu-header-subtitle{font-size:1.1rem;max-width:800px;opacity:.9;text-align:justify}.edu-user-form{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000014;padding:2.5rem}.edu-form-section{border-bottom:1px solid #eef2f7;margin-bottom:2.5rem;padding-bottom:2rem}.edu-form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.edu-section-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.edu-section-icon{color:#667eea;font-size:1.5rem}.edu-section-title{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0}.edu-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.edu-input-full{grid-column:1/-1}.edu-input-group{position:relative}.edu-input-label{align-items:center;color:#4a5568;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.edu-input-icon{color:#667eea;font-size:1.1rem}.edu-input-wrapper{position:relative}.edu-form-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:1rem;padding:1rem 1rem 1rem 2.8rem;transition:all .3s ease;width:100%}.edu-form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.edu-form-input::placeholder{color:#a0aec0}.edu-select-wrapper{position:relative}.edu-form-select{-webkit-appearance:none;appearance:none;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;cursor:pointer;font-size:1rem;padding:1rem 2.8rem 1rem 1rem;transition:all .3s ease;width:100%}.edu-form-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.edu-select-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #4a5568;height:0;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0}.edu-custom-input-container{animation:slideDown .3s ease;margin-top:1rem}.edu-form-alert{background:#fed7d7;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-size:.9rem;margin-top:.75rem;padding:.75rem 1rem}.edu-form-actions{border-top:1px solid #eef2f7;display:flex;gap:1rem;margin-top:2.5rem;padding-top:2rem}.edu-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.edu-btn-primary:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.edu-btn-primary:hover:before{height:300px;width:300px}.edu-btn-primary:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.edu-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.edu-btn-secondary{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;flex:0.5 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.edu-btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px)}.edu-btn-icon{font-size:1.2rem}.edu-btn-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.edu-create-user-content{padding:1rem}.edu-create-user-header{flex-direction:column;padding:1.5rem;text-align:center}.edu-header-icon{font-size:2rem;height:60px;width:60px}.edu-header-title{font-size:1.8rem}.edu-user-form{padding:1.5rem}.edu-form-grid{grid-template-columns:1fr}.edu-form-actions{flex-direction:column}.edu-btn-primary,.edu-btn-secondary{width:100%}}@media print{.edu-create-user-header,.edu-form-actions{display:none}.edu-user-form{box-shadow:none}}.users-table{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000d;margin-top:20px;overflow:hidden}.users-table th{background:#f4f4f8;color:#333;font-size:14px;font-weight:700;padding:14px 12px;text-transform:uppercase}.users-table td{border-bottom:1px solid #e5e5e5;color:#444;font-size:15px;padding:12px 10px}.users-table tr:last-child td{border-bottom:none}.no-records{color:#777;font-size:15px;padding:20px;text-align:center}.loading{margin-top:20px}.role-badge{font-size:13px}.role-principal{background:#007bff}.role-teacher{background:#28a745}.role-student{background:#ff9800}.role-default{background:#9c27b0}.btn-delete,.btn-edit,.btn-refresh{border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-right:6px;padding:8px 14px;transition:.2s ease-in-out}.btn-edit{background:#4caf50}.btn-edit:hover{background:#45a049}.btn-delete{background:#f44336}.btn-delete:hover{background:#d32f2f}.btn-refresh{background:#2196f3;margin-top:20px}.btn-refresh:hover{background:#1976d2}.edit-popup-overlay{align-items:center;background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.edit-popup{animation:popupFadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0003;padding:25px;width:380px}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.edit-popup h3{color:#333;font-size:20px;margin-bottom:18px;text-align:center}.edit-popup form label{color:#444;display:block;font-weight:600;margin-bottom:6px}.edit-popup form input{border:1px solid #dcdcdc;border-radius:6px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.edit-popup form input:focus{border-color:#2196f3;outline:none}.popup-buttons{display:flex;justify-content:space-between}.btn-save{background:#4caf50;padding:10px 0;width:48%}.btn-save:hover{background:#3e8e41}.btn-cancel{background:#9e9e9e;padding:10px 0;width:48%}.btn-cancel:hover{background:#757575}@media (max-width:768px){.users-table{font-size:13px}.edit-popup{width:90%}}.filters1-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.filters1-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.btn-clear-inline{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;text-decoration:underline}.btn-clear-inline:hover{color:#0056b3}@media (max-width:768px){.filters-row{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filter-controls{justify-content:space-between}.filter-select{flex:1 1;min-width:auto}.action-buttons{justify-content:center}}.user-list-header{animation:fadeIn .6s ease;border-bottom:2px solid #f0f2f5;margin-bottom:30px;padding:20px 0}.user-list-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:32px;font-weight:700;margin:0 0 8px}.user-list-header p{color:#7f8c8d;font-size:16px;font-weight:500;margin:0}.filters-section{animation:slideUp .4s ease;border:1px solid #e8ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.filters-row{gap:20px}.search-container{flex:1 1;min-width:300px}.search-box{align-items:center;background:#f8f9fa;border:2px solid #e8ecef;border-radius:12px;display:flex;overflow:hidden;transition:all .3s ease}.search-box:focus-within{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;transform:translateY(-1px)}.search-icon{align-items:center;display:flex;justify-content:center;padding:0 16px}.search-input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-size:15px;font-weight:500;min-height:48px;outline:none;padding:14px 16px 14px 8px}.search-input::placeholder{color:#a0aec0;font-weight:400}.filter-controls{gap:12px}.select-wrapper{min-width:180px;position:relative}.select-wrapper:after{color:#95a5a6;content:"▼";font-size:12px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.filter-select{-webkit-appearance:none;appearance:none;background:#f8f9fa;border:2px solid #e8ecef;border-radius:12px;font-size:15px;font-weight:500;min-height:48px;padding:14px 40px 14px 16px}.filter-select:hover{background:#fff;border-color:#bdc3c7}.filter-select:focus{background:#fff}.action-buttonss{border-top:1px solid #f0f2f5;display:flex;flex-wrap:wrap;gap:12px;padding-top:16px}.btn-clear-filters,.btn-create-new,.btn-exports,.btn-refresh{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-refresh{border:2px solid #e8ecef;color:#2c3e50}.btn-refresh:hover:not(:disabled){border-color:#3498db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.btn-exports{background:#27ae60;color:#fff}.btn-exports:hover:not(:disabled){background:#219653;box-shadow:0 4px 15px #27ae604d;transform:translateY(-2px)}.btn-exports:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn-create-new{background:#3498db;color:#fff;padding:12px 28px}.btn-create-new:hover{background:#2980b9;box-shadow:0 4px 15px #3498db4d;transform:translateY(-2px)}.btn-clear-filters{margin-left:auto;padding:12px 24px}.btn-clear-filters:hover{box-shadow:0 4px 15px #e74c3c4d;transform:translateY(-2px)}.results-summary{animation:fadeIn .5s ease;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 10px #0000000d;gap:24px;margin-bottom:20px;padding:16px 24px}.filtered-count,.total-count{color:#2c3e50;font-size:16px}.filtered-count strong,.total-count strong{color:#3498db;font-size:20px;font-weight:700}.filtered-count{color:#7f8c8d}@media (max-width:992px){.filters-row{flex-direction:column}.search-container{min-width:100%;width:100%}.filter-controls{flex-direction:column;width:100%}.select-wrapper{width:100%}.action-buttons{flex-direction:column}.btn-clear-filters{margin-left:0;margin-top:10px}}@media (max-width:768px){.user-list-header h2{font-size:28px}.user-list-header p{font-size:14px}.filters-section{padding:20px}.results-summary{flex-direction:column;gap:12px;padding:16px 20px}}@media (max-width:480px){.user-list-header h2{font-size:24px}.filter-select,.search-input{font-size:14px;min-height:44px}.btn-clear-filters,.btn-create-new,.btn-export,.btn-refresh{font-size:14px;min-height:44px;padding:10px 20px}.filtered-count,.total-count{font-size:15px}.filtered-count strong,.total-count strong{font-size:18px}}.dashboard-container{background-color:#f8fafc}.classes-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-left h1{color:#1f2937;font-weight:700;margin-bottom:8px}.header-left p{color:#6b7280;font-size:1rem}.form-container{box-shadow:0 10px 25px #0003;max-width:600px;padding:30px}.form-header{border-bottom:2px solid #3b82f6;margin-bottom:25px;padding-bottom:15px}.form-header h3{color:#1f2937;font-size:1.5rem}.close-btn{color:#6b7280}.close-btn:hover{color:#374151}.class-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#374151}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{margin-top:10px}.btn-save{background:#10b981}.btn-save:hover:not(:disabled){background:#059669}.btn-save:disabled{background:#9ca3af}.btn-cancel{background:#6b7280}.btn-cancel:hover{background:#4b5563}.classes-container{margin-top:30px}.empty-state,.loading{color:#6b7280}.empty-state h3{color:#374151}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.class-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:25px;transition:all .3s ease}.class-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.class-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.class-info h3{color:#1f2937;font-size:1.3rem;margin:0 0 5px}.class-code{background:#3b82f6;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}.class-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-item .label{color:#6b7280;font-weight:500}.detail-item .value{color:#1f2937}.class-actions{flex-wrap:wrap}.btn-edit{background:#fbbf24;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.btn-edit:hover{background:#f59e0b}.btn-delete{background:#ef4444;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-delete,.btn-status{font-size:.9rem;padding:8px 16px}.btn-status{background:#6b7280}.btn-status.activate{background:#10b981}.btn-status.activate:hover{background:#059669}.btn-status.deactivate{background:#f59e0b}.btn-status.deactivate:hover{background:#d97706}.stats-container{margin-top:40px}.stat-card{border:1px solid #e5e7eb}.stat-info h3{color:#1f2937;font-size:2rem}.stat-info p{color:#6b7280}@media (max-width:768px){.dashboard-content{margin-left:0;padding:20px}.classes-header{align-items:flex-start;flex-direction:column;gap:15px}.form-row{gap:15px}.classes-grid,.form-row{grid-template-columns:1fr}.class-actions,.form-actions{flex-direction:column}.stats-container{grid-template-columns:1fr}}.sth-hero-section{background:linear-gradient(180deg,#fff,#fff);margin-top:70px;min-height:100vh;overflow:hidden;padding:60px 20px 0;position:relative;width:100%}.sth-hero-container{margin:0 auto;max-width:1400px;padding-bottom:150px;position:relative}.sth-icon-pencil{animation:sthFloatPencil 4s ease-in-out infinite;height:90px;left:80px;position:absolute;top:60px;width:60px;z-index:1}.sth-icon-graduation{animation:sthFloatGrad 5s ease-in-out infinite;left:50%;top:100px;transform:translateX(-300px);width:80px}.sth-icon-clock,.sth-icon-graduation{height:70px;position:absolute;z-index:1}.sth-icon-clock{animation:sthFloatClock 6s ease-in-out infinite;right:100px;top:120px;width:70px}@keyframes sthFloatPencil{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-15px) rotate(-15deg)}}@keyframes sthFloatGrad{0%,to{transform:translateX(-300px) translateY(0)}50%{transform:translateX(-300px) translateY(-12px)}}@keyframes sthFloatClock{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.sth-clock-svg,.sth-grad-svg,.sth-pencil-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:100%;width:100%}.sth-content{margin:0 auto 60px;max-width:1000px;position:relative;text-align:center;z-index:2}.sth-title{color:#1f2937;font-size:3rem;font-weight:800;line-height:1.3;margin-bottom:24px}.sth-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fdb935,#f59e0b);-webkit-background-clip:text;background-clip:text}.sth-description{color:#4b5563;font-size:1.25rem;line-height:1.7;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:900px}.sth-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.sth-btn-primary{background:#3b82f6;border:none;border-radius:10px;box-shadow:0 4px 14px #3b82f64d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:16px 40px;transition:all .3s ease}.sth-btn-primary:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f666;transform:translateY(-3px)}.sth-btn-secondary{background:#fff;border:2px solid #3b82f6;border-radius:10px;color:#3b82f6;cursor:pointer;font-size:1.125rem;font-weight:600;padding:16px 40px;transition:all .3s ease}.sth-btn-secondary:hover{background:#eff6ff;transform:translateY(-3px)}.sth-image-section{margin:0 auto;max-width:1400px;position:relative;z-index:2}.sth-students-image{display:block;height:auto;position:relative;width:100%;z-index:2}.sth-wave-shape{bottom:0;left:0;position:absolute;width:100%;z-index:1}.sth-wave-svg{display:block;height:auto;width:100%}@media (max-width:1200px){.sth-title{font-size:2.5rem}.sth-description{font-size:1.125rem}.sth-icon-pencil{height:75px;left:40px;width:50px}.sth-icon-graduation{height:60px;transform:translateX(-200px);width:70px}.sth-icon-clock{height:60px;right:60px;width:60px}}@media (max-width:992px){.sth-hero-section{padding:40px 20px 0}.sth-hero-container{padding-bottom:120px}.sth-title{font-size:2.25rem}.sth-description{font-size:1.05rem}.sth-icon-pencil{left:20px;top:40px}.sth-icon-graduation{top:60px;transform:translateX(-150px)}.sth-icon-clock{right:30px;top:80px}}@media (max-width:768px){.sth-hero-section{padding:30px 16px 0}.sth-hero-container{padding-bottom:100px}.sth-title{font-size:2rem}.sth-description{font-size:1rem;margin-bottom:30px}.sth-btn-primary,.sth-btn-secondary{font-size:1rem;padding:14px 32px}.sth-icon-pencil{height:60px;left:10px;top:30px;width:40px}.sth-icon-graduation{height:50px;top:50px;transform:translateX(-100px);width:60px}.sth-icon-clock{height:50px;right:15px;top:60px;width:50px}}@media (max-width:640px){.sth-title{font-size:1.75rem}.sth-description{font-size:.95rem}.sth-actions{flex-direction:column;gap:12px}.sth-btn-primary,.sth-btn-secondary{padding:14px 28px;width:100%}.sth-icon-graduation{transform:translateX(-80px)}}@media (max-width:480px){.sth-title{font-size:1.5rem}.sth-description{font-size:.9rem}.sth-icon-clock,.sth-icon-graduation,.sth-icon-pencil{display:none}}@media (max-width:390px){.sth-title{font-size:1.35rem}.sth-hero-container{padding-bottom:80px}}.sth-animate-text{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.sth-animate-text.visible{opacity:1;transform:translateY(0)}.sth-animate-image{opacity:0;transform:translateX(30px) scale(.95);transition:all 1s cubic-bezier(.4,0,.2,1) .3s}.sth-animate-image.visible{opacity:1;transform:translateX(0) scale(1)}.sth-animate-button{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.sth-animate-button.visible{opacity:1;transform:translateY(0)}.sth-animate-button:first-child{transition-delay:.1s}.sth-animate-button:nth-child(2){transition-delay:.2s}.sth-icon-animate{opacity:0;transform:translateY(20px) rotate(-5deg);transition:all 1s cubic-bezier(.4,0,.2,1)}.sth-icon-animate.visible{opacity:1;transform:translateY(0) rotate(0deg)}.sth-icon-pencil .sth-icon-animate{transition-delay:.4s}.sth-icon-clock .sth-icon-animate{transition-delay:.6s}.sth-icon-assignment,.sth-icon-calendar,.sth-icon-checklist{opacity:.8;position:absolute;z-index:1}.sth-icon-assignment{left:5%;top:20%;width:80px}.sth-icon-checklist{right:10%;top:15%;width:100px}.sth-icon-calendar{bottom:20%;left:8%;width:80px}.sth-stats{border-top:2px solid #e5e7eb;display:flex;gap:2rem;margin-top:2rem;padding-top:1.5rem}.sth-stat-item{text-align:center}.sth-stat-number{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.25rem}.sth-stat-label{color:#6b7280;font-size:.875rem}.sth-dashboard-preview{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin:0 auto;max-width:400px;padding:1.5rem}.sth-dashboard-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.sth-dashboard-title{color:#1f2937;font-size:1.25rem;font-weight:600}.sth-status-indicators{display:flex;gap:.5rem}.sth-status-completed,.sth-status-inprogress,.sth-status-pending{border-radius:12px;font-size:.7rem;font-weight:500;padding:.25rem .5rem}.sth-status-pending{background-color:#fef3c7;color:#92400e}.sth-status-inprogress{background-color:#dbeafe;color:#1e40af}.sth-status-completed{background-color:#d1fae5;color:#065f46}.sth-assignment-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.sth-assignment-item{align-items:center;background:#f9fafb;border-left:4px solid #fdb935;border-radius:8px;display:flex;gap:1rem;padding:.75rem}.sth-assignment-checkbox{border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:20px;transition:all .2s;width:20px}.sth-assignment-checkbox.checked{background-color:#fdb935;border-color:#fdb935;position:relative}.sth-assignment-checkbox.checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.sth-assignment-info{flex:1 1}.sth-assignment-info h5{color:#1f2937;font-size:.9rem;font-weight:600;margin:0}.sth-assignment-info p{color:#6b7280;font-size:.75rem;margin:.25rem 0 0}.sth-priority-high,.sth-priority-medium{border-radius:12px;font-size:.7rem;font-weight:600;padding:.25rem .75rem}.sth-priority-high{background-color:#fee2e2;color:#991b1b}.sth-priority-medium{background-color:#fef3c7;color:#92400e}.sth-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-top:1rem;overflow:hidden;position:relative}.sth-progress-fill{background:#fdb935;border-radius:4px;height:100%;transition:width .3s ease}.sth-progress-bar span{color:#6b7280;font-size:.75rem;font-weight:500;position:absolute;right:0;top:-20px}@media (max-width:768px){.sth-stats{flex-direction:column;gap:1rem}.sth-icon-assignment,.sth-icon-calendar,.sth-icon-checklist{width:60px}.sth-dashboard-preview{margin-top:2rem}}.sth-assignment-item{animation:fadeInUp .3s ease-out forwards;opacity:0}.sth-assignment-item:first-child{animation-delay:.1s}.sth-assignment-item:nth-child(2){animation-delay:.2s}.sth-assignment-item:nth-child(3){animation-delay:.3s}.blai-slider-container{align-items:center;display:flex;justify-content:center;margin:-180px auto 0;max-width:1400px;padding:40px 20px;position:relative}.blai-slider-wrapper{overflow:hidden;position:relative;width:1200px}.blai-slide-track{display:flex;transition:transform .5s ease-in-out}.blai-slide-item{align-items:center;display:flex;height:120px;justify-content:center;min-width:200px;padding:0 20px}.blai-slide-item img{max-height:80px;max-width:100%;object-fit:contain;transition:all .3s ease}.blai-slide-item img:hover{filter:grayscale(0);opacity:1;transform:scale(1.05)}.blai-arrow-btn{align-items:center;background:#f8f8f8;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;margin:0 20px;transition:all .3s ease;width:50px;z-index:10}.blai-arrow-btn:hover{background:#eaeaea;box-shadow:0 4px 15px #00000026;transform:scale(1.1)}.blai-arrow-btn:active{transform:scale(.95)}@media (max-width:1024px){.blai-slider-wrapper{width:800px}.blai-slide-item{min-width:160px}}@media (max-width:768px){.blai-slider-container{flex-direction:column;gap:20px}.blai-slider-wrapper{width:100%}.blai-arrow-btn{margin:10px;position:static}.blai-slide-item{height:100px;min-width:140px}}@media (max-width:480px){.blai-slider-container{padding:20px 10px}.blai-slide-item{height:80px;min-width:120px;padding:0 10px}}.aus-about-section{background:#fff;margin-top:30px;padding:80px 20px;width:100%}.aus-about-container{margin:0 auto;max-width:1200px}.aus-header-section{margin-bottom:100px;text-align:center}.aus-main-title{color:#1f2937;font-size:2.75rem;font-weight:800;margin-bottom:20px}.aus-main-description{color:#4b5563;font-size:1.125rem;line-height:1.7;margin:0 auto 40px;max-width:800px}.aus-header-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.aus-btn-primary{background:#3b82f6;border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.aus-btn-primary:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.aus-btn-secondary{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.aus-btn-secondary:hover{background:#f9fafb;border-color:#1f2937;transform:translateY(-2px)}.aus-content-row{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-bottom:120px}.aus-content-row:last-child{margin-bottom:0}.aus-text-content{display:flex;flex-direction:column;gap:20px}.aus-section-title{color:#1f2937;font-size:2.25rem;font-weight:800;line-height:1.3;text-align:justify}.aus-section-description{color:#4b5563;font-size:1.125rem;line-height:1.7;text-align:justify}.aus-image-content{position:relative}.aus-image-wrapper{align-items:center;border-radius:30px;display:flex;height:580px;justify-content:center;max-width:600px;overflow:hidden;position:relative;width:100%}.aus-content-image{border-radius:20px;height:90%;object-fit:cover;transition:transform .3s ease;width:90%}.aus-image-wrapper:hover .aus-content-image{transform:scale(1.03)}@media (max-width:1024px){.aus-content-row{gap:60px;margin-bottom:100px}.aus-main-title{font-size:2.25rem}.aus-section-title{font-size:2rem}.aus-image-wrapper{height:400px}}@media (max-width:768px){.aus-about-section{padding:60px 20px}.aus-header-section{margin-bottom:80px}.aus-main-title{font-size:2rem}.aus-main-description{font-size:1rem}.aus-content-row{gap:40px;grid-template-columns:1fr;margin-bottom:80px}.aus-section-title{font-size:1.75rem}.aus-section-description{font-size:1rem}.aus-image-wrapper{height:350px}.aus-approach-row,.aus-mission-row{grid-template-columns:1fr}.aus-approach-row .aus-text-content,.aus-mission-row .aus-text-content{order:2}.aus-approach-row .aus-image-content,.aus-mission-row .aus-image-content{order:1}.aus-different-row{grid-template-columns:1fr}.aus-different-row .aus-image-content{order:1}.aus-different-row .aus-text-content{order:2}}@media (max-width:640px){.aus-about-section{padding:40px 16px}.aus-header-section{margin-bottom:60px}.aus-main-title{font-size:1.75rem}.aus-main-description{font-size:.95rem;margin-bottom:30px}.aus-btn-primary,.aus-btn-secondary{font-size:.95rem;padding:12px 28px}.aus-content-row{gap:30px;margin-bottom:60px}.aus-section-title{font-size:1.5rem}.aus-section-description{font-size:.95rem}.aus-image-wrapper{border-radius:20px;height:300px}.aus-content-image{border-radius:15px}}@media (max-width:480px){.aus-main-title{font-size:1.5rem}.aus-main-description{font-size:.9rem}.aus-section-title{font-size:1.35rem}.aus-section-description{font-size:.9rem}.aus-image-wrapper{height:280px}.aus-header-actions{flex-direction:column;width:100%}.aus-btn-primary,.aus-btn-secondary{width:100%}}.att-platform{background:linear-gradient(#000,#000),url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1200&h=800&fit=crop) no-repeat 50% /cover;color:#fff;font-family:Zodiak,serif;margin-top:30px;min-height:100vh;overflow:hidden;position:relative}.att-container{margin:0 auto;max-width:1400px;padding:80px 40px;position:relative;z-index:1}.att-hero-section{align-items:center;display:flex;flex-direction:column;gap:60px;text-align:center}.att-content-wrapper{max-width:900px;z-index:2}.att-category-label{color:#22c55e;font-size:13px;font-weight:700;letter-spacing:2.5px;margin-bottom:24px;text-transform:uppercase}.att-main-title{color:#fff;font-size:72px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0 0 28px}.att-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text;display:inline-block}.att-subtitle-text{color:#a0a0a0;font-size:19px;line-height:1.7;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px}.att-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.att-primary-btn{background:linear-gradient(135deg,#22c55e,#4ade80);border:none;border-radius:50px;box-shadow:0 10px 30px #22c55e59;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1.2px;padding:18px 38px;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.att-primary-btn:hover{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 15px 40px #22c55e80;transform:translateY(-3px)}.att-outline-btn{background:#0000;border:2px solid #333;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1.2px;padding:16px 38px;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.att-outline-btn:hover{background:#22c55e1a;border-color:#22c55e;box-shadow:0 8px 24px #22c55e33;transform:translateY(-2px)}.att-center-image{margin-top:20px;max-width:1100px;position:relative;width:100%;z-index:2}.att-dashboard-img{border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 30px 80px #0009;display:block;height:auto;width:100%}.att-image-glow{background:radial-gradient(ellipse at center,#22c55e4d 0,#4ade8033 30%,#0000 70%);bottom:-100px;filter:blur(60px);height:200px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:80%;z-index:-1}.att-lines-left{left:0;opacity:.6;width:400px}.att-lines-left,.att-lines-right{height:100%;pointer-events:none;position:absolute;top:0;z-index:0}.att-lines-right{opacity:.7;right:0;width:800px}.att-svg-lines{height:100%;width:100%}.att-bottom-glow{background:radial-gradient(ellipse at bottom center,#22c55e26 0,#4ade801a 30%,#0000 70%);bottom:0;filter:blur(80px);height:400px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100%;z-index:0}@media (max-width:1024px){.att-main-title{font-size:56px}.att-container{padding:60px 30px}.att-lines-right{width:600px}}@media (max-width:768px){.att-main-title{font-size:42px}.att-subtitle-text{font-size:17px}.att-cta-buttons{align-items:center;flex-direction:column}.att-outline-btn,.att-primary-btn{max-width:300px;width:100%}.att-container{padding:40px 20px}.att-lines-left,.att-lines-right{opacity:.3}}@media (max-width:480px){.att-main-title{font-size:32px}.att-subtitle-text{font-size:15px}.att-category-label{font-size:11px}}.attendance-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);font-family:Georgia,serif;min-height:100vh;padding:60px 20px}.attendance-container{max-width:1300px}.attendance-header{margin-bottom:60px}.attendance-main-title{color:#1a1a1a;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:10px}.attendance-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text}.attendance-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.attendance-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:40px;transition:all .3s ease}.attendance-card:hover{border-color:#bbf7d0;box-shadow:0 8px 24px #22c55e26;transform:translateY(-4px)}.attendance-icon{display:block;font-size:3.5rem;margin-bottom:24px;transition:transform .3s ease}.attendance-card:hover .attendance-icon{transform:scale(1.1)}.attendance-card-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:16px}.attendance-card-desc{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:24px}.attendance-link{align-items:center;color:#22c55e;display:inline-flex;font-weight:600;text-decoration:none;transition:color .2s ease}.attendance-link:hover{color:#4ade80}.attendance-arrow{margin-left:8px;transition:transform .2s ease}.attendance-link:hover .attendance-arrow{transform:translateX(4px)}@media (max-width:768px){.attendance-main-title{font-size:2rem}.attendance-grid{grid-template-columns:1fr}}.attendance-interactive-wrapper{background:linear-gradient(135deg,#f0fdf4,#dcfce7);font-family:Georgia,serif;padding:80px 20px}.attendance-container-main{margin:0 auto;max-width:1400px}.attendance-section-block{margin-bottom:100px}.attendance-section-block:last-child{margin-bottom:0}.attendance-category-label{color:#22c55e;font-size:.875rem;font-weight:700;letter-spacing:2px;margin-bottom:20px}.attendance-main-heading{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.attendance-highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text}.attendance-subtitle-text{color:#666;font-size:1.125rem;margin-bottom:40px;max-width:600px}.attendance-content-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1.2fr}.attendance-content-grid.reverse-layout{grid-template-columns:1.2fr 1fr}.attendance-features-list{display:flex;flex-direction:column;gap:16px}.attendance-feature-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:24px;transition:all .3s ease}.attendance-feature-item:hover{border-color:#bbf7d0;box-shadow:0 4px 12px #22c55e1a}.attendance-feature-item.active-item{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e;box-shadow:0 6px 20px #22c55e26}.attendance-feature-heading{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin-bottom:8px}.attendance-feature-desc{color:#666;display:none;font-size:.95rem;line-height:1.6}.attendance-feature-item.active-item .attendance-feature-desc{display:block}.attendance-image-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;position:-webkit-sticky;position:sticky;top:40px}.attendance-display-image{display:block;height:500px;object-fit:cover;width:100%}@media (max-width:1024px){.attendance-content-grid{gap:40px;grid-template-columns:1fr}.attendance-image-container{position:relative;top:0}.attendance-main-heading{font-size:2rem}}@media (max-width:768px){.attendance-main-heading{font-size:1.75rem}.attendance-display-image{height:300px}}.efficiency-section-wrapper{background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:24px;margin-top:60px;padding:80px 20px}.efficiency-header-center{margin-bottom:60px;text-align:center}.efficiency-title-main{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.efficiency-subtitle-text{color:#666;font-size:1.125rem}.efficiency-grid-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.efficiency-card-item{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:all .4s ease}.efficiency-card-item:hover{border-color:#22c55e;box-shadow:0 12px 32px #22c55e33;transform:translateY(-8px)}.efficiency-image-wrapper{height:200px;overflow:hidden;position:relative;width:100%}.efficiency-card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.efficiency-card-item:hover .efficiency-card-image{transform:scale(1.1)}.efficiency-icon-overlay{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:1.75rem;height:56px;justify-content:center;left:16px;position:absolute;top:16px;width:56px}.efficiency-content-area{padding:24px}.efficiency-card-heading{color:#1a1a1a;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:12px}.efficiency-card-description{color:#666;font-size:.9rem;line-height:1.6}@media (max-width:1024px){.efficiency-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.efficiency-grid-layout{grid-template-columns:1fr}.efficiency-title-main{font-size:1.75rem}}.efgh-platform{background:linear-gradient(#000,#000),url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1200&h=800&fit=crop) no-repeat 50% /cover;color:#fff;font-family:Zodiak,serif;margin-top:30px;min-height:100vh;overflow:hidden;position:relative}.efgh-container{margin:0 auto;max-width:1400px;padding:80px 40px;position:relative;z-index:1}.efgh-hero-section{align-items:center;display:flex;flex-direction:column;gap:60px;text-align:center}.efgh-content-wrapper{max-width:900px;z-index:2}.efgh-category-label{color:#4a90e2;font-size:13px;font-weight:700;letter-spacing:2.5px;margin-bottom:24px;text-transform:uppercase}.efgh-main-title{color:#fff;font-size:72px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0 0 28px}.efgh-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4a90e2,#6ab0ff);-webkit-background-clip:text;background-clip:text;display:inline-block}.efgh-subtitle-text{color:#a0a0a0;font-size:19px;line-height:1.7;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px}.efgh-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.efgh-primary-btn{background:linear-gradient(135deg,#4a90e2,#6ab0ff);border:none;border-radius:50px;box-shadow:0 10px 30px #4a90e259;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1.2px;padding:18px 38px;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.efgh-primary-btn:hover{background:linear-gradient(135deg,#6ab0ff,#4a90e2);box-shadow:0 15px 40px #4a90e280;transform:translateY(-3px)}.efgh-outline-btn{background:#0000;border:2px solid #333;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1.2px;padding:16px 38px;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.efgh-outline-btn:hover{background:#4a90e21a;border-color:#4a90e2;box-shadow:0 8px 24px #4a90e233;transform:translateY(-2px)}.efgh-center-image{margin-top:20px;max-width:1100px;position:relative;width:100%;z-index:2}.efgh-dashboard-img{border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 30px 80px #0009;display:block;height:auto;width:100%}.efgh-image-glow{background:radial-gradient(ellipse at center,#4a90e24d 0,#6ab0ff33 30%,#0000 70%);bottom:-100px;filter:blur(60px);height:200px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:80%;z-index:-1}.efgh-lines-left{left:0;opacity:.6;width:400px}.efgh-lines-left,.efgh-lines-right{height:100%;pointer-events:none;position:absolute;top:0;z-index:0}.efgh-lines-right{opacity:.7;right:0;width:800px}.efgh-svg-lines{height:100%;width:100%}.efgh-bottom-glow{background:radial-gradient(ellipse at bottom center,#4a90e226 0,#6ab0ff1a 30%,#0000 70%);bottom:0;filter:blur(80px);height:400px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100%;z-index:0}@media (max-width:1024px){.efgh-main-title{font-size:56px}.efgh-container{padding:60px 30px}.efgh-lines-right{width:600px}}@media (max-width:768px){.efgh-main-title{font-size:42px}.efgh-subtitle-text{font-size:17px}.efgh-cta-buttons{align-items:center;flex-direction:column}.efgh-outline-btn,.efgh-primary-btn{max-width:300px;width:100%}.efgh-container{padding:40px 20px}.efgh-lines-left,.efgh-lines-right{opacity:.3}}@media (max-width:480px){.efgh-main-title{font-size:32px}.efgh-subtitle-text{font-size:15px}.efgh-category-label{font-size:11px}}.gradebook-section{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);font-family:Georgia,serif;min-height:100vh;padding:60px 20px}.gradebook-container{margin:0 auto;max-width:1300px}.gradebook-header{margin-bottom:60px;text-align:center}.gradebook-main-title{color:#1a1a1a;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:10px}.gradebook-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4a90e2,#6ab0ff);-webkit-background-clip:text;background-clip:text}.gradebook-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.gradebook-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:40px;transition:all .3s ease}.gradebook-card:hover{border-color:#b3d4fc;box-shadow:0 8px 24px #4a90e226;transform:translateY(-4px)}.gradebook-icon{display:block;font-size:3.5rem;margin-bottom:24px;transition:transform .3s ease}.gradebook-card:hover .gradebook-icon{transform:scale(1.1)}.gradebook-card-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:16px}.gradebook-card-desc{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:24px}.gradebook-link{align-items:center;color:#4a90e2;display:inline-flex;font-weight:600;text-decoration:none;transition:color .2s ease}.gradebook-link:hover{color:#6ab0ff}.gradebook-arrow{margin-left:8px;transition:transform .2s ease}.gradebook-link:hover .gradebook-arrow{transform:translateX(4px)}@media (max-width:768px){.gradebook-main-title{font-size:2rem}.gradebook-grid{grid-template-columns:1fr}}.edu-gradebook-wrapper{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);font-family:Georgia,serif;padding:80px 20px}.edu-gradebook-container-main{margin:0 auto;max-width:1400px}.edu-gradebook-section-block{margin-bottom:100px}.edu-gradebook-section-block:last-child{margin-bottom:0}.edu-gradebook-category-label{color:#4a90e2;font-size:.875rem;font-weight:700;letter-spacing:2px;margin-bottom:20px}.edu-gradebook-main-heading{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.edu-gradebook-highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4a90e2,#6ab0ff);-webkit-background-clip:text;background-clip:text}.edu-gradebook-subtitle-text{color:#666;font-size:1.125rem;margin-bottom:40px;max-width:600px}.edu-gradebook-content-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1.2fr}.edu-gradebook-content-grid.reverse-layout{grid-template-columns:1.2fr 1fr}.edu-gradebook-features-list{display:flex;flex-direction:column;gap:16px}.edu-gradebook-feature-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:24px;transition:all .3s ease}.edu-gradebook-feature-item:hover{border-color:#b3d4fc;box-shadow:0 4px 12px #4a90e21a}.edu-gradebook-feature-item.active-item{background:linear-gradient(135deg,#f0f8ff,#fff);border-color:#4a90e2;box-shadow:0 6px 20px #4a90e226}.edu-gradebook-feature-heading{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin-bottom:8px}.edu-gradebook-feature-desc{color:#666;display:none;font-size:.95rem;line-height:1.6}.edu-gradebook-feature-item.active-item .edu-gradebook-feature-desc{display:block}.edu-gradebook-image-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;position:-webkit-sticky;position:sticky;top:40px}.edu-gradebook-display-image{display:block;height:500px;object-fit:cover;width:100%}@media (max-width:1024px){.edu-gradebook-content-grid{gap:40px;grid-template-columns:1fr}.edu-gradebook-image-container{position:relative;top:0}.edu-gradebook-main-heading{font-size:2rem}}@media (max-width:768px){.edu-gradebook-main-heading{font-size:1.75rem}.edu-gradebook-display-image{height:300px}}.integration-section-wrapper{background:linear-gradient(135deg,#f0f8ff,#fff);border-radius:24px;margin-top:60px;padding:80px 20px}.integration-header-center{margin-bottom:60px;text-align:center}.integration-title-main{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.integration-subtitle-text{color:#666;font-size:1.125rem}.integration-grid-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.integration-card-item{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:all .4s ease}.integration-card-item:hover{border-color:#4a90e2;box-shadow:0 12px 32px #4a90e233;transform:translateY(-8px)}.integration-image-wrapper{height:200px;overflow:hidden;position:relative;width:100%}.integration-card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.integration-card-item:hover .integration-card-image{transform:scale(1.1)}.integration-icon-overlay{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:1.75rem;height:56px;justify-content:center;left:16px;position:absolute;top:16px;width:56px}.integration-content-area{padding:24px}.integration-card-heading{color:#1a1a1a;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:12px}.integration-card-description{color:#666;font-size:.9rem;line-height:1.6}@media (max-width:1024px){.integration-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.integration-grid-layout{grid-template-columns:1fr}.integration-title-main{font-size:1.75rem}}*{box-sizing:border-box;margin:0;padding:0}.efcp-platform{background:linear-gradient(#000,#000),url(https://images.unsplash.com/photo-1588072432836-4b4f219d2d88?w=1200&h=800&fit=crop) no-repeat 50% /cover;color:#fff;font-family:Zodiak,serif;margin-top:30px;min-height:100vh;overflow:hidden;position:relative}.efcp-container{margin:0 auto;max-width:1400px;padding:80px 40px;position:relative;z-index:1}.efcp-hero-section{align-items:center;display:flex;flex-direction:column;gap:60px;text-align:center}.efcp-content-wrapper{max-width:900px;z-index:2}.efcp-category-label{color:#22c55e;font-size:13px;font-weight:700;letter-spacing:2.5px;margin-bottom:24px;text-transform:uppercase}.efcp-main-title{color:#fff;font-size:72px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0 0 28px}.efcp-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text;display:inline-block}.efcp-subtitle-text{color:#a0a0a0;font-size:19px;line-height:1.7;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px}.efcp-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.efcp-primary-btn{background:linear-gradient(135deg,#22c55e,#4ade80);border:none;border-radius:50px;box-shadow:0 10px 30px #22c55e59;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1.2px;padding:18px 38px;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.efcp-primary-btn:hover{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 15px 40px #22c55e80;transform:translateY(-3px)}.efcp-outline-btn{background:#0000;border:2px solid #333;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1.2px;padding:16px 38px;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.efcp-outline-btn:hover{background:#22c55e1a;border-color:#22c55e;box-shadow:0 8px 24px #22c55e33;transform:translateY(-2px)}.efcp-center-image{margin-top:20px;max-width:1100px;position:relative;width:100%;z-index:2}.efcp-dashboard-img{border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 30px 80px #0009;display:block;height:auto;width:100%}.efcp-image-glow{background:radial-gradient(ellipse at center,#22c55e4d 0,#4ade8033 30%,#0000 70%);bottom:-100px;filter:blur(60px);height:200px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:80%;z-index:-1}.efcp-lines-left{left:0;opacity:.6;width:400px}.efcp-lines-left,.efcp-lines-right{height:100%;pointer-events:none;position:absolute;top:0;z-index:0}.efcp-lines-right{opacity:.7;right:0;width:800px}.efcp-svg-lines{height:100%;width:100%}.efcp-bottom-glow{background:radial-gradient(ellipse at bottom center,#22c55e26 0,#4ade801a 30%,#0000 70%);bottom:0;filter:blur(80px);height:400px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100%;z-index:0}@media (max-width:1024px){.efcp-main-title{font-size:56px}.efcp-container{padding:60px 30px}.efcp-lines-right{width:600px}}@media (max-width:768px){.efcp-main-title{font-size:42px}.efcp-subtitle-text{font-size:17px}.efcp-cta-buttons{align-items:center;flex-direction:column}.efcp-outline-btn,.efcp-primary-btn{max-width:300px;width:100%}.efcp-container{padding:40px 20px}.efcp-lines-left,.efcp-lines-right{opacity:.3}}@media (max-width:480px){.efcp-main-title{font-size:32px}.efcp-subtitle-text{font-size:15px}.efcp-category-label{font-size:11px}}.curriculum-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);font-family:Georgia,serif;min-height:100vh;padding:60px 20px}.curriculum-container{margin:0 auto;max-width:1300px}.curriculum-header{margin-bottom:60px;text-align:center}.curriculum-main-title{color:#1a1a1a;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:10px}.curriculum-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text}.curriculum-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.curriculum-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:40px;transition:all .3s ease}.curriculum-card:hover{border-color:#bbf7d0;box-shadow:0 8px 24px #22c55e26;transform:translateY(-4px)}.curriculum-icon{display:block;font-size:3.5rem;margin-bottom:24px;transition:transform .3s ease}.curriculum-card:hover .curriculum-icon{transform:scale(1.1)}.curriculum-card-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:16px}.curriculum-card-desc{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:24px}.curriculum-link{align-items:center;color:#22c55e;display:inline-flex;font-weight:600;text-decoration:none;transition:color .2s ease}.curriculum-link:hover{color:#4ade80}.curriculum-arrow{margin-left:8px;transition:transform .2s ease}.curriculum-link:hover .curriculum-arrow{transform:translateX(4px)}@media (max-width:768px){.curriculum-main-title{font-size:2rem}.curriculum-grid{grid-template-columns:1fr}}.edu-curriculum-wrapper{background:linear-gradient(135deg,#f0fdf4,#dcfce7);font-family:Georgia,serif;padding:80px 20px}.edu-curriculum-container-main{margin:0 auto;max-width:1400px}.edu-curriculum-section-block{margin-bottom:100px}.edu-curriculum-section-block:last-child{margin-bottom:0}.edu-curriculum-category-label{color:#22c55e;font-size:.875rem;font-weight:700;letter-spacing:2px;margin-bottom:20px}.edu-curriculum-main-heading{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.edu-curriculum-highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text}.edu-curriculum-subtitle-text{color:#666;font-size:1.125rem;margin-bottom:40px;max-width:600px}.edu-curriculum-content-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1.2fr}.edu-curriculum-content-grid.reverse-layout{grid-template-columns:1.2fr 1fr}.edu-curriculum-features-list{display:flex;flex-direction:column;gap:16px}.edu-curriculum-feature-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:24px;transition:all .3s ease}.edu-curriculum-feature-item:hover{border-color:#bbf7d0;box-shadow:0 4px 12px #22c55e1a}.edu-curriculum-feature-item.active-item{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e;box-shadow:0 6px 20px #22c55e26}.edu-curriculum-feature-heading{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin-bottom:8px}.edu-curriculum-feature-desc{color:#666;display:none;font-size:.95rem;line-height:1.6}.edu-curriculum-feature-item.active-item .edu-curriculum-feature-desc{display:block}.edu-curriculum-image-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;position:-webkit-sticky;position:sticky;top:40px}.edu-curriculum-display-image{display:block;height:500px;object-fit:cover;width:100%}@media (max-width:1024px){.edu-curriculum-content-grid{gap:40px;grid-template-columns:1fr}.edu-curriculum-image-container{position:relative;top:0}.edu-curriculum-main-heading{font-size:2rem}}@media (max-width:768px){.edu-curriculum-main-heading{font-size:1.75rem}.edu-curriculum-display-image{height:300px}}.implementation-section-wrapper{background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:24px;margin-top:60px;padding:80px 20px}.implementation-header-center{margin-bottom:60px;text-align:center}.implementation-title-main{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.implementation-subtitle-text{color:#666;font-size:1.125rem}.implementation-grid-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.implementation-card-item{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:all .4s ease}.implementation-card-item:hover{border-color:#22c55e;box-shadow:0 12px 32px #22c55e33;transform:translateY(-8px)}.implementation-image-wrapper{height:200px;overflow:hidden;position:relative;width:100%}.implementation-card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.implementation-card-item:hover .implementation-card-image{transform:scale(1.1)}.implementation-icon-overlay{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:1.75rem;height:56px;justify-content:center;left:16px;position:absolute;top:16px;width:56px}.implementation-content-area{padding:24px}.implementation-card-heading{color:#1a1a1a;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:12px}.implementation-card-description{color:#666;font-size:.9rem;line-height:1.6}@media (max-width:1024px){.implementation-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.implementation-grid-layout{grid-template-columns:1fr}.implementation-title-main{font-size:1.75rem}}.split-login-wrapper{background:#fff;margin-top:90px;min-height:90vh;overflow:hidden;width:100%}.role-tabs-container{display:flex;justify-content:flex-start;padding:20px 0 20px 10%;width:100%}.role-tabs{animation:slideDown .6s ease-out;border-radius:50px;box-shadow:0 4px 20px #00000014;display:inline-flex;gap:4px;padding:6px}.role-tab{background:#0000;border:none;border-radius:50px;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.role-tab:hover{background:#4285f40d;color:#333}.role-tab.active{background:#4285f4;box-shadow:0 4px 12px #4285f466;color:#fff;transform:translateY(-2px)}.split-container{display:flex;min-height:calc(100vh - 110px);position:relative}.left-side{align-items:center;animation:fadeInLeft .8s ease-out;background:#fff;display:flex;flex:0 0 45%;justify-content:center;padding:40px 60px}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.role-login-card{max-width:500px;width:100%}.role-login-card h2{color:#1a1a1a;font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.role-login-card>p{color:#757575;font-size:16px;font-weight:400;margin-bottom:35px}.role-login-form{margin-bottom:35px;width:100%}.form-group{animation:fadeInUp .6s ease-out backwards;margin-bottom:24px}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group label{letter-spacing:.3px;margin-bottom:10px}.form-group input,.form-group select{background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;color:#333;font-family:inherit;font-size:15px;padding:15px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#4285f4;box-shadow:0 0 0 4px #4285f41a;transform:translateY(-2px)}.form-group input::placeholder{color:#aaa}.form-group select,.login-button{cursor:pointer}.login-button{animation:fadeInUp .6s ease-out .3s backwards;background:linear-gradient(135deg,#4285f4,#3367d6);border:none;border-radius:12px;box-shadow:0 4px 15px #4285f44d;color:#fff;font-size:16px;font-weight:600;margin-top:10px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-button: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}.login-button:hover:before{height:300px;width:300px}.login-button:hover{box-shadow:0 8px 25px #4285f466;transform:translateY(-3px)}.login-button:active{transform:translateY(-1px)}.login-button:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none;cursor:not-allowed;transform:none}.login-info{animation:fadeInUp .6s ease-out .4s backwards;border-top:2px solid #f0f0f0;padding-top:25px}.login-info h4{color:#1a1a1a;font-size:17px;font-weight:700;margin-bottom:15px;text-align:left}.login-info ul{list-style:none;margin:0;padding:0}.login-info ul li{color:#666;font-size:14px;line-height:1.6;padding:8px 0 8px 28px;position:relative;text-align:left}.login-info ul li:before{color:#4285f4;content:"✓";font-size:16px;font-weight:700;left:0;position:absolute}.forgot-password{border-top:1px solid #f5f5f5;margin-top:20px;padding-top:20px}.forgot-password p{color:#999;font-size:13px;margin:0}.right-side{align-items:center;display:flex;flex:0 0 55%;justify-content:center;overflow:hidden;position:relative}.decorative-circles{height:100%;pointer-events:none;position:absolute;width:100%}.circle{animation:pulse 3s ease-in-out infinite;background:#4285f440;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:140px;right:100px;top:60px;width:140px}.circle-2{animation-delay:.5s;height:60px;right:40px;top:100px;width:60px}.circle-3{animation-delay:1s;background:#4285f466;bottom:100px;height:40px;right:45%;width:40px}.character-container{animation:float 4s ease-in-out infinite;padding:20px;position:relative;z-index:10}.character-image{animation:fadeInRight 1s ease-out;filter:drop-shadow(0 25px 50px rgba(0,0,0,.2));height:auto;margin-left:80px;margin-top:-40px;max-width:700px;object-fit:contain;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(1deg)}50%{transform:translateY(-25px) rotate(0deg)}75%{transform:translateY(-15px) rotate(-1deg)}}@media (max-width:1200px){.left-side{padding:40px}.left-side,.right-side{flex:0 0 50%}.character-image{max-width:550px}}@media (max-width:1024px){.role-tabs-container{padding-left:5%}.split-container{flex-direction:column}.left-side,.right-side{flex:none;width:100%}.left-side{padding:40px 30px}.right-side{min-height:450px}.character-image{max-width:450px}.role-tabs{flex-wrap:wrap}.role-tab{font-size:14px;padding:10px 20px}}@media (max-width:768px){.role-tabs-container{justify-content:center;padding:20px}.left-side{padding:30px 20px}.role-login-card{max-width:100%}.role-login-card h2{font-size:30px}.character-image{max-width:380px}.character-container{padding:20px}.circle-1{height:100px;width:100px}.circle-2{height:50px;width:50px}}@media (max-width:480px){.role-tabs-container{padding:15px 10px}.role-tab{font-size:13px;padding:8px 16px}.role-login-card h2{font-size:26px}.role-login-card>p{font-size:14px}.form-group input,.form-group select{font-size:14px;padding:13px 16px}.login-button{font-size:15px;padding:14px}.character-image{max-width:300px}.login-info h4{font-size:15px}.login-info ul li{font-size:13px}}.dashboard-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.role-sidebar{background:linear-gradient(180deg,#2c3e50,#34495e);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px}.sidebar-header{background:#0003;border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-title{color:#ecf0f1;font-size:1.3rem;font-weight:600;margin-bottom:10px}.user-info{font-size:.9rem}.user-name{font-weight:500;margin-bottom:4px}.user-role{background:#3498db33;border-radius:12px;color:#bdc3c7;display:inline-block;font-size:.8rem;padding:2px 8px;text-transform:capitalize}.sidebar-menu{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:20px 0}.menu-item{margin-bottom:5px}.menu-link{align-items:center;border-left:4px solid #0000;color:#ecf0f1;display:flex;padding:12px 20px;text-decoration:none;transition:all .3s ease}.menu-link:hover{background:#3498db1a;border-left-color:#3498db;color:#3498db}.menu-icon{font-size:1.1rem;margin-right:12px;text-align:center;width:20px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.logout-btn{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;color:#e74c3c;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#e74c3c33;border-color:#e74c3c}.logout-icon{margin-right:8px}.dashboard-content{background:#f8f9fa;margin-left:280px;padding:2rem}.dashboard-header{align-items:flex-start;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.welcome-section h1{color:#2c3e50;margin-bottom:.5rem}.role-badge{background:#3498db;font-size:.8rem;margin-bottom:.5rem;padding:.25rem .75rem}.school-info{text-align:right}.school-info h3{color:#2c3e50;margin-bottom:.5rem}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.stat-card{border-left:4px solid #3498db}.stat-card h3{color:#2c3e50;margin-bottom:1rem}.feature-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.feature-btn:hover{background:#2980b9}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000001a;padding:1.5rem}.recent-activity h3{color:#2c3e50;margin-bottom:1rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{background:#f8f9fa;border-left:3px solid #3498db;border-radius:8px;padding:1rem}@media (max-width:768px){.role-sidebar{height:auto;position:relative;width:100%}.dashboard-content{margin-left:0}.dashboard-header{flex-direction:column;gap:1rem}.school-info{text-align:left}}.popup-overlay{background:#00000080;padding:20px}.popup-container{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;padding:32px;position:relative;width:100%}.popup-header{margin-bottom:24px;position:relative;text-align:center}.popup-close{background:#f3f4f6;border-radius:50%;color:#6b7280;font-size:18px;height:32px;position:absolute;right:-10px;top:-10px;transition:all .2s;width:32px}.popup-close:hover{background:#e5e7eb;color:#374151}.popup-icon{font-size:48px;margin-bottom:16px}.popup-title{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:8px}.popup-subtitle{color:#6b7280;font-size:14px;line-height:1.5}.popup-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:6px}.form-label{color:#374151;font-size:14px;font-weight:500}.form-input{background:#fff;border:1px solid #d1d5db;padding:12px 16px;transition:all .2s}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-input::placeholder{color:#9ca3af}.form-options{justify-content:space-between;margin:8px 0}.checkbox,.form-options{align-items:center;display:flex}.checkbox{cursor:pointer;gap:8px}.checkbox input[type=checkbox]{border:1px solid #d1d5db;border-radius:4px;height:16px;width:16px}.checkbox-label{color:#374151;font-size:14px}.forgot-link{color:#4f46e5;font-size:14px;text-decoration:none}.forgot-link:hover{text-decoration:underline}.submit-button{border-radius:8px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s}.submit-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.auth-switch{margin:16px 0;text-align:center}.auth-switch p{color:#6b7280;font-size:14px}.switch-link{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;text-decoration:underline}.switch-link:hover{color:#3730a3}.terms{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px;text-align:center}.terms-text{color:#6b7280;font-size:12px;line-height:1.4}.terms-link{color:#4f46e5;text-decoration:none}.terms-link:hover{text-decoration:underline}@media (max-width:640px){.popup-container{margin:20px;padding:24px}.popup-title{font-size:20px}.form-options{align-items:flex-start;flex-direction:column;gap:12px}}.otp-hint,.password-hint{color:#666;display:block;font-size:12px;margin-top:5px}.submit-button:disabled{opacity:.6}.popup-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-container{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;width:90%}.popup-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:20px}.popup-header h2{color:#333;font-size:1.5rem;margin:0}.popup-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.popup-close:hover{background:#e9ecef;border-radius:50%;color:#333}.popup-form{padding:20px}.form-group label{color:#333}.form-group input,.form-group select{border:2px solid #e1e5e9;border-radius:5px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;outline:none}.submit-button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background .3s;width:100%}.submit-button:hover:not(:disabled){background:#0056b3}.submit-button:disabled{background:#6c757d;cursor:not-allowed}.auth-toggle{border-top:1px solid #eee;margin-top:20px;padding-top:15px;text-align:center}.auth-toggle p{color:#666;margin:0}.toggle-link{color:#007bff;cursor:pointer;font-weight:600;text-decoration:underline}.toggle-link:hover{color:#0056b3}@media (max-width:480px){.popup-container{margin:10px;width:95%}.popup-form{padding:15px}.form-group input,.form-group select{padding:10px}}.school-homepage{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.school-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;padding:1rem 2rem}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.school-brand{align-items:center;display:flex}.school-brand{gap:1rem}.school-icon{font-size:2.5rem}.school-info h1{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.school-info p{color:#7f8c8d;font-size:.9rem;margin:0}.btn-logout{background:#e74c3c;border:none;border-radius:8px;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-logout:hover{background:#c0392b;transform:translateY(-2px)}.hero-section{color:#fff;padding:3rem 2rem;text-align:center}.hero-content h2{font-size:2.5rem;font-weight:300;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.login-options{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.login-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #0000;border-radius:15px;cursor:pointer;padding:2rem;transition:all .3s ease;width:250px}.login-option:hover{background:#fff3;transform:translateY(-5px)}.login-option.active{background:#fff3;border-color:#3498db}.option-icon{font-size:3rem;margin-bottom:1rem}.login-option h3{font-size:1.3rem;margin-bottom:.5rem}.login-option p{font-size:.9rem;margin:0;opacity:.9}.login-forms{background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0003;margin:0 auto;max-width:500px;padding:2rem}.login-form h4{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.school-info-preview{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:left}.school-info-preview p{color:#2c3e50;margin:.5rem 0}.login-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:1rem;transition:all .3s ease;width:100%}.login-btn.primary{background:#3498db;color:#fff}.login-btn.primary:hover{background:#2980b9;transform:translateY(-2px)}.login-btn.secondary{background:#9b59b6;color:#fff}.login-btn.secondary:hover{background:#8e44ad;transform:translateY(-2px)}.login-note{color:#7f8c8d;font-size:.9rem;margin:0}.quick-info{background:#ffffff1a;margin-top:2rem;padding:3rem 2rem}.info-cards{display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:1000px}.info-card{background:#fffffff2;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:2rem;width:300px}.card-icon{font-size:2.5rem;margin-bottom:1rem}.info-card h4{color:#2c3e50;margin-bottom:1rem}.info-card ul{color:#5d6d7e;line-height:1.6;text-align:left}.school-footer{background:#0003;color:#fff;margin-top:2rem;padding:2rem;text-align:center}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.info-cards,.login-options{align-items:center;flex-direction:column}.hero-content h2{font-size:2rem}}.teacher-sidebar{background:linear-gradient(180deg,#2c3e50,#1a252f);box-shadow:3px 0 10px #0003;color:#fff;display:flex;flex-direction:column;height:90vh;left:0;margin-top:84px;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.teacher-sidebar-header{background:#0003;border-bottom:1px solid #ffffff1a;padding:25px 20px}.teacher-sidebar-title{align-items:center;color:#4dabf7;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0 0 20px}.teacher-info{background:#ffffff1a;border-radius:8px;padding:15px;position:relative}.teacher-name{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:8px}.teacher-details{color:#fffc;display:flex;flex-direction:column;font-size:.85rem;gap:4px}.refresh-btn{background:#ffffff1a;border-radius:50%;height:30px;position:absolute;right:10px;top:10px;width:30px}.refresh-btn:hover{background:#fff3;transform:rotate(90deg)}.teacher-sidebar-menu{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.teacher-menu-item{border-bottom:1px solid #ffffff0d}.teacher-menu-link{align-items:center;color:#ffffffe6;display:flex;font-size:1rem;gap:15px;padding:18px 25px;position:relative;text-decoration:none;transition:all .3s}.teacher-menu-link:hover{background:#ffffff1a;color:#fff;padding-left:30px}.teacher-menu-icon{font-size:1.2rem;text-align:center;width:24px}.teacher-dropdown{border-bottom:1px solid #ffffff0d}.teacher-dropdown-header{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:1rem;gap:15px;padding:18px 25px;position:relative;transition:all .3s}.teacher-dropdown-header:hover{background:#ffffff1a;color:#fff;padding-left:30px}.teacher-dropdown-menu{background:#0000004d;border-top:1px solid #ffffff0d;list-style:none;margin:0;padding:0}.teacher-dropdown-menu li{border-bottom:1px solid #ffffff0d}.teacher-dropdown-menu li:last-child{border-bottom:none}.teacher-dropdown-link{color:#fffc;display:block;font-size:.95rem;padding:15px 25px 15px 50px;text-decoration:none;transition:all .3s}.teacher-dropdown-link:hover{background:#ffffff1a;color:#fff;padding-left:55px}.notification-badge{background:#ff6b6b;border-radius:12px;font-size:.8rem;font-weight:600;min-width:20px;padding:3px 8px;position:absolute;right:25px}.logout-item{background:#ff00001a;margin-top:auto}.teacher-logout-btn{align-items:center;background:#0000;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:1rem;gap:15px;padding:18px 25px;text-align:left;transition:all .3s;width:100%}.teacher-logout-btn:hover{background:#f003;color:#fff;padding-left:30px}.teacher-sidebar-footer{background:#0000004d;border-top:1px solid #ffffff1a;margin-top:auto;padding:20px}.teacher-quick-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.teacher-stat-item{background:#ffffff0d;border-radius:6px;color:#fffc;font-size:.9rem;padding:10px}.teacher-system-info{border-top:1px solid #ffffff0d;color:#fff9;display:flex;font-size:.8rem;justify-content:space-between;padding-top:10px}.sidebar-loading{align-items:center;background:#2c3e50;display:flex;font-size:1rem;height:100vh;justify-content:center;width:280px}.teacher-sidebar::-webkit-scrollbar{width:6px}.teacher-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.teacher-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.teacher-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.teacher-container{background:#f5f7fa;display:flex;margin-top:70px;min-height:100vh}.teacher-main-content{flex:1 1;margin-left:280px;min-height:100vh;overflow-y:auto;padding:0}.teacher-loading{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.teacher-header{background:linear-gradient(135deg,#4dabf7,#339af0);box-shadow:0 4px 12px #0000001a;color:#fff;padding:30px}.teacher-school-banner{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.teacher-school-title{font-size:2.2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0003}.teacher-school-details{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;gap:20px}.teacher-school-id{background:#fff3;border-radius:20px;font-weight:500;padding:6px 12px}.teacher-user-welcome{font-size:1.1rem;font-weight:600}.teacher-user-role{background:#fff3;border-radius:20px;font-weight:500;padding:6px 12px}.teacher-profile-section{display:flex;justify-content:flex-end}.teacher-profile-card{align-items:center;background:#fffffff2;border-radius:15px;box-shadow:0 8px 20px #00000026;color:#2c3e50;display:flex;gap:20px;padding:20px;transition:transform .3s;width:350px}.teacher-profile-card:hover{transform:translateY(-5px)}.teacher-profile-icon{align-items:center;background:linear-gradient(135deg,#4dabf7,#339af0);border-radius:50%;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.teacher-profile-info{flex:1 1}.teacher-profile-name{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 8px}.teacher-profile-email,.teacher-profile-grade,.teacher-profile-mobile,.teacher-profile-subject{align-items:center;color:#555;display:flex;font-size:.95rem;gap:8px;margin:5px 0}.teacher-stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);padding:30px}.teacher-stat-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;padding:25px;text-align:center;transition:all .3s}.teacher-stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-8px)}.teacher-stat-icon{font-size:2.5rem;margin-bottom:15px}.teacher-stat-title{color:#6c757d;font-size:1rem;font-weight:600;margin:0 0 10px}.teacher-stat-value{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.teacher-stat-desc{color:#6c757d;font-size:.85rem;margin:8px 0 0}.teacher-attendance-high{color:#40c057}.teacher-actions-section{padding:0 30px 30px}.teacher-actions-title{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 25px}.teacher-actions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.teacher-action-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:15px;padding:25px;text-align:center;transition:all .3s}.teacher-action-card:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#4dabf7;box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.teacher-action-icon{color:#4dabf7;font-size:2.2rem}.teacher-action-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.teacher-action-desc{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}.teacher-upcoming-section{padding:0 30px 30px}.teacher-upcoming-title{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 25px}.teacher-upcoming-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.teacher-upcoming-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:20px;transition:all .3s}.teacher-upcoming-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.teacher-upcoming-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.teacher-upcoming-time{background:#e7f5ff;color:#339af0}.teacher-upcoming-subject,.teacher-upcoming-time{border-radius:20px;font-size:.9rem;font-weight:500;padding:6px 12px}.teacher-upcoming-subject{background:#339af0;color:#fff}.teacher-upcoming-body{display:flex;flex-direction:column;gap:12px}.teacher-upcoming-class{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.teacher-upcoming-topic{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0}.teacher-upcoming-actions{display:flex;gap:10px;margin-top:15px}.teacher-upcoming-btn{background:#fff;border:1px solid #339af0;border-radius:8px;color:#339af0;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .3s}.teacher-upcoming-btn:hover{background:#339af0;color:#fff}.teacher-activities-section{padding:0 30px 30px}.teacher-activities-title{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 25px}.teacher-activities-list{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:20px}.teacher-activity-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:20px;padding:20px;transition:background .3s}.teacher-activity-item:hover{background:#f8f9fa}.teacher-activity-item:last-child{border-bottom:none}.teacher-activity-icon{color:#339af0;font-size:1.5rem}.teacher-activity-content{flex:1 1}.teacher-activity-title{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 5px}.teacher-activity-desc{color:#6c757d;font-size:.95rem;margin:0 0 5px}.teacher-activity-time{color:#868e96;font-size:.85rem;margin:0}.teacher-assignments-section{padding:0 30px 30px}.teacher-assignments-title{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 25px}.teacher-assignments-count{background:#ff6b6b;border-radius:20px;color:#fff;font-size:1rem;padding:4px 12px}.teacher-assignments-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.teacher-assignment-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:20px;transition:all .3s}.teacher-assignment-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.teacher-assignment-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.teacher-assignment-subject{background:#d0ebff;color:#1971c2}.teacher-assignment-due,.teacher-assignment-subject{border-radius:20px;font-size:.9rem;font-weight:500;padding:6px 12px}.teacher-assignment-due{background:#fff3bf;color:#e67700}.teacher-assignment-body{display:flex;flex-direction:column;gap:10px}.teacher-assignment-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.teacher-assignment-class{color:#6c757d;font-size:.95rem;margin:0}.teacher-assignment-submissions{color:#868e96;font-size:.9rem;margin:0}.teacher-assignment-btn{background:#339af0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:12px;transition:all .3s;width:100%}.teacher-assignment-btn:hover{background:#1971c2}.teacher-assignment-btn.urgent{background:#ff6b6b}.teacher-assignment-btn.urgent:hover{background:#fa5252}@media (max-width:1200px){.teacher-actions-grid,.teacher-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.teacher-container{flex-direction:column}.teacher-sidebar{height:auto;max-height:400px;position:relative;width:100%}.teacher-main-content{margin-left:0}.teacher-school-banner{align-items:flex-start;flex-direction:column}.teacher-profile-section{justify-content:flex-start;margin-top:20px}.teacher-profile-card{max-width:400px;width:100%}}@media (max-width:768px){.teacher-actions-grid,.teacher-assignments-grid,.teacher-stats-grid,.teacher-upcoming-grid{grid-template-columns:1fr}.teacher-actions-section,.teacher-activities-section,.teacher-assignments-section,.teacher-header,.teacher-stats-grid,.teacher-upcoming-section{padding:20px}}@media (max-width:576px){.teacher-school-title{font-size:1.8rem}.teacher-assignment-header,.teacher-school-details,.teacher-upcoming-header{align-items:flex-start;flex-direction:column;gap:10px}.teacher-upcoming-actions{flex-direction:column}}.subjects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.subjects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.subject-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.subject-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.subject-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.subject-info h3{color:#2c3e50;font-size:1.25rem;margin:0 0 .25rem}.subject-code{color:#7f8c8d;font-size:.9rem;font-weight:500}.subject-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.type-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.type-badge.core{background:#e3f2fd;color:#1976d2}.type-badge.elective{background:#f3e5f5;color:#7b1fa2}.type-badge.practical{background:#e8f5e8;color:#388e3c}.type-badge.language{background:#fff3e0;color:#f57c00}.type-badge.default{background:#f5f5f5;color:#616161}.status-badge.active{color:#388e3c}.status-badge.inactive{color:#d32f2f}.subject-details{margin-bottom:1.5rem}.detail-item{align-items:center;border-bottom:1px solid #f8f9fa;justify-content:space-between;padding:.5rem 0}.detail-item.full-width{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-item .label{color:#7f8c8d;font-size:.9rem;font-weight:600}.detail-item .value{font-weight:500}.description-text{color:#5d6d7e;font-size:.9rem;line-height:1.4}.subject-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-delete,.btn-edit,.btn-status{border-radius:6px;flex:1 1;font-size:.85rem;font-weight:600;min-width:80px;padding:.5rem 1rem;transition:all .2s ease}.btn-edit{background:#fff3e0;color:#f57c00}.btn-edit:hover{background:#ffe0b2}.btn-delete{color:#d32f2f}.btn-delete:hover{background:#ffcdd2}.btn-status{background:#e8f5e8;color:#388e3c}.btn-status.deactivate{background:#ffebee;color:#d32f2f}.btn-status:hover{opacity:.9;transform:translateY(-1px)}.subject-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.subject-form textarea{min-height:80px;resize:vertical}@media (max-width:768px){.filter-section,.subjects-header{align-items:flex-start;flex-direction:column;gap:1rem}.filter-stats{justify-content:space-between;width:100%}.subjects-grid{grid-template-columns:1fr}.subject-header{align-items:flex-start;flex-direction:column;gap:1rem}.subject-badges{flex-direction:row;justify-content:flex-start;width:100%}.subject-form .form-row{grid-template-columns:1fr}.subject-actions{flex-direction:column}}.stats-container{margin-top:2rem}.timetable-header{margin-bottom:2rem}.view-mode-toggle{gap:1rem;margin-bottom:1.5rem}.toggle-btn{border:2px solid #e9ecef;border-radius:8px;color:#7f8c8d;padding:.75rem 1.5rem}.toggle-btn.active{background:#3498db;border-color:#3498db;color:#fff}.toggle-btn:hover:not(.active){border-color:#3498db;color:#3498db}.filter-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.class-filter{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;min-width:200px;padding:.75rem 1rem;transition:border-color .3s ease}.class-filter:focus{border-color:#3498db;outline:none}.filter-stats{display:flex;gap:2rem}.stat{background:#f8f9fa;border-radius:6px;color:#2c3e50;font-weight:600;padding:.5rem 1rem}.timetable-container{border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.timetable-wrapper{padding:1rem}.timetable-grid{border:1px solid #e9ecef;display:flex;flex-direction:column}.timetable-header-row{background:#3498db;color:#fff;display:grid;font-weight:600;grid-template-columns:150px repeat(6,1fr)}.day-header,.time-slot-header{border-right:1px solid #2980b9;padding:1rem;text-align:center}.timetable-row{border-bottom:1px solid #e9ecef;display:grid;grid-template-columns:150px repeat(6,1fr)}.timetable-row:last-child{border-bottom:none}.period-header{align-items:center;background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;justify-content:center;padding:1rem}.period-label{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.period-time{color:#7f8c8d;font-size:.8rem}.timetable-cell-container{border-right:1px solid #e9ecef;min-height:100px;padding:.5rem}.timetable-cell-container:last-child{border-right:none}.timetable-cell{background:#e8f5e8;border:1px solid #c8e6c9;border-radius:6px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.75rem;position:relative;transition:all .3s ease}.timetable-cell:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.timetable-cell.inactive{background:#f5f5f5;border-color:#e0e0e0;opacity:.6}.timetable-cell.multiple{background:#ffebee;border-color:#ffcdd2}.cell-content{flex:1 1}.subject-name{color:#2c3e50;font-weight:600}.subject-name,.teacher-name{display:block;margin-bottom:.25rem}.teacher-name{color:#7f8c8d;font-size:.85rem}.room,.time{color:#95a5a6;display:block;font-size:.75rem}.conflict-warning{color:#d32f2f;font-size:.8rem;font-weight:600}.btn-edit-cell{background:#ffffffe6;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.25rem;transition:background .2s ease}.btn-edit-cell:hover{background:#fff}.teacher-view{padding:1rem}.teacher-view h3{color:#2c3e50;margin-bottom:1.5rem}.teacher-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.teacher-schedule{background:#f8f9fa;border-radius:8px;padding:1.5rem}.teacher-schedule h4{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem}.teacher-periods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.teacher-period{background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.teacher-period .day{color:#2c3e50;font-weight:600}.teacher-period .period{color:#3498db;font-size:.9rem}.teacher-period .class{color:#7f8c8d;font-size:.85rem}.teacher-period .room,.teacher-period .time{color:#95a5a6;font-size:.8rem}.timetable-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-container.large{max-width:800px}.quick-actions{border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.quick-actions h3{color:#2c3e50;margin-bottom:1rem}.empty-state p{margin-bottom:2rem}.empty-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.class-selector{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;min-width:200px;padding:.75rem 1rem}@media (max-width:1024px){.timetable-header-row,.timetable-row{grid-template-columns:120px repeat(6,1fr)}}@media (max-width:768px){.timetable-header{align-items:flex-start;gap:1rem}.filter-section,.timetable-header,.view-mode-toggle{flex-direction:column}.filter-section{align-items:flex-start;gap:1rem}.timetable-header-row,.timetable-row{font-size:.8rem;grid-template-columns:100px repeat(6,1fr)}.period-header{padding:.5rem}.timetable-cell-container{padding:.25rem}.timetable-form .form-row{grid-template-columns:1fr}.action-buttons,.empty-actions{flex-direction:column}}@media (max-width:480px){.timetable-header-row,.timetable-row{grid-template-columns:80px repeat(6,1fr)}.day-header,.time-slot-header{font-size:.7rem;padding:.5rem}.period-label{font-size:.7rem}.period-time{font-size:.6rem}}.loading{padding:2rem}.btn-cancel,.btn-primary,.btn-save,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.btn-save:hover:not(:disabled){background:#219a52}.btn-cancel{background:#e74c3c}.btn-cancel:hover:not(:disabled){background:#c0392b}button:disabled{cursor:not-allowed;opacity:.6}.cell-actions{display:flex;gap:.25rem;position:absolute;right:.25rem;top:.25rem}.btn-delete-cell,.btn-edit-cell{background:#ffffffe6;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.25rem;transition:background .2s ease}.btn-edit-cell:hover{background:#e3f2fd}.btn-delete-cell:hover{background:#ffebee}.no-schedule{color:#95a5a6;font-style:italic;padding:1rem;text-align:center}.selected-class-info{background:#e3f2fd;border-radius:6px;color:#1976d2;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem}.field-info,.field-warning{border-radius:4px;font-size:.8rem;margin-top:.25rem;padding:.25rem .5rem}.field-info{background:#e3f2fd;border-left:3px solid #1976d2;color:#1976d2}.field-warning{background:#fff3e0;border-left:3px solid #f57c00;color:#f57c00}.timetable-form select:disabled{background-color:#f5f5f5;color:#9e9e9e;cursor:not-allowed}.timetable-form select:disabled option{color:#9e9e9e}.user-management-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;overflow:hidden}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header-left h1{margin-bottom:.5rem}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;font-size:.9rem;width:100%}.users-table th{background:#3498db;border:none;color:#fff;font-weight:600;padding:1rem;text-align:left}.users-table td{border-bottom:1px solid #ecf0f1;color:#2c3e50;padding:1rem}.users-table tr:hover{background:#f8f9fa}.user-id{color:#e74c3c;font-family:Courier New,monospace;font-weight:600}.user-email{color:#3498db}.user-mobile{color:#27ae60}.user-subject{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.user-qualification{color:#7f8c8d;font-size:.85rem}.loading{color:#7f8c8d}.spinner{border:3px solid #f3f3f3;height:30px;margin:0 auto 1rem;width:30px}.empty-state{padding:3rem 2rem}.empty-icon{margin-bottom:1rem}.empty-state h3{margin-bottom:.5rem}.empty-state p{margin-bottom:0}.list-footer{color:#7f8c8d;padding:1rem;text-align:center}.list-footer p{margin:0}@media (max-width:768px){.users-table{font-size:.8rem}.users-table td,.users-table th{padding:.75rem .5rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}}.header-actions{gap:1rem}.btn-clear-filters,.btn-excel,.btn-excel-small,.btn-refresh{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-excel{background:#27ae60;color:#fff}.btn-excel:hover:not(:disabled){background:#219a52}.btn-excel:disabled{background:#95a5a6;cursor:not-allowed}.btn-excel-small{background:#27ae60;color:#fff;font-size:.9rem;padding:.5rem 1rem}.btn-clear-filters{background:#e74c3c;font-size:.9rem;padding:.5rem 1rem}.btn-clear-filters:hover{background:#c0392b}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-input{border:2px solid #e9ecef;transition:border-color .3s ease}.filter-group{gap:1rem}.filter-select{border:2px solid #e9ecef;font-size:1rem}.stats-cards{grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.list-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #ecf0f1;padding:1rem 1.5rem}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-content p{color:#7f8c8d;margin:0}@media (max-width:768px){.filters-section{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filter-group{justify-content:space-between}.header-actions{flex-direction:column;width:100%}.btn-excel,.btn-refresh{justify-content:center;width:100%}.footer-content{flex-direction:column;gap:1rem;text-align:center}.stats-cards{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stats-cards{grid-template-columns:1fr}.filter-group{align-items:stretch;flex-direction:column}.filter-select{min-width:auto}}.user-grade .grade-badge{background:#9b59b6;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.user-roll{color:#e67e22;font-family:Courier New,monospace;font-weight:600}.user-parent{color:#3498db;font-size:.85rem}.filter-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;min-width:200px;padding:.75rem 1rem;transition:border-color .3s ease}.filter-input:focus{border-color:#3498db;outline:none}.grade-badge[data-grade*="1st"],.grade-badge[data-grade*="2nd"],.grade-badge[data-grade*="3rd"]{background:#e74c3c}.grade-badge[data-grade*="4th"],.grade-badge[data-grade*="5th"],.grade-badge[data-grade*="6th"]{background:#e67e22}.grade-badge[data-grade*="7th"],.grade-badge[data-grade*="8th"]{background:#f1c40f;color:#2c3e50}.grade-badge[data-grade*="10th"],.grade-badge[data-grade*="9th"]{background:#2ecc71}.grade-badge[data-grade*="11th"],.grade-badge[data-grade*="12th"]{background:#3498db}@media (max-width:1024px){.users-table{font-size:.85rem}.users-table td,.users-table th{padding:.75rem .5rem}}@media (max-width:768px){.users-table-container{overflow-x:auto}.users-table{min-width:800px}.user-parent{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.name-with-role{display:flex;flex-direction:column;gap:.25rem}.role-badge{align-self:flex-start;background:#8e44ad;font-size:.7rem;padding:.2rem .5rem}.user-status .status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.4rem .8rem;text-transform:uppercase}.status-badge.active{background:#e8f5e8;border:1px solid #27ae60;color:#27ae60}.status-badge.inactive{background:#ffebee;border:1px solid #e74c3c;color:#e74c3c}.user-created{color:#7f8c8d;font-size:.85rem}.user-actions{display:flex;gap:.5rem}.btn-status{border-radius:6px;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .3s ease}.btn-status.activate{background:#27ae60;color:#fff}.btn-status.activate:hover{background:#219a52}.btn-status.deactivate{background:#e74c3c;color:#fff}.btn-status.deactivate:hover{background:#c0392b}.principal-header{background:linear-gradient(135deg,#8e44ad,#9b59b6);border-radius:12px;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.principal-header h1{font-size:2rem;margin:0 0 .5rem}.principal-header p{margin:0;opacity:.9}.principal-detail-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.principal-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.info-item{gap:.25rem}.info-label{color:#7f8c8d;font-size:.8rem;font-weight:600;text-transform:uppercase}.info-value{color:#2c3e50;font-size:1rem;font-weight:500}.principal-actions{border-top:1px solid #ecf0f1;display:flex;gap:1rem;padding-top:1rem}@media (max-width:1024px){.users-table{font-size:.85rem}.user-actions{flex-direction:column}.btn-status{font-size:.75rem;padding:.3rem .6rem}}@media (max-width:768px){.users-table-container{overflow-x:auto}.users-table{min-width:700px}.principal-info-grid{grid-template-columns:1fr}.principal-actions{flex-direction:column}}.principal-role-highlight{background:linear-gradient(135deg,#8e44ad20,#9b59b620);border-left:4px solid #8e44ad}.principal-role-highlight:hover{background:linear-gradient(135deg,#8e44ad30,#9b59b630)}.parent-row{background:#f8f9fa}.parent-row:hover{background:#e9ecef}.role-badge.parent{background:#e67e22;color:#fff}.role-tag{background:#f39c12;border-radius:15px;color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .6rem;text-transform:uppercase}.student-associations .no-students{color:#95a5a6;font-size:.85rem;font-style:italic}.student-associations .student-list{display:flex;flex-direction:column;gap:.25rem}.student-item{align-items:center;background:#e3f2fd;border-radius:4px;display:flex;font-size:.8rem;gap:.5rem;padding:.25rem .5rem}.student-name{color:#1976d2}.student-grade{background:#9b59b6;border-radius:10px;color:#fff;font-size:.7rem;padding:.1rem .4rem}.parent-header{background:linear-gradient(135deg,#e67e22,#f39c12);border-radius:12px;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.parent-header h1{font-size:2rem;margin:0 0 .5rem}.parent-header p{margin:0;opacity:.9}.info-section{margin-top:2rem}.info-card{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffcc80;border-radius:12px;margin-top:1rem;padding:1.5rem}.info-card h3{color:#e65100;font-size:1.2rem;margin:0 0 1rem}.info-card ul{color:#5d4037;margin:0;padding-left:1.5rem}.info-card li{line-height:1.5;margin-bottom:.5rem}.info-card li:last-child{margin-bottom:0}.parent-contact{align-items:center;display:flex;gap:.5rem}.contact-icon{font-size:.9rem;opacity:.7}.parent-status-indicator{align-items:center;display:flex;gap:.5rem}.status-dot{display:inline-block}.status-dot.active{background:#27ae60}.status-dot.inactive{background:#e74c3c}.parent-detail-view{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:1rem;padding:1.5rem}.parent-children-section{border-top:1px solid #ecf0f1;margin-top:1rem;padding-top:1rem}.children-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.5rem}.child-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:1rem}.child-name{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.child-info{color:#7f8c8d;font-size:.85rem}@media (max-width:1024px){.users-table{font-size:.85rem}.student-associations{max-width:120px}}@media (max-width:768px){.users-table-container{overflow-x:auto}.users-table{min-width:900px}.info-card{padding:1rem}.children-list{grid-template-columns:1fr}}.parent-comms-ready{border-left:4px solid #27ae60}.parent-needs-update{border-left:4px solid #e74c3c}.staff-sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 10px #0000001a;color:#fff;height:100vh;left:0;margin-top:85px;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.staff-sidebar-header{background:#ffffff1a;border-bottom:1px solid #fff3;padding:20px}.staff-sidebar-title{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:10px}.staff-info{font-size:.9rem}.staff-name{font-size:1rem;font-weight:600;margin-bottom:5px}.staff-details{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.staff-details small{font-size:.8rem;opacity:.8}.refresh-btn{background:#fff3;border-radius:4px;font-size:.8rem;padding:5px 10px;transition:background .3s}.refresh-btn:hover{background:#ffffff4d}.staff-sidebar-menu{list-style:none;margin:0;padding:0}.staff-menu-item{border-bottom:1px solid #ffffff1a}.staff-menu-link{align-items:center;color:#fff;display:flex;padding:15px 20px;position:relative;text-decoration:none;transition:background .3s}.staff-menu-link:hover{background:#ffffff1a}.staff-menu-icon{font-size:1.1rem;margin-right:12px;text-align:center;width:20px}.staff-dropdown{border-bottom:1px solid #ffffff1a}.staff-dropdown-header{align-items:center;cursor:pointer;display:flex;padding:15px 20px;transition:background .3s;-webkit-user-select:none;user-select:none}.staff-dropdown-header:hover{background:#ffffff1a}.staff-dropdown-menu{background:#0003;list-style:none;margin:0;padding:0}.staff-dropdown-link{border-left:3px solid #0000;color:#ffffffe6;display:block;font-size:.9rem;padding:12px 20px 12px 50px;text-decoration:none;transition:all .3s}.staff-dropdown-link:hover{background:#ffffff1a;border-left-color:#4cd964;color:#fff}.staff-logout-btn{align-items:center;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;padding:15px 20px;text-align:left;transition:background .3s;width:100%}.staff-logout-btn:hover{background:#ff4d4d4d}.staff-sidebar-footer{background:#0003;border-top:1px solid #ffffff1a;margin-top:auto;padding:20px}.staff-quick-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.staff-stat-item{font-size:.85rem;opacity:.9;padding:5px 0}.staff-system-info{display:flex;flex-direction:column;font-size:.75rem;gap:2px;opacity:.7}.sidebar-loading{color:#fff;padding:20px;text-align:center}@media (max-width:768px){.staff-sidebar{height:auto;position:relative;width:100%}.staff-sidebar-header{padding:15px}.staff-dropdown-header,.staff-menu-link{padding:12px 15px}.staff-dropdown-link{padding:10px 15px 10px 45px}}.staff-sidebar::-webkit-scrollbar{width:6px}.staff-sidebar::-webkit-scrollbar-track{background:#ffffff1a}.staff-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.staff-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.pending-count{background:#ff6b6b;border-radius:8px;padding:2px 6px}.notification-badge,.pending-count{color:#fff;font-size:.7rem;margin-left:auto;min-width:18px;text-align:center}.notification-badge{background:#ff4757;border-radius:10px;padding:2px 8px}.staff-dropdown-header[style*=Admission]{background:#3498db1a}.staff-dropdown-header[style*=Admission]:hover{background:#3498db33}.staff-quick-stats .staff-stat-item:nth-child(3){color:#3498db;font-weight:600}@media (max-width:768px){.notification-badge,.pending-count{font-size:.6rem;padding:1px 4px}}.staff-container{background:#f8fafc;display:flex;min-height:100vh}.staff-main-content{background:#f8fafc;flex:1 1;margin-left:260px;padding:30px}.staff-loading{align-items:center;color:#64748b;display:flex;font-size:1.5rem;font-weight:600;justify-content:center;min-height:100vh}.staff-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #667eea4d;color:#fff;padding:40px}.staff-header,.staff-school-banner{margin-bottom:30px}.staff-school-title{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:15px;text-shadow:0 2px 10px #0003}.staff-school-details{display:flex;flex-wrap:wrap;font-size:1rem;gap:25px}.staff-school-id,.staff-user-role,.staff-user-welcome{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;font-weight:600;padding:8px 16px}.staff-profile-section{display:flex;justify-content:center}.staff-profile-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;gap:25px;max-width:600px;padding:30px;width:100%}.staff-profile-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d;display:flex;font-size:5rem;height:100px;justify-content:center;width:100px}.staff-profile-info{flex:1 1}.staff-profile-name{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:12px}.staff-profile-email,.staff-profile-mobile,.staff-profile-school{color:#64748b;font-size:.95rem;font-weight:500;margin:6px 0}.staff-stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.staff-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px;transition:all .3s ease}.staff-stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.staff-stat-icon{font-size:3rem;margin-bottom:15px}.staff-stat-title{color:#64748b;font-size:1rem;font-weight:600;margin-bottom:10px}.staff-stat-value{color:#1e293b;font-size:2rem;font-weight:800}.staff-attendance-present{color:#10b981}.staff-department{color:#667eea;font-size:1.5rem}.staff-actions-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:40px}.staff-actions-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:30px}.staff-actions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.staff-action-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.staff-action-card:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.staff-action-card:hover .staff-action-icon{transform:scale(1.2)}.staff-action-card:hover .staff-action-desc,.staff-action-card:hover .staff-action-title{color:#fff}.staff-action-icon{font-size:3.5rem;margin-bottom:15px;transition:transform .3s ease}.staff-action-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:8px;transition:color .3s ease}.staff-action-desc{color:#64748b;font-size:.9rem;transition:color .3s ease}@media (max-width:1200px){.staff-main-content{margin-left:260px;padding:25px}.staff-school-title{font-size:2rem}}@media (max-width:992px){.staff-main-content{margin-left:0;padding:20px}.staff-header{padding:30px}.staff-profile-card{flex-direction:column;text-align:center}.staff-school-title{font-size:1.75rem}.staff-stats-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.staff-header{padding:25px}.staff-school-title{font-size:1.5rem}.staff-school-details{flex-direction:column;gap:10px}.staff-profile-icon{font-size:4rem;height:80px;width:80px}.staff-profile-name{font-size:1.5rem}.staff-actions-grid,.staff-stats-grid{grid-template-columns:1fr}}@media (max-width:640px){.staff-main-content{padding:15px}.staff-header{border-radius:16px;padding:20px}.staff-school-title{font-size:1.35rem;margin-bottom:12px}.staff-profile-card{padding:20px}.staff-profile-icon{font-size:3.5rem;height:70px;width:70px}.staff-profile-name{font-size:1.25rem}.staff-stat-card{padding:20px}.staff-stat-icon{font-size:2.5rem}.staff-stat-value{font-size:1.5rem}.staff-actions-section{border-radius:16px;padding:25px}.staff-actions-title{font-size:1.5rem;margin-bottom:20px}.staff-action-card{padding:20px}.staff-action-icon{font-size:3rem}.staff-action-title{font-size:1.1rem}}@media (max-width:480px){.staff-school-title{font-size:1.2rem}.staff-school-details span{font-size:.875rem;padding:6px 12px}.staff-profile-name{font-size:1.1rem}.staff-profile-email,.staff-profile-mobile,.staff-profile-school{font-size:.85rem}}.fees-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.fees-header-left h1{align-items:center;color:#2c3e50;display:flex;font-size:24px;gap:10px;margin:0 0 8px}.fees-header-left p{color:#7f8c8d;font-size:14px;margin:0}.fees-btn-primary{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.fees-btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.fees-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.fees-warning-message{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;gap:10px;margin-bottom:20px;padding:15px}.fees-filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.fees-filters-row{display:flex;flex-direction:column;gap:15px}.fees-search-box{position:relative}.fees-search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px 40px 12px 15px;transition:border-color .3s;width:100%}.fees-search-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.fees-search-icon{color:#7f8c8d;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.fees-filter-controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fees-filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .3s}.fees-filter-select:focus{border-color:#3498db;outline:none}.fees-btn-clear-filters{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 15px;transition:all .3s}.fees-btn-clear-filters:hover{background:#e9ecef;color:#495057}.fees-action-buttons{display:flex;gap:10px;margin-top:15px}.fees-btn-export,.fees-btn-refresh{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.fees-btn-refresh{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.fees-btn-refresh:hover:not(:disabled){background:#e9ecef}.fees-btn-export{background-color:#28a745;color:#fff}.fees-btn-export:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.fees-btn-export:disabled,.fees-btn-refresh:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.fees-results-summary{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px 20px}.fees-total-count{color:#495057;font-size:14px;font-weight:600}.fees-filtered-count{color:#6c757d;font-size:13px;font-style:italic}.fees-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.fees-form-container{animation:fees-slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes fees-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fees-form-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.fees-form-header h3{color:#2c3e50;font-size:18px;margin:0}.fees-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:color .3s;width:30px}.fees-close-btn:hover{background:#f8f9fa;color:#495057}.fees-form-content{padding:20px}.fees-form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.fees-form-group{display:flex;flex-direction:column}.fees-form-group label{color:#495057;font-size:13px;font-weight:500;margin-bottom:6px}.fees-form-input,.fees-form-textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s}.fees-form-input:focus,.fees-form-textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.fees-form-textarea{min-height:80px;resize:vertical}.fees-form-hint{color:#6c757d;font-size:12px;font-style:italic;margin-top:4px}.fees-form-checkbox{margin:15px 0 20px}.fees-checkbox-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px}.fees-checkbox-input{display:none}.fees-checkbox-custom{background:#fff;border:2px solid #ddd;border-radius:4px;height:18px;position:relative;transition:all .3s;width:18px}.fees-checkbox-input:checked+.fees-checkbox-custom{background:#3498db;border-color:#3498db}.fees-checkbox-input:checked+.fees-checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.fees-form-actions{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.fees-btn-cancel,.fees-btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.fees-btn-save{background-color:#28a745;color:#fff}.fees-btn-save:hover:not(:disabled){background-color:#218838}.fees-btn-cancel{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.fees-btn-cancel:hover{background:#e9ecef}.fees-btn-save:disabled{cursor:not-allowed;opacity:.5}.fees-loading{padding:60px 20px;text-align:center}.fees-loading-spinner{animation:fees-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin:0 auto 20px;width:50px}@keyframes fees-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fees-loading p{color:#7f8c8d;font-size:16px;margin:0}.fees-empty-state{background:#fff;border-radius:8px;padding:80px 20px;text-align:center}.fees-empty-icon{color:#bdc3c7;font-size:64px;margin-bottom:20px}.fees-empty-state h3{color:#2c3e50;font-size:20px;margin:0 0 10px}.fees-empty-state p{color:#7f8c8d;font-size:14px;margin:0 auto 20px;max-width:400px}.fees-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.fees-table{min-width:1200px}.fees-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;overflow:hidden;padding:15px 12px;position:-webkit-sticky;position:sticky;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:10}.fees-table td{border-bottom:1px solid #e9ecef;padding:12px;vertical-align:middle}.fees-table-row:hover{background-color:#f8f9fa}.fees-th-class{min-width:150px;width:150px}.fees-th-type{min-width:140px;width:140px}.fees-th-amount,.fees-th-due,.fees-th-frequency{min-width:120px;width:120px}.fees-th-year{min-width:100px;width:100px}.fees-th-description{min-width:180px;width:180px}.fees-th-status{min-width:100px;width:100px}.fees-th-actions{min-width:160px;text-align:center;width:160px}.fees-table td,.fees-table th,.fees-td-class,.fees-td-description,.fees-td-due,.fees-td-frequency,.fees-td-type,.fees-td-year{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fees-td-amount{color:#28a745;font-weight:600}.fees-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;min-width:70px;padding:6px 12px;text-align:center;white-space:nowrap}.fees-status-active{background-color:#d4edda;color:#155724}.fees-status-inactive{background-color:#f8d7da;color:#721c24}.fees-action-buttons-row{gap:6px}.fees-btn-delete,.fees-btn-edit,.fees-btn-status{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;justify-content:center;min-width:36px;padding:6px 10px;transition:all .2s}.fees-btn-edit{background-color:#fff3cd;color:#856404}.fees-btn-delete{background-color:#f8d7da;color:#721c24}.fees-btn-status{background-color:#e7f5ff;color:#0056b3}.fees-btn-activate{background-color:#d4edda;color:#155724}.fees-btn-deactivate{background-color:#f8d7da;color:#721c24}.fees-btn-delete:hover,.fees-btn-edit:hover,.fees-btn-status:hover{opacity:.9;transform:translateY(-1px)}.fees-stats-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:20px}.fees-stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s}.fees-stat-card:hover{transform:translateY(-2px)}.fees-stat-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.fees-stat-info h3{color:#2c3e50;font-size:24px;margin:0 0 5px}.fees-stat-info p{color:#7f8c8d;font-size:14px;margin:0}.fees-table-container::-webkit-scrollbar{height:8px}.fees-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.fees-table-container::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}.fees-table-container::-webkit-scrollbar-thumb:hover{background:#95a5a6}.fees-form-container::-webkit-scrollbar{width:8px}.fees-form-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.fees-form-container::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}.fees-form-container::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media (max-width:1200px){.fees-filter-controls,.fees-stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-content{padding:15px}.fees-header{align-items:flex-start;flex-direction:column;gap:15px}.fees-filter-controls,.fees-form-row{grid-template-columns:1fr}.fees-action-buttons{flex-direction:column}.fees-btn-export,.fees-btn-refresh{justify-content:center;width:100%}.fees-stats-container{grid-template-columns:1fr}.fees-form-container{margin:10px;max-height:85vh}}@media (max-width:576px){.fees-results-summary{align-items:flex-start;flex-direction:column;gap:10px}.fees-action-buttons-row{flex-direction:column;gap:4px}.fees-btn-delete,.fees-btn-edit,.fees-btn-status{width:100%}}.fees-btn-view{align-items:center;background-color:#e7f5ff;border:none;border-radius:4px;color:#0056b3;cursor:pointer;display:flex;font-size:13px;justify-content:center;min-width:36px;padding:6px 10px;transition:all .2s}.fees-btn-view:hover{background-color:#d0ebff;transform:translateY(-1px)}.fees-action-buttons-row{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center}.fees-slider-modal-overlay{animation:fees-slider-fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:flex-end;max-width:500px;position:fixed;right:0;top:0;width:100%;z-index:1000}@keyframes fees-slider-fadeIn{0%{opacity:0}to{opacity:1}}.fees-slider-modal{animation:fees-slider-slideIn .3s ease-out;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100%;max-width:500px;width:100%}@keyframes fees-slider-slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.fees-slider-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.fees-slider-modal-header h3{font-size:18px;font-weight:600;margin:0}.fees-slider-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .3s;width:36px}.fees-slider-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.fees-slider-modal-content{flex:1 1;overflow-y:auto;padding:20px}.fees-details-table-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;overflow:hidden}.fees-details-table{border-collapse:collapse;width:100%}.fees-details-table th{background-color:#6c757d;color:#fff;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.fees-details-table td{border-bottom:1px solid #dee2e6;padding:12px 15px;vertical-align:top}.fees-detail-label{background-color:#f8f9fa;color:#495057;font-weight:600;width:40%}.fees-detail-value{background-color:#fff;color:#6c757d;width:60%}.fees-detail-status{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.fees-detail-active{background-color:#d4edda;color:#155724}.fees-detail-inactive{background-color:#f8d7da;color:#721c24}.fees-slider-actions{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:10px;padding:20px 0}.fees-slider-btn-close,.fees-slider-btn-edit,.fees-slider-btn-toggle{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s}.fees-slider-btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.fees-slider-btn-toggle{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.fees-slider-btn-close{background:#6c757d;color:#fff}.fees-slider-btn-edit:hover{opacity:.9;transform:translateY(-1px)}.fees-slider-btn-toggle:hover{background:#e9ecef;transform:translateY(-1px)}.fees-slider-btn-close:hover{background:#5a6268;transform:translateY(-1px)}.fees-slider-modal-content::-webkit-scrollbar{width:6px}.fees-slider-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.fees-slider-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.fees-slider-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.fees-slider-modal-overlay{justify-content:center;max-width:100%}.fees-slider-modal{border-radius:0;max-width:100%}.fees-details-table-container{overflow-x:auto}.fees-details-table{min-width:500px}}@media (max-width:576px){.fees-slider-modal-content,.fees-slider-modal-header{padding:15px}.fees-slider-actions{flex-direction:column}.fees-slider-btn-close,.fees-slider-btn-edit,.fees-slider-btn-toggle{width:100%}}.fee-types-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.fee-types-header,.header-actions{align-items:center}.info-message{background:#d1ecf1;border:1px solid #bee5eb;border-radius:5px;color:#0c5460;margin-bottom:20px;padding:15px;text-align:center}.filters-section{border-radius:8px}.filters-row{align-items:center}.search-input{padding:10px 40px 10px 15px}.filter-select,.search-input{border-radius:6px}.btn-refresh{background:#17a2b8;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px}.btn-refresh:hover:not(:disabled){background:#138496}.btn-export{gap:5px}.btn-export:disabled{background:#6c757d}.btn-clear-filters{background:#ffc107;color:#212529}.btn-clear-filters:hover{background:#e0a800}.filtered-count{color:#28a745;font-weight:600}.fee-types-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.fee-types-table{border-collapse:collapse;table-layout:fixed;width:100%}.fee-types-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;text-align:left}.fee-types-table td,.fee-types-table th{overflow:hidden;padding:12px 8px;text-overflow:ellipsis;white-space:nowrap}.fee-types-table td{border-bottom:1px solid #e9ecef;line-height:1.2;vertical-align:middle}.fee-types-table tr:hover{background:#f8f9fa}.fee-types-table td:first-child,.fee-types-table th:first-child{min-width:140px;width:18%}.fee-types-table td:nth-child(2),.fee-types-table th:nth-child(2){min-width:120px;width:15%}.fee-types-table td:nth-child(3),.fee-types-table th:nth-child(3){min-width:90px;text-align:right;width:10%}.fee-types-table td:nth-child(4),.fee-types-table th:nth-child(4){min-width:100px;width:12%}.fee-types-table td:nth-child(5),.fee-types-table th:nth-child(5){min-width:110px;width:12%}.fee-types-table td:nth-child(6),.fee-types-table th:nth-child(6){min-width:90px;text-align:center;width:10%}.fee-types-table td:nth-child(7),.fee-types-table th:nth-child(7){min-width:160px;width:18%}.fee-types-table td:nth-child(8),.fee-types-table th:nth-child(8){min-width:70px;text-align:center;width:5%}.class-name{color:#2c3e50;font-weight:600}.fee-type{color:#3498db;font-weight:500}.amount{color:#27ae60;font-weight:700;text-align:right}.frequency{text-transform:capitalize}.due-date{color:#7f8c8d}.academic-year{color:#e67e22;font-weight:600;text-align:center}.description,.empty-state{color:#6c757d}.empty-state h3{color:#495057}.stats-container{margin-top:30px}@media (max-width:1024px){.fee-types-table{min-width:900px;table-layout:auto}}@media (max-width:768px){.fee-types-header{flex-direction:column;gap:15px;text-align:center}.header-actions{flex-direction:column;width:100%}.btn-export,.btn-refresh{justify-content:center;width:100%}.filters-row{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filter-controls{justify-content:space-between}.filter-select{flex:1 1;font-size:12px;min-width:auto;padding:8px 10px}.fee-types-table td,.fee-types-table th{font-size:12px;padding:8px 6px}.status-badge{font-size:10px;padding:3px 6px}.results-summary{flex-direction:column;font-size:12px;gap:5px}.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.filters-section{padding:15px}.header-left h1{font-size:1.5rem}.header-left p{font-size:14px}.stats-container{grid-template-columns:1fr}}.fee-types-table td,.fee-types-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fee-types-table td:hover:after{background:#333;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.page-container{background:#f8f9fa;display:flex;min-height:100vh}.leave-policy-container{background:#f8f9fa;flex:1 1;margin-left:250px;min-height:100vh;padding:20px}.policy-page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:30px;padding:30px}.policy-page-header h1{font-size:2.5rem;font-weight:700;margin:0}.policy-page-header p{font-size:1.1rem;margin:10px 0 0;opacity:.9}.policy-tabs{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;gap:10px;margin-bottom:30px;padding:10px}.tab-btn{font-size:1rem}.tab-btn:hover{transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.policy-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px;padding:30px}.policy-card.edit-mode{border:2px solid #667eea}.policy-header{align-items:center}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.edit-btn:hover{box-shadow:0 5px 15px #667eea66}.edit-actions{display:flex;gap:10px}.cancel-btn,.save-btn{padding:10px 20px}.save-btn{background:#28a745}.save-btn:hover{background:#218838}.cancel-btn{background:#dc3545;color:#fff}.cancel-btn:hover{background:#c82333}.edit-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;font-size:1rem;transition:border-color .3s ease}.form-grid{grid-gap:15px;gap:15px}.checkbox-group input{margin-right:10px;transform:scale(1.2)}.loading-container{background:#f8f9fa;flex:1 1}.loading-spinner{font-size:3rem}.loading-container p{color:#6c757d;font-size:1.2rem}@media (max-width:768px){.leave-policy-container{margin-left:0;padding:15px}.policy-header,.policy-tabs{flex-direction:column}.policy-header{align-items:flex-start;gap:15px}.form-grid,.policy-grid{grid-template-columns:1fr}}@media (max-width:480px){.policy-page-header h1{font-size:2rem}.policy-card{padding:20px}.edit-actions{flex-direction:column;width:100%}.cancel-btn,.save-btn{width:100%}}.policy-tabs-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:hidden}.policy-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex}.tab-btn{background:#0000}.tab-btn.active{border-bottom-color:#667eea}.tab-icon{font-size:16px}.policy-content{padding:0}.policy-details{padding:30px}.policy-header{align-items:flex-start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.policy-header h3{color:#2c3e50;flex:1 1;font-size:1.8rem;font-weight:700;margin:0}.policy-actions{align-items:center;display:flex;gap:15px}.policy-description{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:30px;padding:20px}.policy-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.policy-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:20px}.policy-section.full-width{grid-column:1/-1}.policy-section h4{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 15px}.policy-items{display:flex;flex-direction:column;gap:12px}.policy-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.policy-item:last-child{border-bottom:none}.policy-item span{color:#6c757d;font-weight:500}.policy-item strong{color:#2c3e50;font-weight:700}.required{color:#dc3545!important}.not-required{color:#6c757d!important}.allowed{color:#28a745!important}.not-allowed{color:#dc3545!important}.doc-list,.restricted-list{list-style:none;margin:0;padding:0}.doc-list li,.restricted-list li{border-bottom:1px solid #e9ecef;color:#6c757d;padding:8px 0}.doc-list li:last-child,.restricted-list li:last-child{border-bottom:none}.special-notes{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-style:italic;line-height:1.6;margin:0;padding:15px}.form-section{border-left:4px solid #667eea}.checkbox-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.large-form{max-height:90vh;overflow-y:auto}.role-cell{align-items:center;display:flex;font-weight:600;gap:8px}.role-icon{font-size:16px}.leaves-cell,.notice-cell{color:#2c3e50;font-weight:600;text-align:center}.carry-cell{text-align:center}.vehicle-cell .vehicle-info{align-items:center;display:flex;gap:10px}.vehicle-icon{font-size:24px}.driver-cell .driver-details{display:flex;flex-direction:column;gap:2px}.route-cell{max-width:200px}.route-cell small{color:#666;display:block;margin-top:4px}.capacity-cell .capacity-info{display:flex;flex-direction:column;gap:5px}.capacity-text{color:#2c3e50;font-weight:600}.timings-cell .timing-info{display:flex;flex-direction:column;gap:4px}.timings-cell span{color:#666;font-size:12px}.fee-cell{text-align:center}.fee-cell strong{color:#27ae60;font-size:14px}.fee-cell small{color:#666;font-size:11px}.stop-row{background:#f8f9fa}.btn-secondary{background:#3498db;padding:10px 15px}.btn-secondary:hover{background:#2980b9}@media (max-width:768px){.vehicle-info{align-items:flex-start;flex-direction:column;gap:5px}.driver-details{flex-direction:row;gap:10px}.capacity-info{min-width:80px}}.extra-large-form{max-height:90vh;max-width:1000px}.vehicle-id-cell{color:#2c3e50}.route-cell,.vehicle-id-cell{font-weight:600;text-align:center}.vehicle-details-cell .vehicle-info{align-items:center;display:flex;gap:10px}.vehicle-details-cell .vehicle-info div{display:flex;flex-direction:column;gap:2px}.vehicle-details-cell small{color:#666;font-size:11px}.doc-status-cell .doc-status{display:flex;flex-direction:column;gap:4px}.doc-badge{border-radius:8px;font-size:10px;font-weight:600;padding:2px 6px;text-align:center}.doc-badge.valid{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.doc-badge.expiring{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.doc-badge.expired{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-section{border-left:4px solid #3498db}@media (max-width:768px){.vehicle-details-cell .vehicle-info{align-items:flex-start;flex-direction:column;gap:5px}.doc-status{flex-direction:row;flex-wrap:wrap;gap:2px}.doc-badge{font-size:8px;padding:1px 4px}}.driver-id-cell{background:#f8f9fa;border-right:2px solid #e9ecef;color:#2c3e50;font-size:13px;font-weight:700;text-align:center}.driver-details-cell .driver-info{align-items:flex-start;display:flex;gap:12px;padding:8px 0}.driver-details-cell .driver-info div{display:flex;flex:1 1;flex-direction:column;gap:4px}.driver-details-cell strong{color:#2c3e50;font-size:14px;font-weight:600;line-height:1.2}.driver-details-cell small{color:#6c757d;font-size:11px;line-height:1.2}.license-cell{background:#fff;border-right:2px solid #e9ecef}.license-cell .license-info{display:flex;flex-direction:column;gap:6px}.license-cell strong{color:#2c3e50;font-size:12px;font-weight:600}.license-status{display:flex;flex-direction:column;gap:2px}.license-badge{border-radius:8px;font-size:10px;font-weight:700;padding:3px 8px;text-align:center}.license-status.expired .license-badge{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.license-status.expiring .license-badge{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.license-status.valid .license-badge{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.license-cell small{color:#6c757d;font-size:10px;text-align:center}.assignment-cell{background:#fff;border-right:2px solid #e9ecef}.assignment-info{flex-direction:column;gap:4px;text-align:center}.assignment-info strong{color:#e74c3c;font-size:13px;font-weight:700}.assignment-info small{font-size:11px}.unassigned-badge{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;color:#856404;font-size:11px;font-weight:600;padding:6px 12px}.conductor-cell{background:#fff;border-right:2px solid #e9ecef}.conductor-info{display:flex;flex-direction:column;gap:4px}.conductor-info strong{color:#2c3e50;font-size:13px;font-weight:600}.conductor-info small{color:#6c757d;font-size:11px}.no-conductor{color:#6c757d;display:block;font-size:12px;font-style:italic;text-align:center}.status-cell{background:#fff;border-right:2px solid #e9ecef}.status-cell .status-info{align-items:center;display:flex;flex-direction:column;gap:6px}.status-badge.success{border:1px solid #c3e6cb}.status-badge.warning{border:1px solid #ffeaa7}.status-badge.danger{border:1px solid #f5c6cb}.status-badge.secondary{border:1px solid #d6d8db}.status-badge.inactive{background:#6c757d;border:1px solid #545b62;color:#fff}.status-cell small{color:#6c757d;font-size:10px;text-align:center}.readonly-field{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.fees-table td:first-child,.fees-table th:first-child{width:80px}.fees-table td:nth-child(2),.fees-table th:nth-child(2){min-width:180px;width:200px}.fees-table td:nth-child(4),.fees-table th:nth-child(4){width:150px}.fees-table td:nth-child(5),.fees-table th:nth-child(5){width:140px}.fees-table td:nth-child(6),.fees-table td:nth-child(7),.fees-table th:nth-child(6),.fees-table th:nth-child(7){width:120px}@media (max-width:768px){.driver-details-cell .driver-info{flex-direction:column;gap:6px}.assignment-info,.conductor-info,.license-info{align-items:center;text-align:center}.status-info{align-items:center}}.route-id-cell{background:#f8f9fa;border-right:2px solid #e9ecef;color:#2c3e50;font-size:13px;font-weight:700;text-align:center}.route-number{color:#e74c3c;font-size:12px;font-weight:600;margin-top:4px}.route-details-cell .route-info{display:flex;flex-direction:column;gap:6px;padding:8px 0}.route-details-cell strong{color:#2c3e50;font-size:14px;font-weight:600;line-height:1.2}.route-details-cell small{color:#6c757d;font-size:11px;line-height:1.2}.route-path{color:#495057;font-size:12px;gap:8px}.route-path,.route-path span{align-items:center;display:flex}.timings-cell{background:#fff;border-right:2px solid #e9ecef}.timing-info{gap:8px}.timing-info,.timing-slot{display:flex;flex-direction:column}.timing-slot{gap:2px}.timing-slot strong{color:#2c3e50;font-size:11px;font-weight:600}.timing-slot small{color:#6c757d;font-size:10px}.stops-capacity-cell{background:#fff;border-right:2px solid #e9ecef}.stops-info{display:flex;flex-direction:column;gap:8px}.stops-info strong{color:#2c3e50;font-size:12px;font-weight:600}.capacity-info{display:flex;flex-direction:column;gap:4px}.capacity-text{color:#27ae60;font-size:12px;font-weight:700}.capacity-bar{background:#ecf0f1;border-radius:3px;height:6px;overflow:hidden;width:100%}.capacity-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:3px;height:100%;transition:width .3s ease}.stops-info small{color:#6c757d;font-size:10px}.fare-cell{background:#fff;border-right:2px solid #e9ecef}.fare-info{display:flex;flex-direction:column;gap:4px}.fare-info strong{color:#e74c3c;font-size:13px;font-weight:700}.fare-info small{color:#6c757d;font-size:10px}.pass-amounts{display:flex;flex-direction:column;gap:2px;margin-top:4px}.vehicles-cell{background:#fff;border-right:2px solid #e9ecef}.vehicles-info{display:flex;flex-direction:column;gap:6px}.vehicles-info strong{color:#2c3e50;font-size:12px;font-weight:600}.vehicle-assignment{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;gap:4px;justify-content:space-between;padding:4px 6px}.vehicle-assignment small{color:#495057;flex:1 1;font-size:10px}.btn-remove{background:#e74c3c;border-radius:3px;font-size:8px;padding:2px 4px;transition:all .3s ease}.btn-remove:hover{background:#c0392b;transform:scale(1.1)}.btn-assign{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;margin-top:4px;padding:6px 8px;transition:all .3s ease}.btn-assign:hover{background:#2980b9;transform:translateY(-1px)}.no-assignment{color:#6c757d;display:block;font-size:11px;font-style:italic;margin-bottom:6px;text-align:center}.stop-row{background:#fff;border:1px solid #e9ecef;border-left:3px solid #3498db;border-radius:8px;margin-bottom:10px;padding:15px}.stop-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.stop-header strong{color:#2c3e50;font-size:14px}.stop-actions{display:flex;gap:4px}.stop-actions button{border:none;border-radius:4px;cursor:pointer;font-size:10px;padding:4px 6px;transition:all .3s ease}.stop-actions button:not(:disabled):hover{transform:scale(1.1)}.stop-actions button:disabled{cursor:not-allowed;opacity:.5}.medium-form{max-height:80vh;max-width:600px}.fees-table td:first-child,.fees-table th:first-child{width:90px}.fees-table td:nth-child(2),.fees-table th:nth-child(2){min-width:200px;width:220px}.fees-table td:nth-child(3),.fees-table th:nth-child(3){width:140px}.fees-table td:nth-child(4),.fees-table th:nth-child(4){width:130px}.fees-table td:nth-child(5),.fees-table th:nth-child(5){width:120px}.fees-table td:nth-child(6),.fees-table th:nth-child(6){width:150px}.fees-table td:nth-child(7),.fees-table th:nth-child(7){width:100px}.fees-table td:nth-child(8),.fees-table th:nth-child(8){width:120px}@media (max-width:768px){.route-details-cell .route-info{gap:4px}.route-path{align-items:flex-start;flex-direction:column;gap:2px}.timing-info{gap:6px}.vehicles-info{gap:4px}.vehicle-assignment{flex-direction:column;gap:2px;text-align:center}.stop-header{align-items:flex-start;flex-direction:column;gap:8px}.stop-actions{align-self:flex-end}}.maintenance-id-cell{min-width:120px}.maintenance-id-cell .approved-badge{color:#28a745;display:block;font-size:.7em;margin-top:2px}.vehicle-details-cell{min-width:150px}.vehicle-info small{display:block;margin-top:2px}.maintenance-info-cell{min-width:200px}.maintenance-type small{display:block;margin-top:2px}.service-description,.work-performed{margin-top:5px}.service-details-cell{min-width:180px}.service-info small{display:block;margin-top:2px}.service-dates .overdue{color:#dc3545;font-weight:700}.cost-cell{min-width:140px}.cost-info small{display:block;margin-top:2px}.status-priority-cell{min-width:150px}.status-priority-info{display:flex;flex-direction:column;gap:5px}.priority-badge,.status-badge{border-radius:12px;display:inline-block;font-size:.8em;font-weight:700;padding:2px 8px;text-align:center}.priority-badge.success{background:#d4edda;color:#155724}.priority-badge.warning{background:#fff3cd;color:#856404}.priority-badge.danger{background:#f8d7da;color:#721c24}.priority-badge.critical{background:#dc3545;color:#fff}.parts-section{border:1px solid #ddd;border-radius:5px;margin-top:10px;padding:15px}.part-row{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px}.part-row:last-child{border-bottom:none;margin-bottom:0}.part-actions{align-items:flex-end;display:flex}.parts-total{border-top:2px solid #007bff;margin-top:10px;padding-top:10px;text-align:right}.form-section{padding-bottom:15px}.form-section h4{color:#007bff}.form-section h5{align-items:center;color:#6c757d;display:flex;gap:8px;margin-bottom:10px}.btn-status{background:#17a2b8}.btn-approve,.btn-status{border:none;border-radius:4px;cursor:pointer;margin:0 2px;padding:4px 8px}.btn-approve{background:#28a745}.btn-status:hover{background:#138496}.btn-approve:hover{background:#218838}@media (max-width:768px){.cost-cell,.maintenance-id-cell,.maintenance-info-cell,.service-details-cell,.status-priority-cell,.vehicle-details-cell{min-width:auto}.status-priority-info{flex-direction:row;flex-wrap:wrap;gap:5px}.parts-section .form-row{flex-direction:column}.part-actions{align-items:flex-start}}.hostel-id-cell{min-width:80px}.hostel-details-cell{min-width:200px}.hostel-info{align-items:flex-start;display:flex;gap:10px}.hostel-icon{font-size:1.5em;margin-top:2px}.hostel-info div{flex:1 1}.hostel-info .description{color:#666;display:block;font-style:italic;margin-top:4px}.structure-cell{min-width:120px}.structure-info{display:flex;gap:15px;text-align:center}.floor-info,.room-info{align-items:center;display:flex;flex-direction:column}.structure-info .value{color:#007bff;font-size:1.2em;font-weight:700}.structure-info small{color:#666;font-size:.8em}.warden-cell{min-width:150px}.warden-info small{display:block;margin-top:2px}.address-cell{max-width:250px;min-width:200px}.address-info small{line-height:1.4}.large-form{max-width:800px}.file-input{background:#f8f9fa;border:2px dashed #ddd;border-radius:4px}.file-input:hover{border-color:#007bff}.image-preview{margin-top:10px;text-align:center}.image-preview img{border:2px solid #ddd;max-height:150px;max-width:200px}@media (max-width:768px){.hostel-info{align-items:flex-start}.hostel-info,.structure-info{flex-direction:column;gap:5px}.structure-info{text-align:left}.floor-info,.room-info{align-items:center;flex-direction:row;gap:10px}.address-cell{max-width:200px;min-width:150px}}.status-badge.active,.status-badge.inactive{border-radius:12px;font-size:.8em;font-weight:700;padding:4px 8px}.btn-delete,.btn-edit,.btn-status{border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:6px 8px}.room-id-cell{min-width:80px}.room-details-cell{min-width:150px}.room-info small{display:block;margin-top:2px}.room-info .description{color:#666;font-style:italic;margin-top:4px}.hostel-info-cell{min-width:120px}.hostel-info small{display:block;margin-top:2px}.bed-config-cell{min-width:140px}.bed-info{display:flex;flex-direction:column;gap:5px}.bed-count{align-items:center;display:flex;justify-content:space-between}.total-beds{color:#007bff;font-weight:700}.bed-occupancy{align-items:flex-end;display:flex;flex-direction:column;font-size:.8em}.bed-occupancy .available{color:#28a745}.bed-occupancy .occupied{color:#dc3545}.bed-bar{background:#e9ecef;border-radius:3px;height:6px;overflow:hidden;width:100%}.bed-fill{background:#007bff;height:100%;transition:width .3s ease}.fee-cell{min-width:100px}.fee-info small{color:#666}.amenities-cell{min-width:100px}.amenities-list{display:flex;flex-wrap:wrap;gap:5px}.amenities-list span{cursor:help;font-size:1.2em}.status-badge{padding:3px 8px}.active-badge{font-size:.7em;text-align:center}.amenities-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:10px}.amenity-item,.amenity-item label{align-items:center;display:flex;gap:8px}.amenity-item label{cursor:pointer;font-size:.9em}.quick-status{display:flex;gap:2px;margin-top:5px}.btn-quick-available,.btn-quick-maintenance{border:none;border-radius:3px;cursor:pointer;font-size:.8em;padding:2px 4px}.btn-quick-available{background:#d4edda;color:#155724}.btn-quick-maintenance{background:#fff3cd;color:#856404}.btn-quick-available:hover{background:#c3e6cb}.btn-quick-maintenance:hover{background:#ffeaa7}@media (max-width:768px){.amenities-grid{grid-template-columns:1fr}.bed-count{align-items:flex-start;flex-direction:column;gap:2px}.bed-occupancy{align-items:center;flex-direction:row;gap:10px}.status-info{flex-direction:row;gap:5px}.quick-status{flex-direction:column;gap:2px}}.alert-warning .btn-primary{margin-top:10px}.student-details-cell{min-width:180px}.allocation-details-cell{min-width:200px}.allocation-info{display:flex;flex-direction:column;gap:5px}.hostel-room{margin-bottom:5px}.hostel-room small{display:block;margin-top:2px}.room-bed{display:flex;flex-direction:column;gap:2px}.contact-cell{min-width:180px}.contact-info{display:flex;flex-direction:column;gap:8px}.emergency-contact,.parent-contact{display:flex;flex-direction:column;gap:2px}.emergency-contact strong{color:#dc3545}.date-cell{min-width:180px}.date-info small{display:block;margin-top:2px}.date-info .remarks{color:#666;display:block;font-style:italic;margin-top:5px}.status-info{gap:5px}.active-days{color:#666;font-size:.7em}.btn-delete,.btn-edit,.btn-status-update{border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:6px 8px}.btn-status-update{background:#17a2b8;color:#fff}.btn-status-update:hover{background:#138496}.extra-large-form{max-width:900px}.info-text{color:#0c5460}.error-text,.info-text{display:block;font-size:.8em;margin-top:5px}.error-text{color:#dc3545}.alert-warning{background:#fff3cd;border-color:#ffc107;color:#856404}@media (max-width:768px){.allocation-details-cell,.contact-cell,.date-cell,.student-details-cell{min-width:auto}.allocation-info{flex-direction:row;flex-wrap:wrap;gap:10px}.hostel-room,.room-bed{flex:1 1;min-width:120px}.contact-info{flex-direction:row;flex-wrap:wrap;gap:10px}.emergency-contact,.parent-contact{flex:1 1;min-width:140px}.status-info{flex-direction:row;gap:10px}.actions{flex-direction:column;gap:2px}}.tabs{background:#f8f9fa;border-radius:8px;padding:4px}.tab{background:#0000;border-radius:6px;padding:12px 20px}.tab.active{background:#007bff;box-shadow:0 2px 4px #007bff4d;color:#fff}.tab:hover:not(.active){background:#e9ecef}.structure-id-cell{min-width:100px}.fee-details-cell{min-width:180px}.fee-info small{display:block;margin-top:2px}.fee-info .description{color:#666;font-style:italic;margin-top:4px}.hostels-cell{min-width:150px}.hostels-list{display:flex;flex-direction:column;gap:4px}.hostel-tag{background:#e9ecef;border-radius:12px;color:#495057;font-size:.8em;padding:2px 8px}.breakdown-cell{min-width:150px}.breakdown-info{display:flex;flex-direction:column;gap:2px}.fee-row{align-items:center;display:flex;font-size:.85em;justify-content:space-between}.fee-row.total{border-top:1px solid #dee2e6;font-weight:700;margin-top:4px;padding-top:4px}.terms-cell{min-width:100px}.terms-info small{display:block;margin-top:2px}.payment-id-cell{min-width:120px}.payment-id-cell small{color:#666;display:block;margin-top:2px}.student-details-cell{min-width:150px}.student-info small{display:block;margin-top:2px}.period-cell{min-width:140px}.period-info small{display:block;margin-top:2px}.amount-cell{min-width:130px}.amount-row{font-size:.85em}.amount-row .paid{color:#28a745;font-weight:700}.amount-row .remaining{color:#dc3545}.amount-row .late-fee{color:#ffc107}.payment-info-cell{min-width:150px}.payment-info small{display:block;margin-top:2px}.payment-info .remarks{color:#666;font-style:italic;margin-top:4px}.status-cell{min-width:120px}.status-info{align-items:center;display:flex;flex-direction:column;gap:4px}.status-badge{font-size:.75em}.late-indicator{color:#dc3545;font-size:.7em;font-weight:700}.multiple-select{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.multiple-select option{padding:8px}.total-amount{color:#007bff;font-size:1.1em;font-weight:700}.readonly-input{background-color:#f8f9fa;color:#6c757d}.actions{justify-content:center}.btn-delete,.btn-edit,.btn-receipt,.btn-status{border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:6px 8px}.btn-edit{color:#000}.btn-receipt{background:#17a2b8;color:#fff}.btn-receipt:hover{background:#138496}.alert{border-left:4px solid;border-radius:5px;padding:15px}.alert-info{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}@media (max-width:768px){.tabs{flex-direction:column}.tab{margin-bottom:5px}.amount-cell,.breakdown-cell,.fee-details-cell,.hostels-cell,.payment-info-cell,.period-cell,.student-details-cell,.terms-cell{min-width:auto}.hostels-list{gap:4px}.breakdown-info,.hostels-list{flex-direction:row;flex-wrap:wrap}.breakdown-info{gap:8px}.fee-row{flex:1 1;min-width:120px}.amount-info{flex-direction:row;flex-wrap:wrap;gap:8px}.amount-row{flex:1 1;min-width:100px}.status-info{flex-direction:row;gap:8px}.actions{flex-direction:column;gap:2px}}.stat-icon{font-size:1.8em}.mess-management{padding:20px}.tabs-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:0}.tabs{border-bottom:2px solid #e9ecef}.tab{color:#6c757d;flex:1 1;font-weight:500;padding:15px 20px}.tab:hover{background:#f8f9fa;color:#495057}.tab.active{background:#f8f9ff;border-bottom-color:#007bff;color:#007bff}.stats-container{margin-bottom:20px}.stat-info h3{font-size:1.5rem}.form-container{box-shadow:0 10px 30px #0000004d}.form-header{border-bottom:1px solid #e9ecef;justify-content:between}.form-header h3{font-size:1.3rem}.close-btn{color:#6c757d}.close-btn:hover{color:#dc3545}.fees-form{padding:25px}.form-section{border-bottom:1px solid #e9ecef}.form-section h4{font-size:1.1rem}.form-group label{font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.time-inputs{align-items:center;display:flex;gap:10px}.time-inputs span{color:#6c757d;font-size:.9rem}.meal-types-config{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meal-type-config{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:10px;padding:10px}.meal-type-config label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0}.price-input{padding:5px 8px!important;width:80px}.days-container{grid-gap:20px;display:grid;gap:20px;max-height:400px;overflow-y:auto;padding:10px}.day-menu{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.day-menu h5{border-bottom:1px solid #dee2e6;color:#2c3e50;font-size:1rem;margin:0 0 15px;padding-bottom:8px}.meal-section{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:15px;padding:10px}.meal-section h6{align-items:center;color:#495057;display:flex;font-size:.9rem;gap:5px;margin:0 0 10px}.meal-item{grid-gap:8px;align-items:center;gap:8px;grid-template-columns:2fr 1fr 2fr auto;margin-bottom:8px}.food-desc-input,.food-item-select,.food-type-select{font-size:.8rem!important;padding:6px 8px!important}.btn-remove-item{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px}.btn-remove-item:hover{background:#c82333}.btn-add-item{background:#28a745;border:none;border-radius:4px;color:#fff;font-size:.8rem;margin-top:5px;padding:6px 12px}.btn-add-item:hover{background:#218838}.special-note-input{font-size:.8rem!important;margin-top:8px;padding:6px 8px!important}.attendance-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.attendance-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:between;padding:20px}.attendance-header h3{color:#2c3e50;margin:0}.attendance-stats{display:flex}.attendance-stats span{background:#fff;border:1px solid #dee2e6;border-radius:20px;color:#495057;font-size:.8rem;font-weight:500;padding:5px 10px}.attendance-cell{padding:8px!important;text-align:center}.attendance-select{border:1px solid #ddd;border-radius:4px;font-size:.8rem;margin-bottom:4px;padding:6px 8px;width:100%}.attendance-select.present{background:#d4edda;border-color:#c3e6cb;color:#155724}.attendance-select.absent{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.attendance-select.leave{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.attendance-select.late{background:#fff3cd;border-color:#ffeaa7;color:#856404}.checkin-time{padding:4px 6px}.checkin-time,.leave-reason,.leave-select,.remarks-input{border:1px solid #ddd;border-radius:4px;font-size:.8rem;width:100%}.leave-reason,.leave-select,.remarks-input{margin-bottom:4px;padding:6px 8px}.bulk-actions{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:10px;margin-top:10px;padding:10px}.bulk-label{color:#495057;font-size:.9rem;font-weight:500}.bulk-select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.8rem;padding:6px 8px}.status-badge{border-radius:12px;font-size:.75rem;margin-bottom:4px;padding:4px 8px}.status-badge.success{background:#d4edda;color:#155724}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.danger{background:#f8d7da;color:#721c24}.status-badge.info{background:#d1ecf1;color:#0c5460}.status-badge.secondary{background:#e2e3e5;color:#383d41}.active-badge{border-radius:8px;display:inline-block;font-size:.7rem;font-weight:500;padding:2px 6px}.active-badge.active{background:#d4edda;color:#155724}.active-badge.inactive{background:#f8d7da;color:#721c24}.current-badge{background:#fff3cd;border-radius:8px;color:#856404;display:inline-block;font-size:.7rem;font-weight:500;margin-left:5px;padding:2px 6px}.actions{flex-wrap:wrap}.btn-delete,.btn-edit,.btn-publish,.btn-status{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:6px 8px;transition:all .3s ease}.btn-status:hover{background:#5a6268}.btn-publish{background:#28a745;color:#fff}.btn-publish:hover{background:#218838}.form-actions{border-top:1px solid #e9ecef}.btn-save{border-radius:6px;padding:10px 20px}.btn-save:disabled{background:#6c757d}.btn-cancel{border-radius:6px;padding:10px 20px}.btn-cancel:hover{background:#5a6268}@media (max-width:768px){.tabs{flex-direction:column}.stats-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-container{margin:10px;width:95%}.form-row,.meal-item{grid-template-columns:1fr}.meal-item{gap:5px}.bulk-actions{align-items:stretch;flex-direction:column}.attendance-header{align-items:flex-start;flex-direction:column;gap:10px}}.days-container::-webkit-scrollbar,.form-container::-webkit-scrollbar{width:6px}.days-container::-webkit-scrollbar-track,.form-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.days-container::-webkit-scrollbar-thumb,.form-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.days-container::-webkit-scrollbar-thumb:hover,.form-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.food-item-select{background-color:#f9fff9!important;border:2px solid #4caf50!important;width:250px!important}.common-items-section{background:#f8f9fa;border-left:4px solid #ff9800;border-radius:5px;margin:10px 0;padding:10px}.common-items-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.common-item-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .2s}.common-item-btn:hover{background:#f0f0f0;border-color:#4caf50}.create-item-section{background:#e8f5e9;border-radius:8px;margin-top:20px;padding:15px;text-align:center}.btn-create-item{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:5px;padding:8px 20px}.btn-create-item:hover{background:#45a049}.menu-item-details{color:#666;font-size:11px;margin-top:2px}.menu-item-price{color:#4caf50;font-weight:700}.no-menu-items{background:#ffebee;border-radius:4px;color:#f44336;font-style:italic;margin-top:5px;padding:5px}.custom-food-select{margin-bottom:10px;position:relative;width:100%}.select-trigger{align-items:center;background:#fff;border:2px solid #4caf50;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px;transition:all .3s}.select-trigger:hover{background:#f9fff9;border-color:#45a049}.selected-value{color:#333;flex-grow:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{color:#666;font-size:12px;margin-left:10px}.select-dropdown{background:#fff;border:2px solid #4caf50;border-radius:6px;box-shadow:0 4px 20px #00000026;left:0;margin-top:5px;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-container{background:#f8f9fa;border-bottom:1px solid #eee;padding:10px}.search-input{border-radius:4px;padding:8px 35px 8px 15px}.search-icon{color:#666}.category-tabs{background:#f8f9fa;border-bottom:1px solid #eee;display:flex}.category-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:12px;padding:10px;text-align:center}.category-tab.active{background:#fff;border-bottom-color:#4caf50;color:#4caf50;font-weight:700}.items-list{max-height:300px;overflow-y:auto}.item-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 15px;transition:all .2s}.item-option:hover{background:#e8f5e9}.item-option:last-child{border-bottom:none}.item-option.common{border-left:3px solid #ff9800}.item-name{color:#333;font-size:14px;font-weight:500;margin-bottom:3px}.item-details{color:#666;display:flex;font-size:12px;justify-content:space-between}.item-price{color:#4caf50}.item-type{background:#e0e0e0;border-radius:10px;font-size:11px;padding:2px 8px}.item-type.veg{background:#e8f5e9;color:#4caf50}.item-type.non-veg{background:#ffebee;color:#f44336}.no-items{color:#f44336;font-style:italic;padding:20px;text-align:center}.create-link{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin-top:10px;padding:5px 10px;text-decoration:none}.create-link:hover{background:#45a049}.food-select-container{margin-bottom:15px;position:relative;width:100%}.selected-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.item-price-tag,.item-type-tag{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.item-type-tag{background:#e8f5e9;color:#4caf50}.item-price-tag{background:#fff3e0;color:#ff9800}.meal-item{grid-gap:10px;align-items:start;background:#f9f9f9;border-left:4px solid #4caf50;border-radius:6px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1.5fr auto;margin-bottom:15px;padding:15px}@media (max-width:768px){.meal-item{grid-template-columns:1fr}}.menu-items-loading{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-style:italic;margin-bottom:20px;padding:15px;text-align:center}.loading-categories{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:10px}.category-status{border-radius:20px;font-size:12px;font-weight:500;padding:5px 10px}.category-status.loading{background:#fff3e0;color:#ff9800}.category-status.loaded{background:#e8f5e9;color:#4caf50}.menu-items-container{padding:20px}.category-badge{font-size:.75rem;font-weight:500;margin-bottom:4px;padding:4px 8px}.category-badge.breakfast{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.category-badge.lunch{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.category-badge.dinner{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.category-badge.snacks{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.category-badge.special{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.pricing-cell .price-row{display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:2px}.pricing-cell .price-row:first-child{font-weight:700}.tags-list{gap:4px}.tags-list .tag{background:#e9ecef;border-radius:10px;color:#495057;font-size:.7rem;padding:2px 6px;white-space:nowrap}.tags-list .more-tags{color:#6c757d;font-size:.7rem;font-style:italic}.nutrition-info small{display:block;font-size:.75rem;margin-bottom:2px}.allergen-warning{color:#dc3545;font-weight:500}.preparation-info small{display:block;font-size:.75rem;margin-bottom:2px}.popular-badge{background:#fff3cd;color:#856404}.popular-badge,.seasonal-badge{border-radius:8px;font-size:.7rem;margin-left:5px;padding:2px 6px}.seasonal-badge{background:#d1ecf1;color:#0c5460}.has-image{color:#007bff;font-weight:500}.ingredient-row{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:10px;padding:10px}.btn-add-ingredient{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 16px}.btn-add-ingredient:hover{background:#218838}.btn-remove{background:#dc3545;color:#fff;font-size:.8rem;padding:6px 12px}.btn-remove:hover{background:#c82333}.import-container{padding:20px}.import-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.import-info ol,.import-info ul{margin-bottom:15px;margin-left:20px}.import-info li{margin-bottom:5px}.template-info{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-top:15px;padding:15px}.template-info code{background:#e9ecef;border-radius:3px;font-family:monospace;padding:2px 4px}.preview-section{margin:20px 0}.preview-table{border:1px solid #dee2e6;border-radius:6px;max-height:200px;overflow-y:auto}.preview-table table{border-collapse:collapse;width:100%}.preview-table td,.preview-table th{border:1px solid #dee2e6;font-size:.8rem;padding:8px;text-align:left}.pagination-controls{justify-content:center;margin:20px 0}.pagination-btn{border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;padding:8px 12px}.pagination-btn:hover:not(:disabled){background:#f8f9fa}.pagination-btn.active{background:#007bff;border-color:#007bff}@media (max-width:768px){.ingredient-row .form-row{grid-template-columns:1fr}.pagination-controls{flex-direction:column}.page-numbers{flex-wrap:wrap;justify-content:center}}.status-upcoming{background-color:#ff9800;color:#fff}.status-ongoing{background-color:#4caf50;color:#fff}.status-completed{background-color:#9e9e9e}.class-details-cell{min-width:300px}.class-info{align-items:flex-start;display:flex;gap:12px}.class-icon{flex-shrink:0;font-size:24px}.class-info>div{flex:1 1}.class-info strong{color:#333;display:block;font-size:16px;margin-bottom:4px}.class-info small{color:#666;display:block;font-size:13px;margin-bottom:2px}.class-info .description{color:#777;font-style:italic;margin-top:6px}.schedule-cell{min-width:250px}.schedule-info{flex-direction:column;gap:6px}.end-time,.start-time{display:flex;flex-direction:column}.end-time strong,.start-time strong{color:#666;font-size:12px}.end-time span,.start-time span{color:#333;font-size:14px}.repeat-info{margin-top:4px}.repeat-info small{background-color:#e3f2fd;border-radius:12px;color:#1976d2;font-size:11px;padding:2px 8px}.platform-cell{min-width:150px}.platform-info{align-items:center;display:flex;gap:8px}.platform-icon{font-size:20px}.platform-name{color:#333;font-size:14px}.meeting-cell{min-width:200px}.meeting-info{display:flex;flex-direction:column;gap:4px}.join-link{background-color:#2196f3;border-radius:4px;color:#fff;display:inline-block;font-size:13px;padding:6px 12px;text-decoration:none;transition:background-color .3s}.join-link:hover{background-color:#1976d2}.meeting-info small{color:#666;font-size:12px}.calendar-view{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.calendar-header{justify-content:space-between;margin-bottom:20px}.calendar-header,.calendar-nav{align-items:center;display:flex}.calendar-nav{gap:10px}.calendar-nav button{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 12px}.calendar-grid{grid-gap:1px;background:#ddd;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;min-height:100px;padding:10px;position:relative}.calendar-day-header{background:#f8f9fa;color:#666;font-weight:700;padding:8px;text-align:center}.calendar-date{color:#333;font-weight:700;position:absolute;right:5px;top:5px}.calendar-event{background:#e3f2fd;border-left:3px solid #2196f3;border-radius:2px;margin-top:5px}.calendar-event:hover{background:#bbdefb}.calendar-event.upcoming{background:#fff3cd;border-left-color:#ffc107}.calendar-event.ongoing{background:#d4edda;border-left-color:#28a745}@media (max-width:1200px){.class-details-cell{min-width:250px}.schedule-cell{min-width:200px}}@media (max-width:768px){.class-info{flex-direction:column}.join-link,.schedule-info{font-size:12px}.join-link{padding:4px 8px}}.filled-field{background-color:#f0f9ff!important;border-color:#90caf9!important;color:#1565c0!important;font-weight:500}.error-message{color:#f44336}.loading-message{color:#666;display:block;font-size:12px;margin-top:4px}select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.loading-select{position:relative}.loading-select:after{content:"⏳";position:absolute;right:10px;top:50%;transform:translateY(-50%)}.timetable-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.header-left h1{color:#333}.header-left p{color:#666}.view-controls{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.view-buttons{display:flex;gap:5px}.view-btn{border:1px solid #ddd;font-size:14px;padding:8px 16px;transition:all .3s}.view-btn.active{background:#2196f3;border-color:#2196f3}.view-btn:hover:not(.active){background:#f5f5f5}.date-navigation{gap:15px}.nav-btn{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px;transition:background .3s}.nav-btn:hover{background:#f5f5f5}.current-date{color:#333;font-size:16px;font-weight:600;min-width:200px;text-align:center}.timetable-legend{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px}.legend-title{color:#333;font-weight:600}.legend-item{gap:8px}.legend-color{height:16px;width:16px}.timetable-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.day-view{display:flex;flex-direction:column}.time-header{border-bottom:1px solid #eee;display:grid;grid-template-columns:100px 1fr}.time-slot-header{border-right:1px solid #eee;color:#666;font-weight:600;padding:10px;text-align:center}.time-slot-header:first-child{border-right:none}.day-grid{display:grid;grid-template-columns:100px 1fr}.time-slot{display:contents}.time-label{border-right:1px solid #eee;font-size:12px;padding:10px;text-align:right}.time-content,.time-label{border-bottom:1px solid #eee}.time-content{min-height:60px;padding:5px;position:relative}.class-event{border-radius:4px;color:#fff;cursor:pointer;left:5px;overflow:hidden;padding:8px;position:absolute;right:5px;transition:transform .2s,box-shadow .2s}.class-event:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.event-title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-teacher,.event-time{font-size:11px;margin-top:2px}.event-teacher{opacity:.8}.event-subject{font-size:10px;margin-top:2px;opacity:.9}.week-view{display:flex;flex-direction:column}.week-header{border-bottom:2px solid #eee;display:grid;grid-template-columns:80px repeat(7,1fr)}.time-corner{padding:15px}.day-header,.time-corner{border-right:1px solid #eee}.day-header{padding:10px;text-align:center}.day-header:last-child{border-right:none}.day-name{color:#666;font-size:14px;font-weight:600}.day-date{color:#333;font-size:18px;font-weight:700;margin-top:5px}.today-indicator{background:#2196f3;border-radius:10px;color:#fff;display:inline-block;font-size:11px;margin-top:5px;padding:2px 6px}.week-grid{display:grid;grid-template-columns:80px repeat(7,1fr);max-height:600px;overflow-y:auto}.time-label-column{color:#666;font-size:12px;padding:15px 10px;text-align:right}.day-cell,.time-label-column{border-bottom:1px solid #eee;border-right:1px solid #eee}.day-cell{min-height:80px;padding:5px;position:relative}.day-cell:last-child{border-right:none}.month-view{display:flex;flex-direction:column}.month-header{border-bottom:2px solid #eee;display:grid;grid-template-columns:repeat(7,1fr)}.month-day-header{border-right:1px solid #eee;color:#666;font-weight:600;padding:15px;text-align:center}.month-day-header:last-child{border-right:none}.month-grid{display:flex;flex-direction:column}.month-week{border-bottom:1px solid #eee;display:grid;grid-template-columns:repeat(7,1fr);min-height:120px}.month-week:last-child{border-bottom:none}.month-day{border-right:1px solid #eee;padding:10px;position:relative}.month-day:last-child{border-right:none}.month-day.current-month{background:#fff}.month-day.other-month{background:#f9f9f9;opacity:.6}.month-day.today{background:#e3f2fd}.day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.day-number{color:#333;font-size:16px;font-weight:600}.today-dot{background:#2196f3;border-radius:50%;height:8px;width:8px}.day-events{display:flex;flex-direction:column;gap:3px}.month-event{border-radius:3px;color:#fff;cursor:pointer;font-size:11px;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;transition:background .3s;white-space:nowrap}.month-event:hover{opacity:.9}.event-time{font-size:9px;opacity:.9}.more-events{color:#666;cursor:pointer;font-size:11px;padding:2px 6px}.more-events:hover{color:#2196f3}.modal-container{border-radius:8px;box-shadow:0 4px 20px #0003}.modal-header{border-bottom:1px solid #eee}.modal-header h3{color:#333}.close-btn{color:#666}.modal-content{padding:20px}.class-detail-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.class-color{border-radius:4px;height:20px;width:20px}.class-detail-header h4{color:#333;font-size:18px;margin:0}.class-subject{color:#666;font-size:14px;margin:5px 0 0}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.detail-item label{color:#666;font-size:13px;font-weight:600}.detail-item span{color:#333;font-size:14px}.meeting-link-section{margin-bottom:20px}.meeting-link-section label{color:#666;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.meeting-link{background:#f5f5f5;border-radius:4px;color:#2196f3;display:block;font-size:14px;margin-bottom:10px;padding:10px;text-decoration:none;transition:background .3s;word-break:break-all}.meeting-link:hover{background:#e3f2fd}.meeting-credentials{background:#f9f9f9;border-radius:4px;color:#666;font-size:13px;padding:10px}.description-section{margin-bottom:20px}.description-section label{color:#666;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.description-section p{background:#f9f9f9;border-radius:4px;color:#333;font-size:14px;line-height:1.5;margin:0;padding:10px}.modal-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.btn-join{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;text-decoration:none;transition:background .3s}.btn-join:hover{background:#45a049}.btn-secondary{background:#f5f5f5;border-radius:4px;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-close{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s}.btn-close:hover{background:#f5f5f5}.timetable-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-card{border-radius:8px}.empty-timetable{padding:60px 20px;text-align:center}.empty-timetable h3{color:#333;margin:0 0 10px}.empty-timetable p{color:#666;margin-bottom:20px}@media (max-width:1024px){.week-grid{max-height:400px}.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.timetable-header{text-align:center}.timetable-header,.view-controls{flex-direction:column;gap:15px}.date-navigation{order:-1}.timetable-legend{align-items:flex-start;flex-direction:column;gap:10px}.timetable-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.view-buttons{flex-direction:column;width:100%}.view-btn{width:100%}.week-grid,.week-header{grid-template-columns:60px repeat(7,1fr)}.time-corner,.time-label-column{padding:10px 5px}.timetable-stats{grid-template-columns:1fr}}.dashboard-container{margin-left:40px}.assignments-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.large-form{width:95%}.assignments-form{padding:10px}.error-message{color:#dc3545;margin-top:5px}.assignments-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.assignments-table{border-collapse:collapse;width:100%}.assignments-table thead{background:#f8f9fa}.assignments-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:15px;text-align:left}.assignments-table td{border-bottom:1px solid #eee;padding:15px;vertical-align:top}.assignments-table tbody tr:hover{background:#f8f9fa}.assignment-details-cell{min-width:300px}.assignment-info{align-items:flex-start;display:flex;gap:15px}.assignment-icon{align-items:center;background:#e3f2fd;border-radius:8px;display:flex;font-size:24px;height:50px;justify-content:center;min-width:50px;padding:10px}.assignment-info>div{flex:1 1}.assignment-info strong{color:#2c3e50;display:block;margin-bottom:5px}.assignment-info small{color:#6c757d;display:block;margin-bottom:5px}.assignment-desc{color:#7f8c8d!important;font-style:italic;margin-top:5px!important}.assignment-attachment{margin-top:10px}.attachment-badge{background:#e9ecef;border-radius:4px;margin-right:10px}.attachment-badge,.attachment-link{display:inline-block;font-size:12px;padding:5px 10px}.attachment-link{border:1px solid #007bff;border-radius:4px;color:#007bff;text-decoration:none}.attachment-link:hover{background:#007bff;color:#fff}.status-active{background:#d4edda;color:#155724}.status-submitted{background:#d1ecf1;color:#0c5460}.status-overdue{background:#f8d7da;color:#721c24}.status-graded{background:#cce5ff;color:#004085}.time-remaining{color:#6c757d;display:block;font-size:12px;margin-top:5px}.overdue-warning{color:#dc3545;display:block;font-size:12px;margin-top:3px}.submission-type{color:#6c757d;display:block;font-size:12px;margin:5px 0}.submission-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.stat-item{background:#f8f9fa;border-radius:3px;color:#6c757d;font-size:11px;padding:2px 8px}.instructions-tooltip{color:#6c757d;cursor:help;display:block;font-size:11px;margin-top:5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.actions-cell{min-width:200px}.btn-submissions{background:#6f42c1;color:#fff}.btn-submissions:hover:not(:disabled){background:#5a3796}.btn-submissions:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.dashboard-content{margin-left:0;padding:15px}.assignments-header{flex-direction:column;gap:15px;text-align:center}.stats-container{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column}.search-box{min-width:100%}.assignments-table{display:block;overflow-x:auto}.form-row{grid-template-columns:1fr}.summary-footer{flex-direction:column;gap:15px}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}@media print{.action-buttons,.actions-cell,.filters-section,.sidebar,.summary-footer{display:none!important}.dashboard-content{margin:0;padding:0}.assignments-table{border:1px solid #000;width:100%}.assignments-table td,.assignments-table th{border:1px solid #000;padding:8px}}.assignments-table tbody tr{animation:fadeIn .3s ease-out}.materials-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.materials-container,.materials-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.materials-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.material-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 3px 10px #0000001a;overflow:hidden;transition:all .3s ease}.material-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.material-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px}.material-type-icon{align-items:center;background:#e3f2fd;border-radius:8px;display:flex;font-size:24px;height:50px;justify-content:center;padding:10px;width:50px}.material-meta{flex:1 1;margin-left:15px}.material-type{color:#6c757d;display:block;font-size:12px;margin-bottom:5px}.difficulty-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;text-transform:uppercase}.difficulty-beginner{background:#d4edda;color:#155724}.difficulty-intermediate{background:#fff3cd;color:#856404}.difficulty-advanced{background:#f8d7da;color:#721c24}.material-actions{display:flex;gap:5px}.btn-icon{font-size:16px;padding:5px;transition:background .3s}.btn-icon:hover{background:#e9ecef}.material-content{padding:15px}.material-title{color:#2c3e50;font-size:16px;line-height:1.4;margin:0 0 10px}.material-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:15px;overflow:hidden}.material-details{display:flex;flex-direction:column;gap:8px}.detail-item{gap:8px}.detail-label{color:#6c757d;font-size:12px;min-width:70px}.detail-value{color:#495057;font-size:13px}.material-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:15px}.material-stats{color:#6c757d;display:flex;font-size:12px;justify-content:space-between;margin-bottom:10px}.stat{align-items:center;display:flex;gap:3px}.material-actions-footer{display:flex;gap:8px}.btn-action{border-radius:4px;gap:5px;transition:all .3s}.btn-download{background:#007bff;flex:1 1}.btn-download:hover{background:#0056b3}.btn-private,.btn-public{background:#6c757d;color:#fff;justify-content:center;width:36px}.btn-private:hover,.btn-public:hover{opacity:.8}.btn-activate,.btn-deactivate{background:#6c757d;color:#fff;justify-content:center;width:36px}.large-form{max-width:1000px}.materials-form{padding:10px}.filled-field{background:#f8f9fa;color:#495057}.visibility-toggle{margin-top:25px}.visibility-toggle label{align-items:center;cursor:pointer;display:flex;gap:10px}.visibility-toggle input[type=checkbox]{width:auto}.toggle-label{font-weight:400;margin:0}.visibility-toggle small{color:#6c757d;display:block;font-size:12px;margin-top:5px}@media (max-width:768px){.dashboard-content{margin-left:0;padding:15px}.materials-header{flex-direction:column;gap:15px;text-align:center}.stats-container{grid-template-columns:repeat(2,1fr)}.materials-grid{grid-template-columns:1fr}.filters-row{flex-direction:column}.search-box{min-width:100%}.summary-footer{flex-direction:column;gap:15px}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.material-stats{gap:5px}.material-actions-footer,.material-stats{flex-direction:column}.btn-action{width:100%}}@media print{.action-buttons,.btn-primary,.filters-section,.material-actions,.material-actions-footer,.sidebar,.summary-footer{display:none!important}.dashboard-content{margin:0;padding:0}.materials-grid{display:block}.material-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}}.material-card{animation:fadeIn .3s ease-out}.dashboard-content{overflow-x:auto}.exams-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.stat-card{box-shadow:0 2px 5px #0000001a}.stat-icon{background:#3498db}.filters-row{margin-bottom:15px}.search-input{border:1px solid #ddd;padding:12px 40px 12px 15px}.search-input:focus{box-shadow:0 0 0 2px #3498db33}.search-icon{right:15px}.btn-clear-filters{background:#dc3545}.btn-clear-filters:hover{background:#c82333}.btn-export,.btn-refresh{border-radius:8px;font-weight:500;padding:10px 20px}.btn-refresh{background:#f8f9fa;border:1px solid #ddd;color:#495057}.btn-refresh:hover:not(:disabled){background:#e9ecef}.btn-export{background:#28a745}.btn-export:hover:not(:disabled){background:#218838}.filtered-count,.total-count{background:#e9ecef;border-radius:4px;padding:5px 10px}.filtered-count{background:#d1ecf1;color:#0c5460}.exams-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.empty-state p{margin-left:auto;margin-right:auto}.exams-table thead{background:#f8f9fa}.exams-table th{border-bottom:2px solid #dee2e6;padding:15px;white-space:nowrap}.exams-table td{border-bottom:1px solid #eee;padding:15px;vertical-align:top}.exams-table tbody tr:hover{background:#f8f9fa}.exam-details-cell{min-width:300px}.exam-info{display:flex;flex-direction:column;gap:8px}.exam-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.exam-header strong{flex:1 1;margin-right:10px}.exam-badges{display:flex;flex-wrap:wrap;gap:5px}.exam-mode-badge,.exam-type-badge,.online-badge{border-radius:4px;font-size:11px;font-weight:500;padding:3px 8px}.exam-type-badge{background:#e3f2fd;color:#1565c0}.exam-mode-badge{background:#f3e5f5;color:#7b1fa2}.online-badge{background:#e8f5e9;color:#2e7d32}.academic-year,.exam-instructions,.practical-venue{color:#6c757d;display:block;font-size:12px}.exam-link{color:#007bff;display:inline-block;font-size:12px;text-decoration:none}.exam-link:hover{text-decoration:underline}.classes-subjects-cell{min-width:250px}.class-list,.subject-list{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px}.class-tag,.subject-tag{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;color:#495057;font-size:11px;padding:3px 8px}.schedule-cell{min-width:200px}.schedule-cell strong{display:block;margin-bottom:5px}.duration,.time-range,.time-remaining{color:#6c757d;display:block;font-size:12px;margin-top:3px}.time-remaining{color:#dc3545;font-weight:500}.marks-cell{min-width:120px}.marks-cell strong{display:block;margin-bottom:5px}.pass-percentage{background:#e8f5e9;border-radius:4px;color:#2e7d32;font-size:12px;font-weight:500;margin-top:8px;padding:5px 8px}.status-upcoming{background:#fff3cd;color:#856404}.status-ongoing{background:#cce5ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.status-postponed{background:#e2e3e5;color:#383d41}.action-buttons{margin-bottom:10px}.action-buttons button{border-radius:4px;font-size:12px;padding:6px 12px}.btn-edit{background:#ffc107;color:#212529}.btn-edit:hover{background:#e0a800}.btn-delete{background:#dc3545}.btn-delete:hover{background:#c82333}.btn-status{background:#6c757d;color:#fff;min-width:36px}.btn-activate{background:#28a745!important}.btn-deactivate{background:#dc3545!important}.quick-actions{gap:5px}.btn-small{border-radius:3px;font-size:11px;padding:4px 8px}.btn-view{background:#17a2b8}.btn-view:hover{background:#138496}.large-form{max-width:1100px}.form-header{border-bottom:1px solid #eee}.exams-form{padding:10px}.form-section{border-bottom:1px solid #eee}.form-section h4{color:#3498db;margin:0 0 15px}.form-group label{color:#495057}.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{box-shadow:0 0 0 2px #3498db33}.form-group small{color:#6c757d;display:block;font-size:12px;margin-top:5px}.checkbox-label{font-weight:400}.selection-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.selection-header h5{color:#495057;font-size:14px;margin:0}.selection-actions{display:flex;gap:10px}.btn-clear-all,.btn-select-all{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 10px}.btn-select-all{background:#28a745;color:#fff}.btn-select-all:hover{background:#218838}.btn-clear-all{background:#dc3545;color:#fff}.btn-clear-all:hover{background:#c82333}.checkbox-grid{grid-gap:10px;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:10px}.checkbox-item,.checkbox-item label{align-items:center;display:flex}.checkbox-item label{border-radius:4px;cursor:pointer;gap:8px;padding:5px;transition:background .3s;width:100%}.checkbox-item label:hover{background:#f8f9fa}.checkbox-item input[type=checkbox]{margin:0;width:auto}.selection-summary{background:#e9ecef;border-radius:4px;color:#495057;font-size:13px;margin-top:10px;padding:8px 12px;text-align:center}.empty-message,.loading{font-size:14px;padding:20px}.empty-message{background:#fff;border:1px dashed #dee2e6;border-radius:4px;color:#6c757d;text-align:center}.form-actions{background:#f8f9fa;gap:10px;padding:20px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 30px;transition:all .3s}.btn-save{background:#007bff}.btn-save:hover:not(:disabled){background:#0056b3}.btn-cancel{background:#6c757d}.btn-cancel:hover{background:#545b62}.summary-footer{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;justify-content:space-between;margin-top:20px;padding:15px}.footer-stats,.summary-footer{align-items:center;display:flex}.footer-stats{flex-wrap:wrap;gap:15px}.footer-stats>span{color:#495057}.footer-stats .stat-item{background:#f8f9fa;border-radius:4px;font-size:13px;padding:5px 10px}.btn-export-footer,.btn-print{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.btn-print{background:#6c757d}.btn-print:hover{background:#545b62}.btn-export-footer{background:#28a745;color:#fff}.btn-export-footer:hover:not(:disabled){background:#218838}.btn-export-footer:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.dashboard-content{margin-left:0;padding:15px}.exams-header{flex-direction:column;gap:15px;text-align:center}.stats-container{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column}.search-box{min-width:100%}.filter-controls{align-items:stretch;flex-direction:column}.filter-select{width:100%}.exams-table{display:block;overflow-x:auto}.form-row{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(2,1fr)}.summary-footer{flex-direction:column;gap:15px}}@media (max-width:480px){.checkbox-grid,.stats-container{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.quick-actions{flex-direction:column}}@media print{.action-buttons,.actions-cell,.btn-primary,.filters-section,.sidebar,.summary-footer{display:none!important}.dashboard-content{margin:0;padding:0}.exams-table{border:1px solid #000;width:100%}.exams-table td,.exams-table th{border:1px solid #000;padding:8px}}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3;box-shadow:0 4px 8px #0003}.exams-table tbody tr{animation:fadeIn .3s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:4px}.exams-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.exams-table thead{background-color:#f8f9fa;border-bottom:2px solid #e9ecef}.exams-table th{border-right:1px solid #e9ecef;color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.exams-table th:last-child{border-right:none}.exams-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.exams-table tbody tr:hover{background-color:#f8f9fa}.exams-table tbody tr:last-child{border-bottom:none}.exams-table td{border-right:1px solid #e9ecef;color:#333;font-size:13px;padding:12px 16px;vertical-align:middle}.exams-table td:last-child{border-right:none}.exams-table-container{border-radius:8px;margin:20px 0;overflow-x:auto}.exams-table td:first-child,.exams-table th:first-child{min-width:200px}.exams-table td:nth-child(2),.exams-table th:nth-child(2){min-width:80px}.exams-table td:nth-child(3),.exams-table th:nth-child(3){min-width:120px}.exams-table td:nth-child(4),.exams-table th:nth-child(4){min-width:100px}.exams-table td:nth-child(5),.exams-table th:nth-child(5){min-width:150px}.exams-table td:nth-child(6),.exams-table th:nth-child(6){min-width:80px}.exams-table td:nth-child(7),.exams-table td:nth-child(8),.exams-table th:nth-child(7),.exams-table th:nth-child(8){min-width:100px}.exams-table td:nth-child(9),.exams-table th:nth-child(9){min-width:70px;text-align:center}.antype-dashboard-container{background-color:#f5f7fa;display:flex;margin-top:60px;min-height:100vh}.antype-dashboard-content{flex:1 1;margin-left:280px;padding:30px}.antype-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea33;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.antype-header-left h1{align-items:center;display:flex;font-size:32px;font-weight:700;gap:15px;margin:0 0 10px}.antype-header-icon{font-size:32px}.antype-header-left p{font-size:16px;margin:0;opacity:.9}.antype-btn-primary{align-items:center;background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.antype-btn-primary:hover{box-shadow:0 6px 20px #fff3;transform:translateY(-2px)}.antype-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.antype-btn-icon{font-size:16px}.antype-message-alert{align-items:center;animation:slideDown .3s ease;border-radius:8px;display:flex;font-weight:500;gap:12px;margin-bottom:25px;padding:15px 20px}.antype-alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.antype-alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.antype-alert-success svg{color:#28a745}.antype-alert-error svg{color:#dc3545}.antype-stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.antype-stat-card{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:12px;box-shadow:0 4px 12px #667eea1a;display:flex;gap:20px;padding:25px 20px;transition:transform .3s ease,box-shadow .3s ease}.antype-stat-card:hover{box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.antype-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.antype-stat-icon-total{background:linear-gradient(135deg,#667eea,#764ba2)}.antype-stat-icon-active{background:linear-gradient(135deg,#10b981,#059669)}.antype-stat-icon-inactive{background:linear-gradient(135deg,#6b7280,#4b5563)}.antype-stat-info h3{color:#2d3748;font-size:28px;font-weight:700;margin:0}.antype-stat-info p{color:#718096;font-size:14px;letter-spacing:.5px;margin:5px 0 0;text-transform:uppercase}.antype-form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.antype-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.antype-form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e8ecf5;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.antype-form-header h3{align-items:center;display:flex;font-size:24px;gap:12px;margin:0}.antype-form-icon{font-size:24px}.antype-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:background .3s ease;width:40px}.antype-close-btn:hover{background:#ffffff4d}.antype-form{padding:30px}.antype-form-group{margin-bottom:25px}.antype-form-group label{align-items:center;color:#4a5568;display:block;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.antype-label-icon{color:#667eea;font-size:16px}.antype-color-select,.antype-form-group input[type=text],.antype-form-group textarea,.antype-icon-select{background:#fff;border:2px solid #e8ecf5;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.antype-color-select:focus,.antype-form-group input:focus,.antype-form-group textarea:focus,.antype-icon-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.antype-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.antype-form-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.antype-icon-selector{align-items:center;display:flex;gap:15px}.antype-selected-icon{align-items:center;background:#f8fafc;border:2px solid #e8ecf5;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.antype-color-selector{align-items:center;display:flex;gap:15px}.antype-selected-color{border:2px solid #e8ecf5;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:60px;width:60px}.antype-status-toggle{background:#f8fafc;border:2px solid #e8ecf5;border-radius:12px;padding:20px}.antype-status-toggle label{align-items:center;cursor:pointer;display:flex;gap:12px;margin-bottom:10px}.antype-status-toggle input[type=checkbox]{cursor:pointer;height:20px;width:20px}.antype-toggle-label{align-items:center;color:#2d3748;display:flex;font-weight:600;gap:8px}.antype-toggle-label svg{color:#667eea;font-size:20px}.antype-status-toggle small{align-items:center;color:#718096;display:flex;font-size:13px;gap:8px}.antype-info-icon{color:#667eea;font-size:14px}.antype-form-actions{border-top:1px solid #e8ecf5;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.antype-btn-save{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 30px;transition:all .3s ease}.antype-btn-save:hover{background:#5a67d8;transform:translateY(-2px)}.antype-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.antype-btn-cancel{background:#e8ecf5;border:none;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.antype-btn-cancel:hover{background:#d2dae6;transform:translateY(-2px)}.antype-spinner{animation:spin 1s linear infinite}.antype-types-container{margin-top:30px}.antype-loading{align-items:center;color:#718096;display:flex;font-size:18px;gap:12px;justify-content:center}.antype-empty-state,.antype-loading{background:#fff;border:2px dashed #e8ecf5;border-radius:16px;padding:60px 40px;text-align:center}.antype-empty-icon{align-items:center;background:#667eea1a;border-radius:50%;color:#667eea;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.antype-empty-state h3{color:#2d3748;font-size:24px;margin:0 0 10px}.antype-empty-state p{color:#718096;font-size:16px;margin:0 auto 25px;max-width:400px}.antype-table-container{background:#fff;border:1px solid #e8ecf5;border-radius:16px;box-shadow:0 4px 20px #667eea1a;overflow:hidden}.antype-table{border-collapse:collapse;width:100%}.antype-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px;text-align:left;text-transform:uppercase}.antype-table td{border-bottom:1px solid #e8ecf5;padding:20px;vertical-align:middle}.antype-table-row:hover{background-color:#f8fafc}.antype-serial{color:#667eea;font-size:16px;font-weight:600;text-align:center}.antype-type-cell{align-items:center;display:flex;gap:15px;position:relative}.antype-type-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:50px;justify-content:center;width:50px}.antype-type-info{flex:1 1;min-width:0}.antype-type-info strong{color:#2d3748;display:block;font-size:16px;margin-bottom:4px}.antype-type-info small{color:#718096;display:block;font-size:12px}.antype-expand-btn{background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;padding:8px;transition:background .3s ease}.antype-expand-btn:hover{background:#667eea1a}.antype-description-cell{color:#4a5568;line-height:1.5;max-width:300px}.antype-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.antype-active{background:#d1fae5;border:2px solid #10b981;color:#059669}.antype-inactive{background:#f3f4f6;border:2px solid #9ca3af;color:#6b7280}.antype-table-actions{display:flex;gap:10px}.antype-btn-icon{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.antype-btn-edit{color:#3b82f6}.antype-btn-edit:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.antype-btn-danger{color:#ef4444}.antype-btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.antype-btn-danger:disabled{background:#fff;color:#9ca3af;cursor:not-allowed;opacity:.5}.antype-details-row{background:#f8fafc}.antype-details-content{background:#fff;border:1px solid #e8ecf5;border-radius:12px;margin:10px 0;padding:20px}.antype-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.antype-detail-item{display:flex;flex-direction:column;gap:8px}.antype-detail-label{color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.antype-detail-value{align-items:center;color:#2d3748;display:flex;font-size:14px;gap:10px}.antype-detail-icon{font-size:20px}.antype-color-preview{border:2px solid #e8ecf5;border-radius:6px;height:24px;width:24px}.antype-summary-footer{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:12px;display:flex;justify-content:space-between;margin-top:30px;padding:20px 25px}.antype-footer-stats{align-items:center;display:flex;font-size:14px;gap:20px}.antype-footer-stats>span:first-child{color:#2d3748;font-weight:600}.antype-stat-item{color:#667eea;font-weight:600}.antype-footer-actions{display:flex;gap:12px}.antype-btn-refresh{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.antype-btn-refresh:hover{background:#5a67d8;transform:translateY(-2px)}.antype-btn-refresh:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1024px){.antype-dashboard-content{padding:20px}.antype-form-row{gap:20px;grid-template-columns:1fr}.antype-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.antype-dashboard-container{flex-direction:column}.antype-dashboard-content{margin-left:0;padding:15px}.antype-header{flex-direction:column;gap:20px;padding:25px;text-align:center}.antype-header-left h1{justify-content:center}.antype-stats-container{grid-template-columns:1fr}.antype-summary-footer{flex-direction:column;gap:15px;text-align:center}.antype-footer-stats{flex-wrap:wrap;gap:10px;justify-content:center}.antype-details-grid{grid-template-columns:1fr}.antype-table{display:block;overflow-x:auto}.antype-type-cell{align-items:flex-start;flex-direction:column;gap:10px}.antype-expand-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}}@media (max-width:480px){.antype-form-container{margin:10px;width:95%}.antype-form-actions,.antype-table-actions{flex-direction:column}}.anouni-dashboard-container{background-color:#f5f7fa;display:flex;margin-top:70px;min-height:100vh}.anouni-dashboard-content{flex:1 1;margin-left:280px;padding:30px}.anouni-announcements-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea33;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.anouni-header-left h1{align-items:center;display:flex;font-size:32px;font-weight:700;gap:15px;margin:0 0 10px}.anouni-header-icon{fill:#fff;height:32px;width:32px}.anouni-header-left p{font-size:16px;margin:0;opacity:.9}.anouni-btn-primary{align-items:center;background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.anouni-btn-primary:hover{box-shadow:0 6px 20px #fff3;transform:translateY(-2px)}.anouni-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.anouni-btn-icon{fill:currentColor;height:20px;width:20px}.anouni-message-alert{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:10px;margin-bottom:25px;padding:15px 20px}.anouni-alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.anouni-alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.anouni-alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.anouni-stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.anouni-stat-card{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:12px;box-shadow:0 4px 12px #667eea1a;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.anouni-stat-card:hover{box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.anouni-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:12px;display:flex;height:50px;justify-content:center;width:50px}.anouni-stat-icon svg{fill:#667eea;height:24px;width:24px}.anouni-stat-icon-active svg{fill:#4caf50}.anouni-stat-icon-draft svg{fill:#ff9800}.anouni-stat-icon-expired svg{fill:#9e9e9e}.anouni-stat-icon-urgent svg{fill:#f44336}.anouni-stat-icon-high svg{fill:#ff9800}.anouni-stat-info h3{color:#2d3748;font-size:24px;font-weight:700;margin:0}.anouni-stat-info p{color:#718096;font-size:14px;letter-spacing:.5px;margin:5px 0 0;text-transform:uppercase}.anouni-filters-section{background:#fff;border:1px solid #e8ecf5;border-radius:12px;box-shadow:0 4px 12px #667eea14;margin-bottom:25px;padding:25px}.anouni-filters-row{display:flex;gap:15px;margin-bottom:20px}.anouni-filters-row:last-child{margin-bottom:0}.anouni-search-box{flex:1 1;position:relative}.anouni-search-input{border:2px solid #e8ecf5;border-radius:8px;font-size:16px;padding:12px 45px 12px 20px;transition:border-color .3s ease;width:100%}.anouni-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.anouni-search-icon{fill:#718096;height:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px}.anouni-action-buttons{display:flex;gap:12px}.anouni-btn-export,.anouni-btn-refresh{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.anouni-btn-refresh{background:#667eea;color:#fff}.anouni-btn-refresh:hover{background:#5a67d8;transform:translateY(-2px)}.anouni-btn-export{background:#38a169;color:#fff}.anouni-btn-export:hover{background:#2f855a;transform:translateY(-2px)}.anouni-btn-export:disabled,.anouni-btn-refresh:disabled{cursor:not-allowed;opacity:.6;transform:none}.anouni-filter-controls{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.anouni-date-input input,.anouni-filter-select{background:#fff;border:2px solid #e8ecf5;border-radius:8px;flex:1 1;font-size:14px;min-width:150px;padding:12px 16px}.anouni-date-input input:focus,.anouni-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.anouni-date-input{flex:1 1;position:relative}.anouni-date-icon{fill:#718096;height:18px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.anouni-date-input input{padding-left:40px}.anouni-btn-clear-filters{align-items:center;background:#f56565;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.anouni-btn-clear-filters:hover{background:#e53e3e;transform:translateY(-2px)}.anouni-results-summary{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:12px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:25px;padding:15px 25px}.anouni-total-count{color:#2d3748;font-weight:600}.anouni-filtered-count{color:#667eea;font-weight:600}.anouni-form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.anouni-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.anouni-large-form{max-width:1000px}.anouni-form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e8ecf5;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.anouni-form-header h3{align-items:center;display:flex;font-size:24px;gap:12px;margin:0}.anouni-form-icon{fill:#fff;height:24px;width:24px}.anouni-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .3s ease;width:36px}.anouni-close-btn:hover{background:#ffffff4d}.anouni-close-btn svg{fill:#fff;height:20px;width:20px}.anouni-announcements-form{padding:30px}.anouni-form-section{border-bottom:1px solid #e8ecf5;margin-bottom:30px;padding-bottom:30px}.anouni-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.anouni-section-title{align-items:center;color:#2d3748;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.anouni-section-icon{fill:#667eea;height:20px;width:20px}.anouni-form-group{margin-bottom:20px}.anouni-form-group label{color:#4a5568;display:block;font-weight:600;margin-bottom:8px}.anouni-form-group input[type=datetime-local],.anouni-form-group input[type=text],.anouni-form-group select,.anouni-form-group textarea{background:#fff;border:2px solid #e8ecf5;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.anouni-form-group input:focus,.anouni-form-group select:focus,.anouni-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.anouni-form-group textarea{min-height:120px;resize:vertical}.anouni-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.anouni-type-preview{align-items:center;border-left:4px solid;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-top:10px;padding:12px 16px}.anouni-type-preview small{margin-left:auto;opacity:.7}.anouni-audience-options{display:flex;flex-wrap:wrap;gap:15px}.anouni-audience-option{align-items:center;border:2px solid #e8ecf5;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .3s ease}.anouni-audience-option:hover{background:#667eea0d;border-color:#667eea}.anouni-audience-option input[type=radio]{margin:0}.anouni-class-selection{background:#f8fafc;border:2px solid #e8ecf5;border-radius:8px;max-height:200px;overflow-y:auto;padding:15px}.anouni-class-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.anouni-class-option{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.anouni-class-option:hover{background:#667eea0d;border-color:#667eea}.anouni-no-classes{color:#718096;font-style:italic;padding:20px;text-align:center}.anouni-selected-count{color:#667eea;font-size:14px;font-weight:600;margin-top:10px}.anouni-visibility-toggle{display:flex;flex-direction:column;gap:5px}.anouni-visibility-toggle label{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:5px}.anouni-toggle-label{color:#4a5568;font-weight:600}.anouni-visibility-toggle small{color:#718096;font-size:13px}.anouni-form-actions{border-top:1px solid #e8ecf5;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.anouni-btn-save{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.anouni-btn-save:hover{background:#5a67d8;transform:translateY(-2px)}.anouni-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.anouni-btn-cancel{background:#e8ecf5;border:none;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.anouni-btn-cancel:hover{background:#d2dae6;transform:translateY(-2px)}.anouni-announcements-container{margin-top:30px}.anouni-loading{color:#718096;font-size:18px;padding:50px;text-align:center}.anouni-empty-state{background:#fff;border:2px dashed #e8ecf5;border-radius:16px;padding:60px 40px;text-align:center}.anouni-empty-icon{align-items:center;background:#667eea1a;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.anouni-empty-icon svg{fill:#667eea;height:40px;width:40px}.anouni-empty-state h3{color:#2d3748;font-size:24px;margin:0 0 10px}.anouni-empty-state p{color:#718096;font-size:16px;margin:0 auto 25px;max-width:400px}.anouni-announcements-list{grid-gap:20px;display:grid;gap:20px}.anouni-announcement-card{background:#fff;border:1px solid #e8ecf5;border-radius:16px;box-shadow:0 4px 20px #667eea1a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.anouni-announcement-card:hover{box-shadow:0 12px 32px #667eea26;transform:translateY(-4px)}.anouni-announcement-header{align-items:center;background:#667eea0d;border-left:6px solid;display:flex;justify-content:space-between;padding:20px 25px}.anouni-announcement-type{align-items:center;display:flex;gap:12px}.anouni-type-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.anouni-type-name{color:#2d3748;font-size:16px;font-weight:600}.anouni-priority-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.anouni-urgent{background:#fee2e2;color:#dc2626}.anouni-high{background:#fef3c7;color:#d97706}.anouni-normal{background:#d1fae5;color:#059669}.anouni-low{background:#dbeafe;color:#2563eb}.anouni-announcement-content{padding:25px}.anouni-announcement-title{color:#2d3748;font-size:20px;font-weight:700;margin:0 0 15px}.anouni-announcement-text{color:#4a5568;line-height:1.6;margin:0 0 20px}.anouni-announcement-meta{grid-gap:15px;background:#f8fafc;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.anouni-meta-item{align-items:center;display:flex;gap:10px}.anouni-meta-icon{fill:#718096;height:16px;width:16px}.anouni-meta-label{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:6px}.anouni-meta-value{color:#2d3748;font-size:14px}.anouni-announcement-footer{align-items:center;background:#f8fafc;border-top:1px solid #e8ecf5;display:flex;justify-content:space-between;padding:20px 25px}.anouni-announcement-status{display:flex;gap:10px}.anouni-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.anouni-published{background:#d1fae5;color:#059669}.anouni-draft{background:#fef3c7;color:#d97706}.anouni-inactive{background:#f3f4f6;color:#6b7280}.anouni-expired{background:#fee2e2;color:#dc2626}.anouni-announcement-actions{display:flex;gap:8px}.anouni-btn-icon{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.anouni-btn-icon svg{fill:#4a5568;height:18px;width:18px}.anouni-btn-edit:hover{background:#3b82f6;border-color:#3b82f6}.anouni-btn-edit:hover svg{fill:#fff}.anouni-btn-publish:hover{background:#10b981;border-color:#10b981}.anouni-btn-publish:hover svg{fill:#fff}.anouni-btn-danger:hover{background:#ef4444;border-color:#ef4444}.anouni-btn-danger:hover svg{fill:#fff}.anouni-summary-footer{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:12px;display:flex;justify-content:space-between;margin-top:30px;padding:20px 25px}.anouni-footer-stats{align-items:center;display:flex;font-size:14px;gap:20px}.anouni-footer-stats>span:first-child{color:#2d3748;font-weight:600}.anouni-stat-item{color:#667eea;font-weight:600}.anouni-footer-actions{display:flex;gap:12px}.anouni-btn-export-footer,.anouni-btn-print{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.anouni-btn-print{background:#e8ecf5;color:#4a5568}.anouni-btn-print:hover{background:#d2dae6;transform:translateY(-2px)}.anouni-btn-export-footer{background:#667eea;color:#fff}.anouni-btn-export-footer:hover{background:#5a67d8;transform:translateY(-2px)}.anouni-btn-export-footer:disabled{cursor:not-allowed;opacity:.6;transform:none}.anouni-loading-small{color:#718096;font-style:italic;padding:20px;text-align:center}@media (max-width:1024px){.anouni-dashboard-content{padding:20px}.anouni-stats-container{grid-template-columns:repeat(2,1fr)}.anouni-form-row{grid-template-columns:1fr}.anouni-filter-controls{flex-direction:column}.anouni-anouni-filter-select,.anouni-date-input{min-width:100%}}@media (max-width:768px){.anouni-dashboard-container{flex-direction:column}.anouni-dashboard-content{margin-left:0;padding:15px}.anouni-announcements-header{flex-direction:column;gap:20px;padding:25px;text-align:center}.anouni-header-left h1{justify-content:center}.anouni-stats-container{grid-template-columns:1fr}.anouni-filters-row{flex-direction:column}.anouni-action-buttons{width:100%}.anouni-btn-export,.anouni-btn-refresh{flex:1 1;justify-content:center}.anouni-announcement-meta{grid-template-columns:1fr}.anouni-summary-footer{flex-direction:column;gap:15px;text-align:center}.anouni-footer-stats{flex-wrap:wrap;gap:10px;justify-content:center}}@media (max-width:480px){.anouni-form-container{margin:10px;width:95%}.anouni-announcement-footer{flex-direction:column;gap:15px;text-align:center}.anouni-announcement-status{justify-content:center}}.anlist-dashboard-container{background-color:#f5f7fa;display:flex;margin-top:70px;min-height:100vh}.anlist-dashboard-content{flex:1 1;margin-left:280px;padding:30px}.anlist-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea33;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.anlist-header-left h1{align-items:center;display:flex;font-size:32px;font-weight:700;gap:15px;margin:0 0 10px}.anlist-header-icon{font-size:32px}.anlist-header-left p{font-size:16px;margin:0;opacity:.9}.anlist-header-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:15px 25px}.anlist-badge-count{color:#fff;font-size:32px;font-weight:700}.anlist-header-badge span:last-child{font-size:14px;opacity:.9}.anlist-priority-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.anlist-stat-card{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:12px;box-shadow:0 4px 12px #667eea1a;cursor:pointer;display:flex;gap:20px;padding:25px 20px;transition:transform .3s ease,box-shadow .3s ease}.anlist-stat-card:hover{box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.anlist-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.anlist-stat-urgent .anlist-stat-icon{background:linear-gradient(135deg,#dc2626,#b91c1c)}.anlist-stat-high .anlist-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.anlist-stat-medium .anlist-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.anlist-stat-total .anlist-stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.anlist-stat-details{flex:1 1;min-width:0}.anlist-stat-number{color:#2d3748;display:block;font-size:28px;font-weight:700;margin-bottom:5px}.anlist-stat-label{color:#718096;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.anlist-filters-section{background:#fff;border:1px solid #e8ecf5;border-radius:16px;box-shadow:0 4px 12px #667eea14;margin-bottom:25px;padding:25px}.anlist-search-box{margin-bottom:25px;position:relative}.anlist-search-input{background:#f8fafc;border:2px solid #e8ecf5;border-radius:12px;font-size:16px;padding:14px 50px;transition:all .3s ease;width:100%}.anlist-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.anlist-search-icon{color:#667eea;font-size:18px;left:18px}.anlist-clear-search,.anlist-search-icon{position:absolute;top:50%;transform:translateY(-50%)}.anlist-clear-search{background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;font-size:16px;padding:5px;right:18px;transition:all .3s ease}.anlist-clear-search:hover{background:#e8ecf5;color:#2d3748}.anlist-filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.anlist-filter-group{flex:1 1;min-width:180px}.anlist-filter-group label{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.anlist-filter-icon{color:#667eea;font-size:14px}.anlist-filter-select{background:#fff;border:2px solid #e8ecf5;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.anlist-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.anlist-btn-clear{align-items:center;background:#e8ecf5;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.anlist-btn-clear:hover{background:#d2dae6;transform:translateY(-2px)}.anlist-btn-refresh{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.anlist-btn-refresh:hover{background:#5a67d8;transform:translateY(-2px)}.anlist-btn-refresh:disabled{cursor:not-allowed;opacity:.6;transform:none}.anlist-spinner{animation:spin 1s linear infinite}.anlist-results-info{align-items:center;background:#fff;border:1px solid #e8ecf5;border-radius:12px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:25px;padding:20px}.anlist-results-count{color:#2d3748;font-weight:500}.anlist-results-count strong{color:#667eea;font-weight:700}.anlist-view-options{align-items:center;display:flex;gap:20px}.anlist-view-label{align-items:center;color:#718096;display:flex;font-size:13px;gap:8px}.anlist-view-label svg{color:#667eea;font-size:12px}.anlist-announcements-container{margin-bottom:30px}.anlist-loading-state{background:#fff;border:2px dashed #e8ecf5;border-radius:16px;padding:60px 40px;text-align:center}.anlist-loading-spinner{align-items:center;background:#667eea1a;border-radius:50%;color:#667eea;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.anlist-loading-state p{color:#718096;font-size:16px;margin:0}.anlist-empty-state{background:#fff;border:2px dashed #e8ecf5;border-radius:16px;padding:60px 40px;text-align:center}.anlist-empty-icon{align-items:center;background:#667eea1a;border-radius:50%;color:#667eea;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.anlist-empty-state h3{color:#2d3748;font-size:24px;margin:0 0 10px}.anlist-empty-state p{color:#718096;font-size:16px;margin:0 auto 25px;max-width:400px}.anlist-btn-primary{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.anlist-btn-primary:hover{background:#5a67d8;transform:translateY(-2px)}.anlist-announcements-grid{grid-gap:25px;display:grid;gap:25px}.anlist-announcement-item{background:#fff;border:1px solid #e8ecf5;border-left:6px solid;border-radius:16px;box-shadow:0 4px 20px #667eea1a;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.anlist-announcement-item:hover{box-shadow:0 12px 32px #667eea26;transform:translateY(-4px)}.anlist-expired-badge,.anlist-new-badge{align-items:center;border-radius:20px;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:20px;text-transform:uppercase;top:20px;z-index:1}.anlist-new-badge{background:#10b981;color:#fff}.anlist-expired-badge{background:#dc2626;color:#fff}.anlist-urgent{border-left-color:#dc2626!important}.anlist-high{border-left-color:#f59e0b!important}.anlist-medium{border-left-color:#10b981!important}.anlist-low{border-left-color:#3b82f6!important}.anlist-announcement-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;padding:25px 25px 0}.anlist-announcement-type{align-items:center;display:flex;flex:1 1;gap:15px}.anlist-type-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:50px;justify-content:center;width:50px}.anlist-type-info{flex:1 1;min-width:0}.anlist-type-name{color:#2d3748;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.anlist-time-ago{align-items:center;color:#718096;display:flex;font-size:12px;gap:6px}.anlist-time-ago svg{font-size:10px}.anlist-announcement-priority{flex-shrink:0}.anlist-priority-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.anlist-priority-tag.anlist-urgent{background:#fee2e2;color:#dc2626}.anlist-priority-tag.anlist-high{background:#fef3c7;color:#d97706}.anlist-priority-tag.anlist-medium{background:#d1fae5;color:#059669}.anlist-priority-tag.anlist-low{background:#dbeafe;color:#2563eb}.anlist-announcement-content{padding:20px 25px}.anlist-announcement-title{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:700;gap:15px;justify-content:space-between;margin:0 0 15px}.anlist-classes-count{align-items:center;background:#667eea1a;border-radius:12px;color:#667eea;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.anlist-announcement-text{color:#4a5568;font-size:15px;line-height:1.6;margin:0}.anlist-announcement-footer{align-items:center;border-top:1px solid #e8ecf5;display:flex;gap:20px;justify-content:space-between;padding:20px 25px}.anlist-announcement-meta{display:flex;flex-wrap:wrap;gap:20px}.anlist-meta-item{align-items:center;display:flex;gap:8px}.anlist-meta-icon{color:#667eea;font-size:14px}.anlist-meta-text{color:#718096;font-size:13px}.anlist-announcement-source{align-items:center;display:flex;gap:8px}.anlist-source-label{align-items:center;color:#718096;display:flex;font-size:13px;gap:6px}.anlist-source-label svg{color:#667eea;font-size:12px}.anlist-source-name{color:#2d3748;font-size:14px;font-weight:600}.anlist-announcement-actions{align-items:center;background:#f8fafc;border-top:1px solid #e8ecf5;display:flex;justify-content:space-between;padding:15px 25px}.anlist-btn-view{align-items:center;background:#667eea1a;border:2px solid #667eea33;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.anlist-btn-view:hover{background:#667eea;border-color:#667eea;color:#fff}.anlist-announcement-id{background:#fff;border:1px solid #e8ecf5;border-radius:6px;color:#9ca3af;font-family:Courier New,monospace;font-size:11px;padding:4px 8px}.anlist-footer-note{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:16px;padding:25px;text-align:center}.anlist-footer-note p{align-items:center;color:#4a5568;display:flex;font-size:15px;gap:10px;justify-content:center;margin:0 0 15px}.anlist-footer-note p:last-child{margin-bottom:0}.anlist-footer-icon{color:#667eea;font-size:16px}.anlist-last-updated{color:#718096!important;font-size:14px!important}@media (max-width:1024px){.anlist-dashboard-content{padding:20px}.anlist-priority-stats{grid-template-columns:repeat(2,1fr)}.anlist-filter-controls{flex-direction:column}.anlist-filter-group{min-width:100%}}@media (max-width:768px){.anlist-dashboard-container{flex-direction:column}.anlist-dashboard-content{margin-left:0;padding:15px}.anlist-header{flex-direction:column;gap:20px;padding:25px;text-align:center}.anlist-priority-stats{grid-template-columns:1fr}.anlist-announcement-header{align-items:stretch;flex-direction:column;gap:15px}.anlist-announcement-footer{align-items:flex-start;flex-direction:column;gap:15px}.anlist-announcement-meta{flex-direction:column;gap:10px}.anlist-announcement-actions,.anlist-results-info{flex-direction:column;gap:15px;text-align:center}.anlist-footer-note p{flex-direction:column;gap:8px}}@media (max-width:480px){.anlist-announcement-title{align-items:flex-start;flex-direction:column;gap:10px}.anlist-expired-badge,.anlist-new-badge{align-self:flex-start;margin-bottom:10px;position:static}}.alumni-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.alumni-header .header-left h1{color:#333;font-size:24px;margin:0}.alumni-header .header-left p{color:#666;font-size:14px;margin:5px 0 0}.btn-import{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1976d2;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-import:hover{background:#bbdefb;border-color:#90caf9}.tab-pane.active{animation:fadeIn .3s ease}.btn-small{background:#4caf50;border:none;color:#fff;font-size:12px;font-weight:500;transition:background .2s ease}.btn-small:hover{background:#388e3c}.achievement-row{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:15px;padding:15px}.achievement-row:last-child{margin-bottom:0}.btn-remove{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;height:40px;padding:8px;transition:all .2s ease;width:40px}.btn-remove:hover:not(:disabled){background:#ffcdd2}.btn-remove:disabled{cursor:not-allowed;opacity:.5}.import-content{padding:20px}.import-instructions{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;margin-bottom:25px;padding:20px}.import-instructions h4{color:#2e7d32;font-size:16px;margin:0 0 15px}.import-instructions ol{color:#555;font-size:14px;margin:0 0 20px;padding-left:20px}.import-instructions li{margin-bottom:8px}.template-download{align-items:center;display:flex;gap:15px}.btn-download{align-items:center;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s ease}.btn-download:hover{background:#388e3c}.template-download small{color:#666;font-size:12px}.file-upload{margin-bottom:25px}.upload-area{border:2px dashed #4caf50;flex-direction:column;justify-content:center;transition:all .2s ease}.upload-area:hover{background:#e8f5e9;border-color:#388e3c}.upload-icon{color:#4caf50;margin-bottom:15px}.upload-text{text-align:center}.upload-text strong{color:#333;display:block;font-size:16px;margin-bottom:5px}.upload-text small{color:#666;font-size:13px}.file-info{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;gap:10px;margin-top:15px;padding:10px 15px}.file-name{color:#333;font-weight:500}.file-size{color:#666;font-size:12px}.import-preview{margin-bottom:25px}.import-preview h4{color:#333;font-size:16px;margin:0 0 15px}.preview-table-container{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;max-height:300px;overflow-y:auto}.preview-table{border-collapse:collapse;font-size:12px;width:100%}.preview-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:8px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.preview-table td{border-bottom:1px solid #e9ecef;color:#333;padding:8px 12px}.preview-table tr:last-child td{border-bottom:none}.preview-table tr:hover{background:#f8f9fa}.preview-stats{align-items:center;color:#666;display:flex;font-size:13px;justify-content:space-between}.error-count{color:#c62828;font-weight:500}.import-errors{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;margin-bottom:25px;padding:20px}.import-errors h4{color:#c62828;font-size:16px;margin:0 0 15px}.errors-list{max-height:200px;overflow-y:auto}.error-item{background:#fff;border-left:3px solid #c62828;border-radius:4px;color:#721c24;font-size:13px;margin-bottom:8px;padding:8px 12px}.error-item:last-child{margin-bottom:0}.import-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.alumni-details{padding:20px}.alumni-profile{background:#fff;border-radius:8px;overflow:hidden}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:20px;padding:25px}.profile-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;width:80px}.profile-info h3{font-size:24px;margin:0 0 5px}.alumni-id{font-size:14px;margin:0 0 10px;opacity:.9}.profile-status{display:flex;gap:10px}.status-badge.active{background:#4caf5033;color:#4caf50}.status-badge.inactive{background:#f4433633;color:#f44336}.status-badge.verified{background:#2196f333;color:#2196f3}.status-badge.unverified{background:#ff980033;color:#ff9800}.details-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:25px}.details-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.details-section.full-width{grid-column:1/-1}.details-section h4{border-bottom:2px solid #4caf50;color:#333;font-size:16px;margin:0 0 20px;padding-bottom:10px}.detail-item{border-bottom:1px solid #e9ecef;padding-bottom:15px}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:#555;min-width:120px}.detail-value{color:#333;line-height:1.5}.detail-value.status{color:#4caf50;font-weight:500}.achievements-list{grid-gap:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.achievement-item{border:1px solid #e0e0e0;border-left:3px solid #4caf50;border-radius:6px}.achievement-title{color:#333;font-size:14px;font-weight:600;margin-bottom:5px}.achievement-desc{color:#666;font-size:13px;line-height:1.4;margin-bottom:5px}.achievement-year{color:#4caf50;font-size:12px;font-weight:500}.details-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 25px}.social-links{display:flex;gap:10px}.social-link{background:#4caf50;border-radius:4px;color:#fff;font-size:13px;font-weight:500;padding:6px 12px;text-decoration:none;transition:background .2s ease}.social-link:hover{background:#388e3c}.meta-info{align-items:flex-end;color:#666;display:flex;flex-direction:column;font-size:12px;gap:5px}.detail-actions{border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:center;padding:20px}.btn-edit,.btn-toggle,.btn-verify{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 20px;transition:all .2s ease}.btn-edit{background:#e3f2fd;color:#1976d2}.btn-edit:hover{background:#bbdefb}.btn-toggle{background:#e8f5e9;color:#2e7d32}.btn-toggle:hover{background:#c8e6c9}.btn-verify{background:#fff3e0;color:#ef6c00}.btn-verify:hover{background:#ffe0b2}.alumni-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:20px;overflow-x:auto}.alumni-table{border-collapse:collapse;width:100%}.alumni-table thead{background-color:#f8f9fa;border-bottom:2px solid #e9ecef}.alumni-table th{color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.alumni-table td{border-bottom:1px solid #e9ecef;padding:12px 16px;vertical-align:middle}.alumni-table tbody tr:hover{background-color:#f8f9fa}.alumni-table tbody tr:last-child td{border-bottom:none}.alumni-id-cell{align-items:center;display:flex;gap:8px}.alumni-id-cell strong{color:#333;font-size:13px}.verified-badge{color:#4caf50;font-size:12px}.alumni-name-cell{min-width:200px}.alumni-name-cell strong{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.alumni-name-cell small{color:#666;font-size:12px}.contact-cell{min-width:150px}.contact-cell div{color:#333;font-size:13px}.contact-cell div:last-child{color:#666;font-size:12px;margin-top:2px}.class-cell{min-width:100px}.class-cell div{color:#333;font-size:13px;font-weight:500}.class-cell small{color:#666;font-size:11px}.status-cell{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-cell.studying{background-color:#e3f2fd;color:#1976d2}.status-cell.employed{background-color:#e8f5e9;color:#2e7d32}.status-cell.self-employed{background-color:#fff3e0;color:#ef6c00}.status-cell.unemployed{background-color:#fce4ec;color:#c2185b}.status-cell.other{background-color:#f5f5f5;color:#616161}.member-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.member-status.active{background-color:#e8f5e9;color:#2e7d32}.member-status.inactive{background-color:#ffebee;color:#c62828}.btn-icon{border:1px solid #dee2e6;border-radius:4px;height:32px;min-width:32px;transition:all .2s ease}.btn-icon:hover{background:#f8f9fa;border-color:#adb5bd}.btn-danger{background:#fff5f5;border-color:#ff6b6b;color:#ff6b6b}.btn-danger:hover{background:#ff6b6b;color:#fff}@media (max-width:1024px){.achievements-list,.details-grid{grid-template-columns:1fr}}@media (max-width:768px){.alumni-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:space-between;width:100%}.form-tabs{flex-wrap:nowrap;overflow-x:auto}.tab-btn{font-size:13px;padding:10px 15px}.details-grid{padding:15px}.profile-header{flex-direction:column;padding:20px;text-align:center}.profile-status{justify-content:center}.details-footer{flex-direction:column;gap:15px;text-align:center}.social-links{justify-content:center}.meta-info{align-items:center}.detail-actions{flex-direction:column}.alumni-table{font-size:12px}.table-actions{flex-wrap:wrap;justify-content:center}}.form-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:25px;overflow-x:auto}.tab-btn{border-bottom:3px solid #0000;color:#666;transition:all .2s ease}.tab-btn:hover{color:#4caf50}.tab-btn.active{border-bottom-color:#4caf50;color:#4caf50;font-weight:600}.tab-pane{opacity:0;transform:translateY(10px);transition:all .3s ease}.tab-pane.active{opacity:1;transform:translateY(0)}.tab-pane.active .form-section{display:block}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.form-section h4{color:#333;font-size:16px}.form-section h5{color:#555;font-size:14px;font-weight:600;margin:0 0 15px}.section-header{margin-bottom:15px}.event-categories-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.btn-primary:hover{box-shadow:0 8px 25px #667eea66}.btn-primary:disabled{transform:none}.categories-controls{margin-bottom:24px}.search-box{max-width:400px}.stats-container{display:flex;flex-wrap:wrap}.stat-card{min-width:180px;padding:16px}.stat-icon{height:48px;width:48px}.form-container{max-width:500px}.event-categories-form{padding:24px}.color-selector,.icon-selector{align-items:center;display:flex;gap:12px}.selected-color,.selected-icon{align-items:center;display:flex;justify-content:center}.selected-color,.selected-icon{border:2px solid #e0e0e0;border-radius:8px;height:40px;width:40px}.color-select,.icon-select{flex:1 1}.status-toggle{justify-content:space-between}.status-toggle small{color:#7f8c8d;font-size:12px}.event-categories-container{margin-top:24px}.categories-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.categories-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.categories-table th{font-size:14px;padding:16px}.categories-table tbody tr{border-bottom:1px solid #e0e0e0;transition:all .3s ease}.categories-table tbody tr:hover{background:#f8f9fa}.categories-table td{color:#2c3e50;font-size:14px;padding:16px}.category-cell{align-items:center;gap:12px}.category-icon{font-size:18px;height:40px;width:40px}.category-info strong{color:#2c3e50;display:block;margin-bottom:4px}.category-info small{color:#7f8c8d;font-size:12px}.description-cell{line-height:1.5;max-width:300px}.event-count{background:#e3f2fd;border-radius:12px;color:#1565c0;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.table-actions{gap:8px}.btn-icon{padding:8px}.events-header{align-items:center;display:flex;justify-content:space-between}.events-header,.filters-container{margin-bottom:24px}.search-box{margin-bottom:16px}.search-box input{border:2px solid #e0e0e0;padding:12px 16px 12px 40px}.filter-row{gap:16px}.filter-group select{border:2px solid #e0e0e0;min-width:150px;padding:8px 12px}.btn-export{margin-left:auto}.btn-export:hover:not(:disabled){box-shadow:0 8px 25px #10b98166}.btn-export:disabled{transform:none}.stats-container{grid-gap:16px;gap:16px}.stat-card{gap:16px}.stat-icon{font-size:28px;height:56px;width:56px}.stat-info p{margin:4px 0 0}.form-container{max-width:800px}.form-header{border-bottom:1px solid #e0e0e0;padding:24px}.close-btn{color:#7f8c8d;height:32px;padding:0;width:32px}.close-btn:hover{background:#f5f5f5;color:#333}.events-form{padding:24px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;padding:12px 16px}.image-upload-container{margin-top:8px}.image-input{display:none}.upload-area{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#f0f2ff;border-color:#667eea}.upload-icon{color:#667eea;font-size:48px;margin-bottom:12px}.upload-area p{color:#2c3e50;font-weight:500;margin:0 0 8px}.upload-area small{color:#7f8c8d;font-size:12px}.image-preview{margin:0 auto;max-width:300px;position:relative}.image-preview img{border-radius:8px;box-shadow:0 4px 15px #0000001a;height:auto}.remove-image{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:24px}.remove-image:hover{background:#d32f2f;transform:scale(1.1)}.status-toggle,.status-toggle label{align-items:center;display:flex;gap:8px}.status-toggle label{cursor:pointer;margin:0}.status-toggle input[type=checkbox]{margin:0;width:auto}.toggle-label{color:#2c3e50;font-size:14px;font-weight:600}.form-actions{border-top:1px solid #e0e0e0;gap:12px;padding-top:16px}.btn-save{padding:12px 24px}.btn-save:hover:not(:disabled){box-shadow:0 8px 25px #667eea66}.btn-cancel{background:#f5f5f5;border:2px solid #e0e0e0;color:#666;padding:12px 24px}.btn-cancel:hover{background:#e0e0e0}.events-container{margin-top:24px}.empty-state,.loading{color:#7f8c8d}.empty-icon{margin-bottom:16px}.empty-state h3{margin:0 0 8px}.events-grid{grid-gap:24px;gap:24px}.event-card{border:1px solid #e0e0e0;box-shadow:0 4px 20px #0000001a}.event-card:hover{box-shadow:0 8px 30px #00000026}.event-card-header{padding:16px}.event-category{gap:8px}.category-icon{border-radius:8px;color:#fff;font-size:16px;height:32px;width:32px}.category-name{color:#2c3e50}.event-actions{display:flex;gap:4px}.btn-icon{background:none;border:none;font-size:14px;justify-content:center;padding:6px}.btn-icon:hover{background:#f5f5f5}.btn-icon.btn-danger:hover{background:#f8d7da;color:#721c24}.event-poster{width:100%}.event-title{font-weight:700}.event-description{color:#666;margin:0 0 20px}.event-details{display:flex;flex-direction:column;gap:12px}.detail-icon{color:#667eea;flex-shrink:0;margin-top:2px}.detail-content strong{color:#7f8c8d;font-size:12px;margin-bottom:2px}.detail-content span{font-size:14px}.event-card-footer{border-top:1px solid #e0e0e0;padding:16px 20px}.event-status{flex:1 1}.status-badge{transition:all .3s ease}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.completed{background:#cce5ff;color:#004085}.status-badge:hover{opacity:.8;transform:scale(1.05)}.event-participants{flex-shrink:0}.participants-count{color:#7f8c8d;font-size:12px;gap:4px}.message-alert{animation:slideDown .3s ease;padding:12px 16px}.message-alert.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}@media (max-width:768px){.events-header{align-items:flex-start;flex-direction:column;gap:16px}.filter-row{align-items:stretch;flex-direction:column}.filter-group{align-items:flex-start;flex-direction:column}.filter-group select{width:100%}.btn-export{justify-content:center;margin-left:0}.events-grid,.form-row{grid-template-columns:1fr}.event-card-footer{align-items:stretch;flex-direction:column;gap:12px}.event-participants,.event-status{text-align:center}}@media print{.event-actions,.events-header,.filters-container,.form-overlay,.stats-container{display:none!important}.events-grid{display:block}.event-card{break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}}.events-list-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.events-list-header{align-items:center;border-bottom:2px solid #f0f0f0}.header-left p{color:#718096}.header-stats{gap:20px}.stat-item{border-radius:8px;color:#4a5568;font-size:14px;padding:10px 20px}.stat-item strong{color:#4299e1;display:block;font-size:24px;margin-bottom:5px}.search-input{padding:12px 20px 12px 45px}.search-input:focus{border-color:#4299e1}.filter-select{color:#2d3748;padding:10px}.filter-select:focus{border-color:#4299e1}.error-message{background:#fed7d7;color:#c53030}.events-grid{margin-top:20px}.event-card{box-shadow:0 4px 12px #0000001a;transition:transform .3s,box-shadow .3s}.event-card:hover{box-shadow:0 8px 20px #00000026}.event-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:15px 20px}.category-tag{background:#fff3;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px}.status-active{background:#c6f6d5;color:#22543d}.status-completed{background:#fed7e2;color:#702459}.status-inactive{background:#e2e8f0;color:#4a5568}.event-poster{height:180px}.event-poster img{transition:transform .3s}.event-card-body{padding:20px}.event-title{color:#2d3748;font-size:18px;margin:0 0 12px}.event-description{color:#718096;line-height:1.5;margin-bottom:20px}.event-details{background:#f7fafc;padding:15px}.detail-row{margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:500}.detail-value{font-weight:600;max-width:60%;text-align:right;word-break:break-word}.event-card-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;padding:15px 20px}.participants-count{color:#718096}.empty-state p{margin:0}@media (max-width:768px){.events-list-header{align-items:flex-start;flex-direction:column;gap:20px}.header-stats{justify-content:space-between;width:100%}.stat-item{flex:1 1;text-align:center}.events-grid{grid-template-columns:1fr}.filter-controls{flex-direction:column;gap:15px}}@media (max-width:480px){.events-list-container{padding:15px}.header-stats{flex-direction:column;gap:10px}.event-card{margin:0 10px}}.dashboard-content{background-color:#f5f7fa;padding:30px}.events-list-header{align-items:flex-start;border-bottom:1px solid #e1e5eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-left p{color:#7b8a8b;font-size:16px;margin:8px 0 0}.header-stats{display:flex;gap:15px}.stat-item{background:#fff;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d;min-width:120px;padding:15px 20px;transition:transform .3s,box-shadow .3s}.stat-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-number{color:#3498db;font-size:24px;margin-bottom:5px}.stat-label{color:#7b8a8b;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.filters-section{border:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d;padding:25px}.search-box{margin-bottom:25px}.search-input{background-color:#f8f9fa;border:2px solid #e1e5eb;padding:14px 20px 14px 50px;transition:all .3s}.search-input:focus{background-color:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-icon{font-size:18px;left:18px}.filter-group{min-width:200px}.filter-select{border:2px solid #e1e5eb;color:#2c3e50;padding:12px 15px;transition:all .3s;width:100%}.filter-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.filter-select:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 2px 8px #ee5a5233;color:#fff;font-weight:500;margin-bottom:25px;padding:16px 20px}.loading-container{box-shadow:0 2px 10px #0000000d;padding:80px 20px;text-align:center}.loading-spinner{border:4px solid #f3f4f6;margin:0 auto 20px}.loading-container p{color:#7b8a8b;margin-top:10px}.events-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:10px}.event-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.event-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.event-card-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:18px 20px}.event-category{gap:10px}.category-icon,.event-category{align-items:center;display:flex}.category-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50%;font-size:20px;height:36px;justify-content:center;width:36px}.category-name{color:#fff;font-size:14px;font-weight:600}.status-badge{box-shadow:0 2px 5px #0000001a;padding:6px 15px}.status-active{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.status-completed{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.status-inactive{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.event-poster{background:#f8f9fa;height:200px;overflow:hidden}.event-poster img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.event-card:hover .event-poster img{transform:scale(1.05)}.event-card-body{flex:1 1;padding:25px}.event-title{color:#2c3e50;font-size:20px;font-weight:600;line-height:1.4;margin:0 0 15px}.event-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#7b8a8b;display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:25px;overflow:hidden}.event-details{background:#f8f9fa;border-radius:8px;padding:20px}.detail-item{align-items:flex-start;gap:12px;margin-bottom:15px}.detail-item:last-child{margin-bottom:0}.detail-icon{color:#3498db;font-size:16px;min-width:24px;text-align:center}.detail-content{flex:1 1}.detail-content strong{color:#7b8a8b;display:block;font-size:13px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-content span{color:#2c3e50;display:block;font-size:15px;font-weight:500}.event-card-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:18px 25px}.event-info{color:#95a5a6;font-size:13px}.event-date-info{align-items:center;display:flex;gap:5px}.participants-count{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 5px #0000000d;color:#3498db;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 15px}.empty-state{border:2px dashed #e1e5eb;box-shadow:0 2px 10px #0000000d;grid-column:1/-1;padding:80px 20px}.empty-icon{color:#bdc3c7;margin-bottom:25px}.empty-state h3{font-size:24px;font-weight:600;margin:0 0 15px}.empty-state p{margin:0 auto}@media (max-width:1200px){.dashboard-content{margin-left:0;padding:20px}.header-stats{flex-wrap:wrap}.stat-item{min-width:calc(50% - 10px)}}@media (max-width:768px){.dashboard-content{padding:15px}.events-list-header{flex-direction:column;gap:20px}.header-stats{width:100%}.stat-item{flex:1 1;min-width:calc(50% - 10px)}.filter-controls{flex-direction:column;gap:15px}.events-grid{gap:20px;grid-template-columns:1fr}}@media (max-width:480px){.stat-item{min-width:100%}.event-card{margin:0}.event-card-footer{align-items:flex-start;flex-direction:column;gap:15px}.participants-count{align-self:flex-end}}.dashboard-container{background-color:#f5f7fa;margin-left:280px;margin-top:70px}.dashboard-content{margin-left:250px;padding:25px}.admission-header{align-items:flex-start;border-bottom:1px solid #e1e5eb;padding-bottom:20px}.admission-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.admission-header p{color:#7b8a8b;font-size:16px;margin:8px 0 0}.btn-primary{font-size:16px;font-weight:600;transition:all .3s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 15px #667eea66}.message-alert{font-weight:500;padding:15px 20px}.message-alert.success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.message-alert.error{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.message-alert.warning{background:linear-gradient(135deg,#f39c12,#d35400);color:#fff}.filterss-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px;padding:20px}.search-box input{border:2px solid #e1e5eb;font-size:16px;transition:all .3s}.search-icon{color:#95a5a6}.filter-group select{border:2px solid #e1e5eb;color:#2c3e50;padding:10px 12px;transition:all .3s}.filter-group select:disabled{background-color:#f8f9fa}.btn-export{background:linear-gradient(135deg,#10b981,#059669);font-weight:600;transition:all .3s}.btn-export:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.stat-card{box-shadow:0 2px 8px #0000000d}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2 20%)}.stat-info p{color:#7b8a8b}.form-header{border-bottom:1px solid #e1e5eb;padding:20px 25px}.form-header h3{color:#2c3e50}.close-btn{color:#95a5a6;height:30px;transition:color .3s;width:30px}.close-btn:hover{background:#f8f9fa;color:#e74c3c}.admission-form{padding:25px}.form-section{border-bottom:1px solid #e1e5eb}.form-section:last-child{margin-bottom:0}.section-subtitle{color:#7b8a8b;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e5eb}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8f9fa}.checkbox-label{color:#2c3e50;font-weight:500}.document-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.document-item{gap:10px}.document-item label{color:#2c3e50;font-weight:600}.document-item input[type=file]{background:#f8f9fa;border:2px dashed #e1e5eb;padding:10px}.document-preview img{border:2px solid #e1e5eb;border-radius:8px;height:100px;width:100px}.additional-docs{background:#f8f9fa}.doc-name-input input{border:2px solid #e1e5eb;border-radius:6px}.doc-file-input input[type=file]{background:#fff;border:2px dashed #e1e5eb;border-radius:6px;flex:1 1;padding:8px}.doc-preview-small img{border-radius:4px;height:40px;width:40px}.btn-remove-doc{background:#e74c3c;font-size:20px;transition:all .3s}.btn-remove-doc:hover{background:#c0392b;transform:scale(1.1)}.btn-add-doc{background:#3498db;transition:all .3s}.btn-add-doc:hover{background:#2980b9}.form-actions{border-top:1px solid #e1e5eb;padding-top:25px}.btn-save{font-size:16px}.btn-cancel:hover:not(:disabled){background:#7f8c8d;transform:translateY(-2px)}.admissions-container{border-radius:10px;box-shadow:0 2px 10px #0000000d}.empty-state,.loading{color:#7b8a8b;padding:60px 20px;text-align:center}.empty-state .empty-icon{color:#bdc3c7;font-size:48px}.empty-state p{color:#7b8a8b;margin:0 0 20px}.admissions-table thead{color:#fff}.admissions-table th{border:none;font-size:14px;padding:15px 12px}.admissions-table tbody tr{border-bottom:1px solid #e1e5eb;transition:background-color .3s}.admissions-table tbody tr:hover{background-color:#f8f9fa}.admissions-table td{color:#2c3e50;padding:15px 12px;vertical-align:middle}.student-dob{color:#7b8a8b}.status-admitted{background:#c7d2fe;color:#312e81}.payment-partial{background:#fde68a}.amount-paid{color:#2c3e50;font-weight:600}.amount-total{color:#7b8a8b}.facility-badge{background:#f3f4f6;color:#6b7280}.facility-badge.hostel{background:#fef3c7;color:#92400e}.facility-badge.transport{background:#dbeafe;color:#1e40af}.action-buttons button{border-radius:6px;transition:all .3s}.btn-view:hover{background:#bfdbfe}.btn-delete:hover,.btn-edit:hover,.btn-view:hover{transform:scale(1.1)}.action-buttons button:disabled{opacity:.6;transform:none!important}@media (max-width:1200px){.dashboard-content{margin-left:0;padding:20px}.filter-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.admission-header{flex-direction:column;gap:15px}.filter-grid{grid-template-columns:1fr}.stats-container{grid-template-columns:repeat(2,1fr)}.form-container{max-height:85vh}.additional-doc-item{gap:10px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}.admissions-table{font-size:14px}.action-buttons{flex-direction:column}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.admissions-table td,.admissions-table th{font-size:12px;padding:10px 8px}}.admissions-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:20px;overflow-x:auto}.admissions-table{min-width:1200px}.admissions-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.admissions-table thead th{border:none;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.admissions-table thead th:first-child{border-top-left-radius:10px}.admissions-table thead th:last-child{border-top-right-radius:10px}.admissions-table tbody tr{border-bottom:1px solid #eef2f7;transition:all .3s ease}.admissions-table tbody tr:hover{background-color:#f8fafc;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.admissions-table tbody td{color:#4a5568;font-size:14px;padding:16px;vertical-align:middle}.student-name{color:#2d3748;font-size:15px;font-weight:600}.student-dob{background:#f7fafc;border-radius:12px;color:#718096;display:inline-block;font-size:12px;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.status-pending{border:1px solid #ffeaa7}.status-approved{border:1px solid #c3e6cb}.status-rejected{border:1px solid #f5c6cb}.status-waiting_list{background:#cce5ff;border:1px solid #b8daff;color:#004085}.status-admitted{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.payment-badge{font-size:12px;min-width:80px;text-align:center}.payment-pending{border:1px solid #ffeaa7}.payment-partial{background:#fff3cd;border:1px dashed #ffeaa7;color:#856404}.payment-paid{border:1px solid #c3e6cb}.payment-overdue{border:1px solid #f5c6cb}.amount-info{align-items:baseline;gap:5px}.amount-paid{color:#2d3748;font-size:14px;font-weight:700}.amount-total{font-size:12px}.facility-badge{background:#f8f9fa;border:1px solid #e9ecef;color:#495057;font-weight:600;min-width:60px;padding:6px 12px;text-align:center}.facility-badge.hostel{background:#e7f5ff;border:1px solid #a5d8ff;color:#1864ab}.facility-badge.transport{background:#fff3bf;border:1px solid #ffd43b;color:#e67700}.action-buttons button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-view{background:#e3f2fd;color:#1976d2}.btn-view:hover:not(:disabled){background:#bbdefb;transform:scale(1.1)}.btn-edit{background:#e8f5e9;color:#2e7d32}.btn-edit:hover:not(:disabled){background:#c8e6c9;transform:scale(1.1)}.btn-delete{background:#ffebee;color:#c62828}.btn-delete:hover:not(:disabled){background:#ffcdd2;transform:scale(1.1)}.action-buttons button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1200px){.admissions-table-container{border-radius:8px}.admissions-table{min-width:1000px}.admissions-table tbody td,.admissions-table thead th{font-size:13px;padding:12px}.payment-badge,.status-badge{font-size:11px;min-width:85px;padding:5px 10px}}.empty-icon{font-size:64px}.empty-state p{font-size:16px;margin-bottom:25px}.loading{border-radius:10px}.form-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.form-container{animation:slideIn .3s ease;border-radius:15px;width:90%}.form-header{z-index:10}.form-header h3{font-size:22px;font-weight:600}.close-btn{transition:all .2s ease}.form-section{border:1px solid #e2e8f0}.form-row:last-child{margin-bottom:0}.form-group input,.form-group select,.form-group textarea{transition:all .2s ease}.form-group input[type=checkbox]{margin-right:10px;width:auto}.checkbox-group label{margin-bottom:0}.checkbox-label{margin-left:8px}.document-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.document-item{background:#fff;border:2px dashed #e2e8f0;border-radius:8px;padding:20px;transition:all .2s ease}.document-item:hover{border-color:#667eea}.document-item label{display:block;font-size:14px;margin-bottom:10px}.document-preview{margin-top:10px;max-width:200px}.document-preview img{border-radius:6px;height:auto}.additional-docs{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.section-subtitle{font-size:15px;font-weight:600;margin-bottom:15px}.additional-doc-item{border-radius:6px;display:flex}.additional-doc-item:last-child{margin-bottom:0}.doc-name-input{flex:1 1}.doc-file-input{align-items:center;display:flex;flex:2 1;gap:10px}.doc-preview-small{height:40px;width:40px}.btn-remove-doc{background:#fed7d7;color:#c53030;transition:all .2s ease}.btn-remove-doc:hover:not(:disabled){background:#fc8181}.btn-add-doc{background:#e6fffa;border:2px dashed #38b2ac;border-radius:8px;color:#234e52;margin-top:10px;padding:12px 20px;transition:all .2s ease;width:100%}.btn-add-doc:hover:not(:disabled){background:#b2f5ea}.form-actions{padding:25px 0 10px}.btn-save{font-size:15px;min-width:180px;padding:14px 30px;transition:all .2s ease}.btn-save:hover:not(:disabled){box-shadow:0 4px 15px #667eea66}.btn-cancel{font-size:15px;min-width:120px;padding:14px 30px;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#cbd5e0}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none!important}@media (max-width:768px){.form-container{max-height:95vh;width:95%}.admission-form{padding:20px}.form-header{padding:15px 20px}.form-section{padding:20px}.form-row{gap:15px}.document-grid,.form-row{grid-template-columns:1fr}.additional-doc-item{align-items:stretch}.additional-doc-item,.form-actions{flex-direction:column;gap:10px}.btn-cancel,.btn-save{width:100%}}.admission-form::-webkit-scrollbar{width:8px}.admission-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.admission-form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.admission-form::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.admissions-container{padding:20px}.adi-loading{padding:40px}.adi-loading-spinner{height:40px;margin:0 auto 15px;width:40px}.adi-empty-state{background:#f8f9fa;border-radius:8px;padding:60px 20px}.adi-empty-icon{margin-bottom:15px}.adi-table-info-bar{margin-bottom:15px;padding:12px 0}.adi-filter-info{font-size:14px}.adi-table-container{background:#fff;border:1px solid #dee2e6;border-radius:8px}.adi-table{min-width:1200px}.adi-table th{padding:12px 10px}.adi-table td{padding:10px}.adi-th-father{min-width:140px;width:140px}.adi-th-class,.adi-th-payment{min-width:100px;width:100px}.adi-th-amount{min-width:140px;width:140px}.adi-th-hostel,.adi-th-transport{min-width:80px;width:80px}.adi-th-date{min-width:140px;width:140px}.adi-th-actions{min-width:120px;width:120px}.adi-payment-badge,.adi-status-badge{font-weight:500;padding:4px 8px}.adi-facility-badge{padding:4px 8px}.adi-action-buttons{gap:6px}.adi-btn-delete,.adi-btn-edit,.adi-btn-view{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-width:36px;padding:6px 10px;transition:all .2s}.adi-btn-edit{background-color:#fff3cd}.adi-btn-view:hover{background-color:#d0ebff}.adi-btn-edit:hover{background-color:#ffe69c}.adi-btn-delete:hover{background-color:#f5c6cb}.adi-btn-delete:disabled,.adi-btn-edit:disabled,.adi-btn-view:disabled{cursor:not-allowed;opacity:.5}.adi-amount-paid{font-weight:600}.adi-balance-due{margin-top:2px}.adi-admission-date{font-weight:500}.adi-days-ago{font-size:11px}.adi-table-pagination{gap:15px}.adi-btn-primary{background-color:#007bff;border-radius:4px;font-weight:500;padding:10px 20px;transition:background-color .2s}.adi-btn-primary:hover:not(:disabled){background-color:#0056b3}.adi-btn-primary:disabled{opacity:.5}.dashboard-content{overflow-x:hidden}.admission-header{border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:25px}.header-left h1{font-weight:600}.btn-primary{padding:12px 24px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.message-alert{margin-bottom:20px}.filters-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:25px;padding:20px}.search-box input{border:2px solid #e0e6ed;border-radius:8px;font-size:14px;padding:12px 20px 12px 45px;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-grid{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group label{font-size:13px;font-weight:500}.filter-group select{background:#fff;border:2px solid #e0e6ed;border-radius:6px;cursor:pointer;font-size:14px;padding:10px;transition:all .3s ease}.filter-group select:focus{border-color:#667eea;outline:none}.filter-group select:disabled{cursor:not-allowed;opacity:.6}.filter-actions{align-items:flex-end;justify-content:flex-end}.btn-export{align-items:center;background:#10b981;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-export:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-export:disabled{opacity:.6}.stat-info p{font-size:13px}.form-overlay{animation:fadeIn .3s ease}.form-container{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.wide-form{max-width:1400px}.form-header{padding:20px 30px}.form-header h3{font-size:20px;font-weight:500}.close-btn{font-size:28px;transition:background .3s ease}.admission-form{max-height:calc(90vh - 80px);overflow-y:auto;padding:30px}.form-section h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.section-subtitle{color:#4a5568;font-size:14px;font-weight:500;margin:15px 0 10px;padding-left:5px}.form-group label span.required{color:#e53e3e}.form-group input,.form-group select,.form-group textarea{padding:12px}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f7fafc;opacity:.7}.form-group input.error,.form-group select.error{border-color:#e53e3e}.form-group input.error:focus,.form-group select.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-message{font-size:12px}.form-help-text{color:#718096;font-size:12px;margin-top:4px}.fees-breakdown{border:1px solid #e0e6ed;border-radius:8px;margin-top:20px;padding:15px}.fees-header h5{color:#2c3e50;font-size:15px;font-weight:500;margin:0}.btn-toggle-fees{background:#667eea;border-radius:4px;font-size:12px;padding:6px 12px;transition:background .3s ease}.btn-toggle-fees:hover{background:#5a67d8}.fees-table{font-size:13px}.fees-table th{background:#edf2f7;border-bottom:2px solid #e0e6ed;padding:10px}.fees-table td{border-bottom:1px solid #e0e6ed;padding:10px}.fees-table tfoot{background:#f7fafc;font-weight:600}.balance-display{background:#f8fafc;border:1px solid #e0e6ed;border-radius:8px;margin-top:20px;padding:15px}.balance-item{align-items:center;border-bottom:1px solid #e0e6ed;display:flex;justify-content:space-between;padding:8px 0}.balance-item:last-child{border-bottom:none}.balance-item.total{color:#2c3e50;font-size:16px}.document-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:25px}.document-item{display:flex;flex-direction:column;gap:8px}.document-item label{color:#4a5568;font-size:13px;font-weight:500}.document-item input[type=file]{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:6px;cursor:pointer;padding:8px;transition:all .3s ease}.document-item input[type=file]:hover{background:#edf2f7;border-color:#667eea}.document-preview{border:2px solid #e0e6ed;border-radius:8px;height:150px;overflow:hidden;width:100%}.document-preview img{height:100%;object-fit:cover;width:100%}.additional-docs{margin-top:20px}.additional-doc-item{grid-gap:15px;align-items:center;background:#f8fafc;border:1px solid #e0e6ed;border-radius:8px;display:grid;gap:15px;grid-template-columns:1fr 2fr auto;margin-bottom:15px;padding:15px}.doc-name-input input{border:1px solid #cbd5e0;border-radius:4px;font-size:14px;padding:10px;width:100%}.doc-file-input{position:relative}.doc-preview-small{border:1px solid #cbd5e0;border-radius:4px;height:50px;margin-top:8px;overflow:hidden;width:50px}.doc-preview-small img{height:100%;object-fit:cover;width:100%}.btn-remove-doc{align-items:center;background:#e53e3e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;transition:background .3s ease;width:30px}.btn-remove-doc:hover:not(:disabled){background:#c53030}.btn-add-doc{align-items:center;background:#38a169;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-add-doc:hover:not(:disabled){background:#2f855a;transform:translateY(-1px)}.btn-add-doc:disabled{cursor:not-allowed;opacity:.6}.admissions-container{border-radius:12px;box-shadow:0 2px 10px #00000014}.empty-state,.loading-container{padding:60px 20px}.loading-spinner{border:3px solid #e0e6ed}.empty-state h3{font-size:18px}.empty-state p{text-align:center}.table-info-bar{align-items:center;background:#f8fafc;border-bottom:1px solid #e0e6ed;display:flex;justify-content:space-between;padding:15px 25px}.table-stats{display:flex;flex-direction:column;gap:5px}.total-count{color:#4a5568;font-size:14px}.filter-info{color:#718096;font-size:12px}.btn-export-sm{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-export-sm:hover:not(:disabled){background:#059669}.btn-export-sm:disabled{cursor:not-allowed;opacity:.6}.table-container{max-height:500px;overflow-y:auto}.data-table{border-collapse:collapse;min-width:1000px;width:100%}.data-table th{background:#edf2f7;border-bottom:2px solid #e0e6ed;color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.data-table td{border-bottom:1px solid #e0e6ed;font-size:14px;padding:15px;vertical-align:middle}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:#f7fafc}.student-info{display:flex;flex-direction:column;gap:4px}.student-name{color:#2c3e50;font-weight:500}.student-father{color:#718096;font-size:12px}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-waiting_list{background:#d1ecf1;color:#0c5460}.status-admitted{background:#cce5ff;color:#004085}.payment-badge{font-weight:600;padding:4px 12px}.payment-pending{background:#fff3cd;color:#856404}.payment-partial{background:#d1ecf1;color:#0c5460}.payment-paid{background:#d4edda;color:#155724}.payment-overdue{background:#f8d7da;color:#721c24}.amount-info{display:flex;flex-direction:column;gap:2px}.amount-total{color:#718096;font-size:11px}.facility-badge{background:#f7fafc;border-radius:20px;color:#4a5568;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.facility-badge.hostel{background:#e6fffa;color:#065666}.facility-badge.transport{background:#ebf8ff;color:#2b6cb0}.btn-view{background:#e6fffa;color:#065666}.btn-view:hover{background:#b2f5ea}.btn-edit{background:#ebf8ff}.btn-edit:hover{background:#bee3f8}.table-pagination{background:#f8fafc;border-top:1px solid #e0e6ed;gap:20px;justify-content:center;padding:20px}.pagination-btn{border:1px solid #cbd5e0;color:#4a5568;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#edf2f7;border-color:#a0aec0}.pagination-info{color:#4a5568}@media (max-width:768px){.dashboard-content{padding:15px}.admission-header{flex-direction:column;gap:15px;padding:15px;text-align:center}.header-left h1{font-size:20px}.filter-grid{grid-template-columns:1fr}.stats-container{grid-template-columns:repeat(2,1fr)}.form-container{max-height:95vh}.admission-form{max-height:calc(95vh - 80px);padding:20px}.additional-doc-item,.form-row{grid-template-columns:1fr}.additional-doc-item{gap:10px}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}.table-info-bar{flex-direction:column;gap:10px;text-align:center}.action-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.form-overlay{padding:10px}.form-header{padding:15px}.form-header h3{font-size:18px}.document-grid{grid-template-columns:1fr}.table-pagination{flex-direction:column;gap:10px}}.admission-form::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:8px}.admission-form::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.admission-form::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.admission-form::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media print{.dashboard-container{flex-direction:column}.admission-header,.btn-action,.btn-export,.btn-export-sm,.btn-primary,.filters-container,.form-overlay,.stats-container{display:none!important}.admissions-container{border:1px solid #ddd;box-shadow:none}.table-container{max-height:none;overflow:visible}.data-table td,.data-table th{border:1px solid #ddd!important}}.payment-student-info,.payment-summary{border-radius:8px;margin-bottom:20px}.payment-method-section{margin-bottom:20px}.offline-payment-details{background:#f8f9fa;padding:20px}.offline-payment-details,.payment-amount-section{border-radius:8px;margin-bottom:20px}.amount-input .currency{margin-right:10px}.amount-input input{border:2px solid #3498db;border-radius:8px}.btn-amount-option{border-radius:4px;padding:8px 15px}.payment-actions{margin-top:20px}.success-icon{font-size:60px}.success-icon:after{content:"✅"}.receipt-preview{border:1px solid #e0e0e0;border-radius:8px;margin:20px 0}.receipt-preview h4{border-bottom:2px solid #3498db;color:#2c3e50;margin-top:0;padding-bottom:10px}.receipt-details{grid-gap:10px;display:grid;gap:10px}.receipt-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:5px 0}.receipt-row:last-child{border-bottom:none}.receipt-row code{background:#f8f9fa;border-radius:4px;font-family:monospace;padding:2px 6px}.success-actions{margin-top:20px}.btn-done,.btn-print{border-radius:6px;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-print{background:#f39c12;border:none}.btn-done{background:#3498db;border:none;color:#fff}.btn-done:hover,.btn-print:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.btn-action.btn-pay:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px)}@media (max-width:768px){.payment-modal{max-width:95%}.info-grid,.summary-grid{grid-template-columns:1fr}.summary-item.total{grid-column:span 1}.amount-input input{font-size:22px}}.form-overlay{background-color:#000000b3;padding:20px}.payment-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;color:#fff;padding:20px}.form-header h3{color:#fff}.close-btn{background:#fff3}.close-btn:hover{background:#ffffff4d}.btn-action.btn-pay{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin:2px;padding:8px 12px;transition:all .3s ease}.btn-action.btn-pay:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.btn-action.btn-pay:disabled{cursor:not-allowed;opacity:.5}.action-buttons{gap:5px;justify-content:center}.btn-action{font-size:16px;height:36px;transition:all .3s ease;width:36px}.btn-view{background:#3498db}.btn-view:hover{background:#2980b9;transform:translateY(-2px)}.btn-edit{background:#f39c12}.btn-edit:hover{background:#e67e22;transform:translateY(-2px)}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover{background:#c0392b;transform:translateY(-2px)}.payment-student-info{background:#f8f9fa;border-radius:10px;margin:20px;padding:20px}.payment-student-info h4{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:15px;margin-top:0;padding-bottom:10px}.info-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr)}.info-item span:first-child{color:#7f8c8d;font-size:12px;margin-bottom:5px}.payment-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin:0 20px;padding:20px}.payment-summary h4{border-bottom:1px solid #ffffff4d;color:#fff;margin-bottom:15px;margin-top:0;padding-bottom:10px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-item.total{border-top:1px solid #ffffff4d;font-size:1.2em;font-weight:700;grid-column:span 2;margin-top:5px;padding-top:10px}.payment-method-section{padding:20px}.payment-method-section h4{color:#2c3e50;margin-bottom:15px;margin-top:0}.payment-methods{grid-gap:10px;display:grid;gap:10px}.payment-method{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:15px}.payment-method:hover{background:#f0f7ff;border-color:#3498db;transform:translateY(-2px)}.payment-method.active{background:#e3f2fd;border-color:#3498db;box-shadow:0 4px 12px #3498db33}.method-icon{align-items:center;background:#3498db1a;border-radius:8px;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.payment-method.active .method-icon{background:#3498db33}.method-info{flex:1 1}.method-info h5{color:#2c3e50;margin:0 0 5px}.method-info p{color:#7f8c8d;font-size:12px;margin:0}.method-check{color:#27ae60;font-size:20px;font-weight:700;opacity:0;transition:opacity .3s ease}.payment-method.active .method-check{opacity:1}.payment-amount-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin:0 20px 20px;padding:20px}.payment-amount-section h4{color:#2c3e50;margin-bottom:15px;margin-top:0}.amount-input{align-items:center;background:#fff;border:2px solid #3498db;border-radius:8px;display:flex;margin-bottom:15px;padding:5px}.amount-input .currency{color:#2c3e50;font-size:24px;font-weight:700;margin:0 10px}.amount-input input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-size:28px;font-weight:700;padding:10px;text-align:center}.amount-input input:focus{outline:none}.max-amount{color:#7f8c8d;font-size:12px;margin-left:10px;white-space:nowrap}.amount-options{display:flex;gap:10px}.btn-amount-option{background:#e3f2fd;border:1px solid #3498db;border-radius:6px;color:#2980b9;cursor:pointer;flex:1 1;font-size:14px;padding:10px;transition:all .3s ease}.btn-amount-option:hover{background:#3498db;color:#fff;transform:translateY(-2px)}.payment-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;gap:15px;padding:20px}.btn-submit-payment{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:15px;transition:all .3s ease}.btn-submit-payment:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 5px 15px #27ae6066;transform:translateY(-2px)}.btn-submit-payment:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#e0e0e0;color:#7f8c8d;font-size:16px;padding:15px 25px}.btn-cancel:hover{background:#d0d0d0;transform:translateY(-2px)}.payment-success-screen{padding:30px;text-align:center}.success-icon{animation:successBounce .5s ease-out;color:#27ae60;font-size:80px}@keyframes successBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.payment-success-screen h3{color:#27ae60;font-size:24px;margin-bottom:10px}.payment-success-screen p{color:#7f8c8d;font-size:16px;margin-bottom:30px}@media (max-width:768px){.payment-modal{max-width:95%}.info-grid,.summary-grid{grid-template-columns:1fr}.summary-item.total{grid-column:span 1}.payment-actions{flex-direction:column}.amount-input input{font-size:22px}.amount-options{flex-direction:column}}@media (max-width:480px){.payment-method{flex-direction:column;padding:15px 10px;text-align:center}.method-icon{margin-bottom:10px;margin-right:0}.action-buttons{flex-wrap:wrap}.btn-action{font-size:14px;height:32px;width:32px}}.fees-breakdown{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:20px 0;padding:20px;transition:all .3s ease}.fees-breakdown:hover{box-shadow:0 4px 6px #0000000d}.fees-header{border-bottom:2px solid #e2e8f0;margin-bottom:15px;padding-bottom:10px}.fees-title{align-items:center;display:flex;gap:10px}.fees-title h5{color:#2d3748;font-size:16px;margin:0}.fees-count{background:#edf2f7;border-radius:12px;color:#4a5568;font-size:12px;font-weight:500;padding:2px 8px}.btn-toggle-fees{align-items:center;background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-toggle-fees:hover:not(:disabled){background:#3182ce}.btn-toggle-fees:disabled{cursor:not-allowed;opacity:.6}.btn-toggle-fees .icon{font-size:10px}.fees-summary{grid-gap:20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-bottom:20px;padding:15px}.summary-item span:first-child{color:#718096;font-size:13px;font-weight:500}.total-amount{color:#2d3748}.breakdown-tags{display:flex;flex-wrap:wrap;gap:6px}.fee-tag{border-radius:15px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.fee-tag.oneTime{background:#c6f6d5;color:#22543d}.fee-tag.monthly{background:#bee3f8;color:#1a365d}.fee-tag.quarterly{background:#fed7d7;color:#742a2a}.fee-tag.yearly{background:#e9d8fd;color:#44337a}.fees-details{animation:fadeIn .3s ease}.fees-section{margin-bottom:25px}.fees-section h6{color:#4a5568;font-size:14px;font-weight:600;margin:0 0 12px}.fees-table{border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 1px 3px #0000001a}.fees-table th{background:#f7fafc;font-size:12px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.fees-table td{border-bottom:1px solid #edf2f7;color:#2d3748;font-size:14px;padding:14px 16px}.fees-table tr:last-child td{border-bottom:none}.fees-table.inactive{background:#f8f9fa;opacity:.7}.fee-type{align-items:center;display:flex;gap:8px}.fee-badge{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.fee-badge.one-time{background:#c6f6d5;color:#22543d}.fee-badge.inactive{background:#fed7d7;color:#742a2a}.fee-amount{color:#2d3748;font-weight:600}.frequency-badge{background:#edf2f7;border-radius:15px;color:#4a5568;font-size:11px;font-weight:600;padding:4px 10px}.frequency-badge.one-time{background:#c6f6d5;color:#22543d}.frequency-badge.monthly{background:#bee3f8;color:#1a365d}.frequency-badge.quarterly{background:#fed7d7;color:#742a2a}.frequency-badge.yearly{background:#e9d8fd;color:#44337a}.status-badge{border-radius:15px}.due-date{align-items:center;display:flex;gap:6px}.overdue-indicator{color:#e53e3e;font-size:11px;font-weight:600}.fee-totals{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:25px;padding:20px}.total-row{align-items:center;background:#f0fff4;border:1px solid #c6f6d5;border-radius:6px;margin-bottom:20px;padding:15px}.total-row span{color:#22543d;font-weight:600}.total-row strong{color:#22543d;font-size:18px}.frequency-totals{margin-bottom:20px}.frequency-totals h6{color:#4a5568;font-size:14px;margin:0 0 12px}.frequency-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.frequency-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:10px}.frequency-item span:first-child{color:#718096}.frequency-item span:last-child{color:#2d3748;font-weight:600}.fee-notes{background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;padding:15px}.note-item{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px}.note-item:last-child{margin-bottom:0}.note-icon{flex-shrink:0;font-size:14px}.note-item span:last-child{color:#2c5282;font-size:13px;line-height:1.4}.no-fees-warning{align-items:flex-start;animation:fadeIn .3s ease;background:#fffaf0;border:1px solid #fed7d7;border-radius:8px;display:flex;gap:15px;margin:20px 0;padding:20px}.warning-icon{color:#dd6b20;font-size:24px}.warning-content{flex:1 1}.warning-content h6{color:#c05621;font-size:15px;margin:0 0 8px}.warning-content p{color:#744210;font-size:13px;margin:0 0 12px}.btn-add-fees{background:#ed8936;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-add-fees:hover{background:#dd6b20}@media (max-width:768px){.fees-summary{gap:15px}.fees-summary,.frequency-grid{grid-template-columns:1fr}.fees-table{display:block;overflow-x:auto}.fees-table td,.fees-table th{min-width:100px;white-space:nowrap}}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin:20px 0;overflow:hidden}.table-container{width:100%}.admissions-table{border-collapse:collapse;min-width:1500px;width:100%}.admissions-table th{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #4c51bf;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.admissions-table th:first-child{border-top-left-radius:0}.admissions-table th:last-child{border-top-right-radius:0}.admissions-table td{background:#fff;border-bottom:1px solid #f1f5f9;font-size:14px;padding:14px 12px;transition:background .2s ease;vertical-align:top}.admissions-table tr:hover td{background:#f8fafc}.admissions-table tr:last-child td{border-bottom:none}.serial-no{background:#f8fafc;color:#64748b;font-weight:500;text-align:center}.admission-no{font-family:SF Mono,Monaco,monospace}.admission-id{color:#1e40af;font-size:13px;font-weight:600}.student-id{color:#94a3b8;display:block;font-size:11px}.name-cell{align-items:center;display:flex;gap:8px}.gender-indicator{font-size:12px}.student-first-name{color:#0f172a;font-weight:600}.student-last-name{color:#334155}.dob-cell{display:flex;flex-direction:column;gap:4px}.dob-date{color:#0f172a;font-weight:500}.dob-age{background:#f1f5f9;border-radius:10px;color:#64748b;display:inline-block;font-size:11px;padding:2px 6px}.parent-cell{display:flex;flex-direction:column;gap:4px}.parent-name{color:#1e293b;font-weight:600}.mother-name{background:#f8fafc;border-radius:10px;color:#64748b;display:inline-block;font-size:11px;padding:2px 6px}.contact-cell{display:flex;flex-direction:column;gap:4px}.phone-number{color:#0f172a;font-weight:500}.email{color:#64748b;font-size:11px;word-break:break-all}.class-cell{display:flex;flex-direction:column;gap:4px}.class-grade{background:#eff6ff;border-radius:6px;color:#1e40af;display:inline-block;font-weight:600;padding:4px 8px}.class-medium{color:#64748b;font-size:11px}.date-cell{display:flex;flex-direction:column;gap:4px}.date-display{color:#0f172a}.date-days{background:#f1f5f9;border-radius:10px;color:#64748b;display:inline-block;font-size:11px;padding:2px 6px}.status-cell{text-align:center}.status-badge{font-size:11px;font-weight:700}.status-pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.status-approved{background:#d1fae5;border:1px solid #10b981;color:#065f46}.status-rejected{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-waiting_list{background:#e0e7ff;border:1px solid #6366f1;color:#3730a3}.status-admitted{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.payment-info{align-items:center;display:flex;flex-direction:column;gap:4px}.payment-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.payment-pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.payment-partial{background:#fef3c7;border:1px dashed #fbbf24;color:#92400e}.payment-paid{background:#d1fae5;border:1px solid #10b981;color:#065f46}.payment-overdue{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.payment-mode{background:#f1f5f9;border-radius:10px;color:#64748b;font-size:10px;padding:2px 6px}.amount-cell{min-width:150px}.amount-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:8px}.amount-row{align-items:center;display:flex;justify-content:space-between}.amount-label{color:#64748b;font-size:12px;font-weight:500}.amount-value{color:#0f172a;font-size:12px;font-weight:600}.amount-value.paid{color:#10b981}.amount-value.balance-due{color:#ef4444;font-weight:700}.amount-value.balance-zero{color:#10b981;font-weight:700}.facility-cell{text-align:center}.facility-icons{gap:8px}.facility-badge,.facility-icons{display:flex;justify-content:center}.facility-badge{align-items:center;border-radius:8px;cursor:default;font-size:16px;height:32px;width:32px}.facility-badge.active{background:#d1fae5;border:1px solid #10b981;color:#065f46}.facility-badge.inactive{background:#f1f5f9;border:1px solid #e2e8f0;color:#94a3b8}.facility-badge.hostel.active:hover,.facility-badge.transport.active:hover{background:#a7f3d0}.actions-cell{min-width:180px}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;min-width:70px;padding:6px 12px;transition:all .2s ease}.btn-action:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-action:disabled{cursor:not-allowed;opacity:.5}.btn-view{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.btn-view:hover:not(:disabled){background:#bfdbfe}.btn-pay{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.btn-pay:hover:not(:disabled){background:#a7f3d0}.btn-edit{border:1px solid #fde68a}.btn-edit:hover:not(:disabled){background:#fde68a}.btn-delete{border:1px solid #fca5a5}.btn-delete:hover:not(:disabled){background:#fca5a5}.action-icon{font-size:14px}.action-text{font-size:11px;letter-spacing:.3px;text-transform:uppercase}.table-pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.pagination-controls{gap:16px}.pagination-btn{background:#f1f5f9;border:1px solid #e2e8f0;font-weight:500;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e2e8f0;color:#475569}.page-numbers{align-items:center;flex-direction:column;gap:4px}.page-info{color:#1e293b;font-weight:600}.page-stats{color:#64748b;font-size:12px}.pagination-options{align-items:center;display:flex;gap:8px}.rows-per-page{color:#64748b;font-size:13px}.rows-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-size:13px;padding:6px 12px}.rows-select:hover{border-color:#94a3b8}.table-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:20px;padding:20px}.summary-stats{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr)}.summary-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;gap:8px;padding:16px}.summary-label{font-size:13px;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.summary-value{color:#fff;font-size:24px}.summary-value.balance-due{color:#fef3c7}@media (max-width:1400px){.table-container{overflow-x:auto}.admissions-table{min-width:1200px}.summary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.table-pagination{align-items:stretch;flex-direction:column;gap:16px}.pagination-controls{gap:12px}.action-buttons,.pagination-controls{flex-direction:column}.btn-action{width:100%}.summary-stats{grid-template-columns:1fr}}.adi-container{background:#f8f9fa;border-radius:12px;padding:20px}.adi-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px}.adi-spinner{animation:adi-spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}.adi-empty{background:#fff;border:2px dashed #dee2e6;border-radius:12px;padding:60px;text-align:center}.adi-empty-icon{font-size:48px;opacity:.5}.adi-empty h3{color:#6c757d;margin-bottom:10px}.adi-empty p{color:#adb5bd;margin-bottom:20px}.adi-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.adi-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.adi-btn-primary:disabled{cursor:not-allowed;opacity:.6}.adi-info-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.adi-stats{display:flex;flex-direction:column;gap:8px}.adi-count{color:#495057;font-size:14px}.adi-count strong{color:#212529}.adi-filter-info{font-size:12px}.adi-actions{display:flex;gap:12px}.adi-export,.adi-refresh{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.adi-export:hover:not(:disabled),.adi-refresh:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.adi-export:disabled,.adi-refresh:disabled{cursor:not-allowed;opacity:.5}.adi-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;overflow:hidden}.adi-table-container{width:100%}.adi-table thead{background:linear-gradient(135deg,#4361ee,#3a0ca3)}.adi-table th{border-bottom:2px solid #7209b7;color:#fff;font-size:13px;letter-spacing:.5px;padding:16px 12px;text-transform:uppercase}.adi-table td{border-bottom:1px solid #f1f3f5;padding:14px 12px;vertical-align:top}.adi-row:hover td{background:#f8f9fa}.adi-col-sno{width:60px}.adi-col-admno{width:140px}.adi-col-fname,.adi-col-lname{width:130px}.adi-col-dob{width:120px}.adi-col-father{width:160px}.adi-col-mobile{width:130px}.adi-col-class{width:110px}.adi-col-date{width:120px}.adi-col-status{width:110px}.adi-col-payment{width:120px}.adi-col-amount{width:160px}.adi-col-hostel{width:80px}.adi-col-transport{width:90px}.adi-col-actions{width:200px}.adi-admno{color:#4361ee;font-size:13px;font-weight:600}.adi-id{color:#adb5bd;display:block;font-size:11px;margin-top:4px}.adi-name{align-items:center;display:flex;gap:8px}.adi-gender{font-size:12px}.adi-dob{display:flex;flex-direction:column;gap:4px}.adi-dob-date{color:#212529;font-weight:500}.adi-age{background:#f1f3f5;border-radius:10px;color:#6c757d;display:inline-block;font-size:11px;padding:2px 8px}.adi-parent{display:flex;flex-direction:column;gap:6px}.adi-father-name{color:#212529;font-weight:600}.adi-mother-name{background:#f8f9fa;border-radius:10px;color:#6c757d;display:inline-block;font-size:11px;padding:3px 8px}.adi-contact{display:flex;flex-direction:column;gap:4px}.adi-phone{color:#212529;font-weight:500}.adi-email{color:#6c757d;font-size:11px;word-break:break-word}.adi-class{display:flex;flex-direction:column;gap:6px}.adi-class-name{background:#f0f4ff;border-radius:6px;color:#4361ee;display:inline-block;font-weight:600;padding:4px 10px}.adi-medium{color:#6c757d;font-size:11px}.adi-date{display:flex;flex-direction:column;gap:6px}.adi-adm-date{color:#212529;font-weight:500}.adi-days{background:#f1f3f5;border-radius:10px;color:#6c757d;padding:2px 8px}.adi-days,.adi-status{display:inline-block;font-size:11px}.adi-status{border-radius:20px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.adi-status-pending{background:#fff3cd;border:1px solid #ffeaa7}.adi-status-approved{background:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.adi-status-rejected{background:#f8d7da;border:1px solid #f5c2c7;color:#842029}.adi-status-waiting_list{background:#cff4fc;border:1px solid #b6effb;color:#055160}.adi-status-admitted{background:#d1ecf1;border:1px solid #bee5eb}.adi-payment{align-items:center;display:flex;flex-direction:column;gap:6px}.adi-pay-status{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.adi-pay-pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.adi-pay-partial{background:#fff3cd;border:2px dashed #ffc107;color:#856404}.adi-pay-paid{background:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.adi-pay-overdue{background:#f8d7da;border:1px solid #f5c2c7;color:#842029}.adi-pay-mode{background:#f8f9fa;border-radius:10px;color:#6c757d;font-size:11px;padding:2px 8px}.adi-amount{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:10px}.adi-amount-row{align-items:center;display:flex;justify-content:space-between}.adi-amount-label{color:#6c757d;font-size:12px;font-weight:500}.adi-amount-value{color:#212529;font-size:12px;font-weight:600}.adi-amount-value.adi-paid{color:#198754}.adi-amount-value.adi-balance-due{color:#dc3545;font-weight:700}.adi-amount-value.adi-balance-zero{color:#198754;font-weight:700}.adi-facility{text-align:center}.adi-facility-icon{align-items:center;border-radius:8px;display:inline-flex;font-size:16px;height:32px;justify-content:center;width:32px}.adi-hostel{background:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.adi-no-hostel{background:#f8f9fa;border:1px solid #dee2e6;color:#adb5bd}.adi-transport{background:#cff4fc;border:1px solid #b6effb;color:#055160}.adi-no-transport{background:#f8f9fa;border:1px solid #dee2e6;color:#adb5bd}.adi-action-btns{display:flex;flex-wrap:wrap;gap:8px}.adi-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;min-width:70px;padding:6px 12px;transition:all .2s ease}.adi-btn:hover:not(:disabled):not(.adi-btn-disabled){box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.adi-btn-disabled,.adi-btn:disabled{cursor:not-allowed;opacity:.5}.adi-btn-view{background:#cff4fc;border:1px solid #b6effb;color:#055160}.adi-btn-view:hover:not(:disabled){background:#b6effb}.adi-btn-pay{background:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.adi-btn-pay:hover:not(:disabled):not(.adi-btn-disabled){background:#badbcc}.adi-btn-edit{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.adi-btn-edit:hover:not(:disabled){background:#ffeaa7}.adi-btn-delete{background:#f8d7da;border:1px solid #f5c2c7;color:#842029}.adi-btn-delete:hover:not(:disabled){background:#f5c2c7}.adi-btn-icon{font-size:14px}.adi-btn-text{font-size:11px;letter-spacing:.3px;text-transform:uppercase}.adi-pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.adi-pagination-controls{align-items:center;display:flex;gap:20px}.adi-pagination-btn{background:#f8f9fa;border-radius:6px;transition:all .2s ease}.adi-pagination-btn:hover:not(:disabled){background:#e9ecef}.adi-page-info{align-items:center;display:flex;flex-direction:column;gap:4px}.adi-page-num{color:#212529;font-weight:600}.adi-page-stats{color:#6c757d;font-size:12px}.adi-rows-selector{align-items:center;display:flex;gap:8px}.adi-rows-label{color:#495057;font-size:13px}.adi-rows-select{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#212529;cursor:pointer;font-size:13px;padding:6px 12px}.adi-rows-select:hover{border-color:#adb5bd}.adi-summary{background:linear-gradient(135deg,#4361ee,#3a0ca3);border-radius:12px;box-shadow:0 4px 12px #4361ee33;color:#fff;padding:24px}.adi-summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.adi-summary-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.adi-summary-label{font-size:13px;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.adi-summary-value{font-size:24px;font-weight:700}.adi-summary-value.adi-balance-due{color:#fc0}@media (max-width:1200px){.adi-table-container{overflow-x:auto}.adi-summary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.adi-info-bar{align-items:stretch;flex-direction:column;gap:16px}.adi-actions{justify-content:center}.adi-pagination{flex-direction:column;gap:16px}.adi-pagination-controls{flex-direction:column;gap:12px}.adi-action-btns{flex-direction:column}.adi-btn{width:100%}.adi-summary-stats{grid-template-columns:1fr}}.adm-form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.adm-form-container{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:95vh;max-width:1200px;overflow-y:auto;width:100%}.adm-wide-form{max-width:1400px}.adm-form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e8ecf5;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.adm-form-header h3{align-items:center;display:flex;font-size:24px;font-weight:600;gap:12px;margin:0}.adm-form-icon{font-size:24px}.adm-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.adm-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.adm-admission-form{padding:30px}.adm-form-section{border-bottom:2px solid #f0f2f5;margin-bottom:40px;padding-bottom:30px}.adm-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.adm-section-title{align-items:center;border-bottom:3px solid #667eea;color:#2d3748;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 25px;padding-bottom:12px}.adm-section-icon{color:#667eea;font-size:20px}.adm-section-subtitle{align-items:center;color:#4a5568;display:flex;font-size:16px;font-weight:600;gap:8px;margin:20px 0 15px}.adm-subtitle-icon{color:#667eea;font-size:16px}.adm-form-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.adm-form-group{display:flex;flex-direction:column;gap:8px}.adm-form-group label{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px}.adm-label-icon{color:#667eea;flex-shrink:0;font-size:14px}.adm-form-group input,.adm-form-group select,.adm-form-group textarea{background:#fff;border:2px solid #e8ecf5;border-radius:8px;color:#2d3748;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.adm-form-group input:focus,.adm-form-group select:focus,.adm-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.adm-form-group input:disabled,.adm-form-group select:disabled{background:#f8fafc;cursor:not-allowed}.adm-form-group input[type=date]{min-height:46px}.adm-form-group input[type=number]{padding-right:12px}.adm-error{border-color:#f44336!important}.adm-error-message{align-items:center;color:#f44336;display:flex;font-size:12px;gap:6px;margin-top:4px}.adm-form-help-text{color:#718096;display:block;font-size:12px;margin-top:4px}.adm-checkbox-group{margin-top:10px}.adm-checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 0;-webkit-user-select:none;user-select:none}.adm-checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.adm-checkbox-label{align-items:center;color:#2d3748;display:flex;font-weight:600;gap:8px}.adm-checkbox-icon{color:#667eea;font-size:16px}.adm-fees-breakdown{background:#f8fafc;border:2px solid #e8ecf5;border-radius:12px;margin-top:25px;padding:25px}.adm-fees-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.adm-fees-title{align-items:center;display:flex;gap:12px}.adm-fees-title h5{align-items:center;color:#2d3748;display:flex;font-size:18px;gap:8px;margin:0}.adm-fees-icon{color:#667eea;font-size:18px}.adm-fees-count{background:#667eea;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.adm-btn-toggle-fees{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.adm-btn-toggle-fees:hover{background:#667eea;color:#fff}.adm-btn-toggle-fees:disabled{cursor:not-allowed;opacity:.6}.adm-toggle-icon{font-size:12px}.adm-fees-summary{background:#fff;border:1px solid #e8ecf5;border-radius:8px;margin-bottom:20px;padding:20px}.adm-summary-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.adm-summary-item:last-child{margin-bottom:0}.adm-total-amount{color:#667eea;font-size:24px;font-weight:700}.adm-breakdown-tags{display:flex;flex-wrap:wrap;gap:8px}.adm-fee-tag{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.adm-one-time{background:#d1fae5;border:1px solid #10b981;color:#059669}.adm-monthly{background:#dbeafe;border:1px solid #3b82f6;color:#2563eb}.adm-quarterly{background:#fef3c7;border:1px solid #f59e0b;color:#d97706}.adm-yearly{background:#fce7f3;border:1px solid #ec4899;color:#db2777}.adm-fees-details{animation:fadeIn .3s ease}.adm-fees-section{margin-bottom:30px}.adm-fees-section h6{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 15px}.adm-section-status-icon{font-size:16px}.adm-active{color:#10b981}.adm-inactive{color:#6b7280}.adm-fees-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.adm-fees-table th{background:#f8fafc;border-bottom:2px solid #e8ecf5;color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.adm-fees-table td{border-bottom:1px solid #e8ecf5;padding:15px;vertical-align:middle}.adm-fees-table tbody tr:last-child td{border-bottom:none}.adm-fee-row-active:hover{background:#f0f7ff}.adm-fee-row-inactive{opacity:.6}.adm-fee-type{align-items:center;display:flex;gap:8px}.adm-fee-badge{border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.adm-fee-badge.adm-one-time{background:#d1fae5;color:#059669}.adm-fee-badge.adm-inactive{background:#f3f4f6;color:#6b7280}.adm-fee-amount{color:#2d3748;font-weight:600}.adm-frequency-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.adm-frequency-badge.adm-one-time{background:#d1fae5;border:1px solid #10b981;color:#059669}.adm-frequency-badge.adm-monthly{background:#dbeafe;border:1px solid #3b82f6;color:#2563eb}.adm-frequency-badge.adm-quarterly{background:#fef3c7;border:1px solid #f59e0b;color:#d97706}.adm-frequency-badge.adm-yearly{background:#fce7f3;border:1px solid #ec4899;color:#db2777}.adm-status-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.adm-status-badge.adm-active{background:#d1fae5;border:1px solid #10b981;color:#059669}.adm-status-badge.adm-inactive{background:#f3f4f6;border:1px solid #9ca3af;color:#6b7280}.adm-due-date{align-items:center;display:flex;font-size:13px;gap:4px}.adm-overdue-indicator{color:#f44336;font-size:11px;font-weight:600}.adm-fee-totals{background:#fff;border:2px solid #e8ecf5;border-radius:8px;margin-top:30px;padding:25px}.adm-total-row{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;color:#2d3748;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:25px;padding:20px}.adm-total-row strong{color:#667eea;font-size:24px}.adm-frequency-totals{margin-bottom:25px}.adm-frequency-totals h6{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 15px}.adm-calc-icon{color:#667eea;font-size:16px}.adm-frequency-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.adm-frequency-item{align-items:center;background:#f8fafc;border:1px solid #e8ecf5;border-radius:8px;color:#4a5568;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px}.adm-frequency-item span:last-child{color:#2d3748;font-weight:600}.adm-fee-notes{border-top:2px dashed #e8ecf5;padding-top:20px}.adm-note-item{align-items:flex-start;color:#4a5568;display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:12px}.adm-note-item:last-child{margin-bottom:0}.adm-note-icon{color:#667eea;flex-shrink:0;font-size:14px;margin-top:2px}.adm-note-item strong{color:#2d3748}.adm-no-fees-warning{align-items:flex-start;background:#fffbeb;border:2px solid #f59e0b;border-radius:12px;display:flex;gap:20px;margin-top:25px;padding:25px}.adm-warning-icon{align-items:center;background:#f59e0b;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.adm-warning-content{flex:1 1}.adm-warning-content h6{color:#d97706;font-size:18px;margin:0 0 8px}.adm-warning-content p{color:#92400e;font-size:14px;margin:0 0 15px}.adm-btn-add-fees{align-items:center;background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.adm-btn-add-fees:hover{background:#d97706;transform:translateY(-2px)}.adm-balance-display{background:#f8fafc;border:2px solid #e8ecf5;border-radius:12px;margin-top:25px;padding:25px}.adm-balance-item{align-items:center;border-bottom:1px dashed #e8ecf5;color:#4a5568;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.adm-balance-item:last-child{border-bottom:none}.adm-balance-item.adm-total{color:#2d3748;font-size:18px;font-weight:600}.adm-balance-item.adm-total strong{color:#667eea;font-size:22px}.adm-document-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.adm-document-item{display:flex;flex-direction:column;gap:10px}.adm-document-item label{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:10px}.adm-doc-icon{color:#667eea;flex-shrink:0;font-size:16px}.adm-document-item input[type=file]{background:#f8fafc;border:2px dashed #e8ecf5;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;transition:all .3s ease}.adm-document-item input[type=file]:hover{background:#fff;border-color:#667eea}.adm-document-preview{border:2px solid #e8ecf5;border-radius:8px;margin-top:10px;max-width:200px;overflow:hidden}.adm-document-preview img{display:block;height:auto;width:100%}.adm-additional-docs{margin-top:30px}.adm-additional-doc-item{align-items:center;background:#f8fafc;border:2px solid #e8ecf5;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.adm-doc-name-input{flex:1 1;min-width:200px}.adm-doc-file-input{flex:2 1;position:relative}.adm-doc-preview-small{border:2px solid #e8ecf5;border-radius:6px;height:40px;overflow:hidden;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px}.adm-doc-preview-small img{height:100%;object-fit:cover;width:100%}.adm-btn-remove-doc{align-items:center;background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.adm-btn-remove-doc:hover{background:#d32f2f;transform:rotate(90deg)}.adm-btn-add-doc{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:10px;padding:12px 24px;transition:all .3s ease}.adm-btn-add-doc:hover{background:#5a67d8;transform:translateY(-2px)}.adm-btn-add-doc:disabled{cursor:not-allowed;opacity:.6;transform:none}.adm-form-actions{border-top:2px solid #e8ecf5;display:flex;gap:20px;justify-content:flex-end;margin-top:40px;padding-top:25px}.adm-btn-save{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;min-width:200px;padding:14px 32px;transition:all .3s ease}.adm-btn-save:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.adm-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.adm-btn-cancel{align-items:center;background:#e8ecf5;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;min-width:150px;padding:14px 32px;transition:all .3s ease}.adm-btn-cancel:hover{background:#d2dae6;transform:translateY(-2px)}.adm-btn-cancel:disabled{cursor:not-allowed;opacity:.6;transform:none}.adm-btn-icon{font-size:16px}.adm-spinner{animation:spin 1s linear infinite}@media (max-width:1200px){.adm-wide-form{max-width:95%}.adm-document-grid,.adm-form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.adm-form-overlay{padding:10px}.adm-form-container{max-height:90vh}.adm-form-row{gap:20px}.adm-document-grid,.adm-form-row{grid-template-columns:1fr}.adm-additional-doc-item{align-items:stretch;flex-direction:column;gap:15px}.adm-doc-file-input,.adm-doc-name-input{width:100%}.adm-doc-file-input{position:relative}.adm-doc-preview-small{position:absolute;right:10px;top:50%}.adm-form-actions{flex-direction:column;gap:15px}.adm-btn-cancel,.adm-btn-save{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.adm-form-header{flex-direction:column;gap:15px;padding:20px;text-align:center}.adm-form-header h3{flex-direction:column;gap:8px}.adm-admission-form{padding:20px}.adm-section-title{align-items:flex-start;flex-direction:column;gap:8px}.adm-balance-display,.adm-fees-breakdown,.adm-no-fees-warning{padding:20px}.adm-fees-table{display:block;overflow-x:auto}.adm-breakdown-tags{align-items:flex-start;flex-direction:column}.adm-frequency-grid{grid-template-columns:1fr}}.dashboard-container{background-color:#f5f5f5}.admission-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.header-left h1{color:#2c3e50;font-size:24px;margin:0 0 8px}.header-left p{color:#7f8c8d;font-size:14px;margin:0}.adi-message-alert{border-radius:6px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 20px}.adi-alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.adi-alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.adi-alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.adi-filters-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.adi-search-box{margin-bottom:15px;position:relative}.adi-search-box input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px 40px 12px 15px;transition:border-color .3s;width:100%}.adi-search-box input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.adi-search-icon{color:#7f8c8d;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.adi-filter-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.adi-filter-group{display:flex;flex-direction:column}.adi-filter-group label{color:#2c3e50;font-size:13px;font-weight:500;margin-bottom:6px}.adi-filter-group select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .3s}.adi-filter-group select:focus{border-color:#3498db;outline:none}.adi-filter-group select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.adi-filter-actions{align-items:flex-end;display:flex}.adi-btn-reset{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 15px;transition:all .3s;width:100%}.adi-btn-reset:hover:not(:disabled){background:#e9ecef;color:#495057}.adi-btn-reset:disabled{cursor:not-allowed;opacity:.5}.adi-stats-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.adi-stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s}.adi-stat-card:hover{transform:translateY(-2px)}.adi-stat-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.adi-stat-info h3{color:#2c3e50;font-size:24px;margin:0 0 5px}.adi-stat-info p{color:#7f8c8d;font-size:14px;margin:0}.admissions-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.adi-loading{padding:60px 20px;text-align:center}.adi-loading-spinner{animation:adi-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin:0 auto 20px;width:50px}@keyframes adi-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.adi-loading p{color:#7f8c8d;font-size:16px;margin:0}.adi-empty-state{padding:80px 20px;text-align:center}.adi-empty-icon{color:#bdc3c7;font-size:64px;margin-bottom:20px}.adi-empty-state h3{color:#2c3e50;font-size:20px;margin:0 0 10px}.adi-empty-state p{color:#7f8c8d;font-size:14px;margin:0 0 20px}.adi-table-info-bar{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px 20px}.adi-total-count{color:#495057;font-size:14px;font-weight:600}.adi-filter-info{color:#6c757d;font-size:13px}.adi-table-container{overflow-x:auto}.adi-table{border-collapse:collapse;min-width:1400px;width:100%}.adi-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;overflow:hidden;padding:15px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:10}.adi-table td{border-bottom:1px solid #e9ecef;font-size:14px;padding:12px;vertical-align:middle}.adi-table-row:hover{background-color:#f8f9fa}.adi-th-sno{min-width:60px;width:60px}.adi-th-dob,.adi-th-fname,.adi-th-lname{min-width:120px;width:120px}.adi-th-admno{min-width:130px;width:130px}.adi-th-father{min-width:150px;width:150px}.adi-th-mobile{min-width:140px;width:140px}.adi-th-class{min-width:110px;width:110px}.adi-th-status{min-width:120px;width:120px}.adi-th-payment{min-width:110px;width:110px}.adi-th-amount{min-width:150px;width:150px}.adi-th-hostel,.adi-th-transport{min-width:90px;width:90px}.adi-th-date{min-width:150px;width:150px}.adi-th-actions{min-width:130px;width:130px}.adi-td-actions,.adi-td-sno,.adi-th-actions{text-align:center}.adi-admission-number,.adi-class-name,.adi-dob-info,.adi-father-info,.adi-mobile-info,.adi-student-fname,.adi-student-lname,.adi-table td,.adi-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adi-status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;min-width:80px;padding:6px 10px;text-align:center;white-space:nowrap}.adi-status-pending{background-color:#fff3cd;color:#856404}.adi-status-approved{background-color:#d4edda;color:#155724}.adi-status-rejected{background-color:#f8d7da;color:#721c24}.adi-status-waiting_list{background-color:#cce5ff;color:#004085}.adi-status-admitted{background-color:#d1ecf1;color:#0c5460}.adi-payment-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;min-width:80px;padding:6px 10px;text-align:center;white-space:nowrap}.adi-payment-pending{background-color:#fff3cd;color:#856404}.adi-payment-partial{background-color:#cce5ff;color:#004085}.adi-payment-paid{background-color:#d4edda;color:#155724}.adi-payment-overdue{background-color:#f8d7da;color:#721c24}.adi-facility-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;min-width:50px;padding:6px 10px;text-align:center;white-space:nowrap}.adi-facility-badge.adi-hostel{background-color:#e7f5ff;color:#0056b3}.adi-facility-badge.adi-transport{background-color:#e8f5e8;color:#2e7d32}.adi-action-buttons{display:flex;gap:8px;justify-content:center}.adi-btn-delete,.adi-btn-view{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s}.adi-btn-view{background-color:#e7f5ff;color:#0056b3}.adi-btn-delete{background-color:#f8d7da;color:#721c24}.adi-btn-view:hover:not(:disabled){background-color:#d0ebff;transform:translateY(-1px)}.adi-btn-delete:hover:not(:disabled){background-color:#f5c6cb;transform:translateY(-1px)}.adi-btn-delete:disabled,.adi-btn-view:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.adi-amount-info{display:flex;flex-direction:column}.adi-amount-values{align-items:center;display:flex;gap:4px}.adi-amount-paid{color:#28a745;font-size:13px;font-weight:700}.adi-amount-total{color:#6c757d;font-size:12px}.adi-balance-due{color:#dc3545;font-size:11px;font-weight:500;margin-top:4px}.adi-date-info{display:flex;flex-direction:column}.adi-admission-date{font-size:13px;font-weight:600;white-space:nowrap}.adi-days-ago{color:#6c757d;font-size:12px;white-space:nowrap}.adi-btn-export{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.adi-btn-export:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.adi-btn-export:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.adi-table-pagination{align-items:center;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:20px;justify-content:center;padding:20px}.adi-pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.adi-pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.adi-pagination-btn:disabled{background:#e9ecef;cursor:not-allowed;opacity:.5}.adi-pagination-info{color:#6c757d;font-size:14px;font-weight:500}@media (max-width:1200px){.adi-filter-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.adi-filter-grid,.adi-stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-content{padding:15px}.admission-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{width:100%}.adi-btn-export{justify-content:center;width:100%}.adi-filter-grid,.adi-stats-container{grid-template-columns:1fr}}@media (max-width:576px){.adi-table-info-bar{align-items:flex-start;flex-direction:column;gap:10px}.adi-action-buttons{flex-direction:column;gap:5px}.adi-btn-delete,.adi-btn-view{width:100%}}.adi-table-container::-webkit-scrollbar{height:8px}.adi-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.adi-table-container::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}.adi-table-container::-webkit-scrollbar-thumb:hover{background:#95a5a6}.adi-table-row{animation:fadeIn .3s ease-out}.bank-details-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:30px}.bank-details-header{border-bottom:1px solid #e0e6ed;margin-bottom:30px;padding-bottom:20px}.bank-details-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.bank-details-header p{color:#718096;font-size:14px;margin:10px 0 0}.message-alert{animation:slideIn .3s ease;border-radius:8px;font-size:14px;margin-bottom:25px;padding:12px 20px}.message-alert.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-alert.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message-alert.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.loading-container .spinner{border:3px solid #e0e6ed;border-top-color:#667eea;height:50px;width:50px}.loading-container p{color:#718096;font-size:14px}.form-section{border-bottom:1px solid #e0e6ed;padding-bottom:25px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group label{font-size:13px}.form-group input{border:2px solid #e0e6ed;border-radius:8px;font-size:14px;padding:12px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error{border-color:#e53e3e}.error-text{color:#e53e3e}.error-text,.form-help{font-size:12px;margin-top:4px}.form-help{color:#718096}.qr-code-container{align-items:center;background:#f8fafc;border:1px solid #e0e6ed;border-radius:8px;display:flex;flex-direction:column;grid-column:span 2;padding:20px}.qr-code-container h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.qr-code-image{background:#fff;border:1px solid #cbd5e0;border-radius:8px;height:200px;padding:10px;width:200px}.qr-info{color:#718096;font-size:12px;margin:15px 0 0;text-align:center}.gateway-toggle{margin-bottom:20px}.toggle-btn{background:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;font-size:14px;font-weight:500;padding:8px 16px}.toggle-btn:hover{background:#e2e8f0;border-color:#a0aec0}.status-section{display:flex;flex-direction:column;gap:8px}.checkbox-label{gap:10px;-webkit-user-select:none;user-select:none}.form-actions{border-top:1px solid #e0e6ed}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);font-size:14px;transition:all .3s ease}.btn-save:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-save:disabled{opacity:.6}.btn-cancel{background:#a0aec0;font-size:14px;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background:#718096;transform:translateY(-1px)}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.bank-details-container{padding:20px}.form-grid{grid-template-columns:1fr}.qr-code-container{grid-column:span 1}.form-actions{flex-direction:column}.btn-cancel,.btn-save{justify-content:center;width:100%}}@media (max-width:480px){.bank-details-header h2{font-size:20px}.form-section h3{font-size:16px}.qr-code-image{height:150px;width:150px}}.global-payment-container{background:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a;margin:0 auto;max-width:900px;padding:30px}.payment-header{border-bottom:2px solid #f0f2f5;margin-bottom:30px;padding-bottom:20px;text-align:center}.payment-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.payment-header p{color:#666;font-size:16px;font-weight:500;margin:10px 0 0}.payment-form{margin-bottom:30px}.form-section{border:1px solid #e8edf2;margin-bottom:20px}.form-section h3{color:#3498db;font-size:20px;font-weight:600}.form-row{margin-bottom:20px}.form-group label span.required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e6ed;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input[type=number]{color:#2c3e50;font-weight:600}.form-group textarea{font-family:inherit}.btn-create-payment{background:linear-gradient(135deg,#3498db,#2c3e50);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-top:20px;padding:14px 30px;transition:all .3s ease;width:100%}.btn-create-payment:hover:not(:disabled){box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.btn-create-payment:disabled{cursor:not-allowed;opacity:.6}.payment-instructions{background:linear-gradient(135deg,#f8fafc,#eef2f7);border:1px solid #e0e6ed;border-radius:12px;margin-top:30px;padding:25px}.payment-instructions h3{color:#2c3e50;font-size:22px;font-weight:700;margin:0 0 20px}.instructions-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr;margin-bottom:25px}@media (max-width:768px){.instructions-content{grid-template-columns:1fr}}.qr-section{background:#fff;border:1px solid #e0e6ed;border-radius:10px;padding:20px;text-align:center}.qr-section h4{color:#2c3e50;font-size:18px;margin:0 0 15px}.qr-image{background:#fff;border:2px dashed #3498db;border-radius:8px;height:200px;padding:10px;width:200px}.text-instructions{background:#fff;border:1px solid #e0e6ed;border-radius:10px;padding:20px}.text-instructions h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.details-grid{grid-gap:15px;border-bottom:1px solid #f0f2f5;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;padding-bottom:15px}.detail-item .label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-item .value,.instructions-text h4{color:#2c3e50;font-size:16px;font-weight:600}.instructions-text h4{margin:0 0 10px}.instructions-text pre{word-wrap:break-word;background:#f8fafc;border:1px solid #e0e6ed;border-radius:8px;color:#2c3e50;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;margin:0;padding:15px;white-space:pre-wrap}.verification-section{background:#fff;border:1px solid #e0e6ed;border-radius:10px;margin-top:20px;padding:25px}.verification-section h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.verification-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.verification-form{grid-template-columns:1fr}}.btn-verify{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;grid-column:span 2;margin-top:10px;padding:12px 25px;transition:all .3s ease}@media (max-width:768px){.btn-verify{grid-column:span 1}}.btn-verify:hover:not(:disabled){box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.btn-verify:disabled{cursor:not-allowed;opacity:.6}.bank-details-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;margin-top:30px;padding:25px}.bank-details-section h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 20px}.bank-details{grid-gap:15px;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.bank-details .detail-item{background:#f8fafc;border-radius:6px;padding:10px}.bank-details .detail-item .label{color:#3498db;font-weight:600}.bank-details .detail-item .value{color:#2c3e50;font-weight:500}.loading-overlay{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{border:3px solid #f3f3f3;margin-bottom:15px}.success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:8px;padding:15px}.error-message,.success-message{font-weight:600;margin-top:20px;text-align:center}.error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.bank-details-section,.payment-instructions{animation:fadeIn .5s ease-out}@media print{.global-payment-container{border:1px solid #ccc;box-shadow:none}.btn-create-payment,.btn-verify,.verification-section{display:none!important}.qr-image{height:150px;width:150px}.bank-details-section{page-break-inside:avoid}}@media (prefers-color-scheme:dark){.global-payment-container{background:#1a1a1a;color:#fff}.form-section{background:#2d2d2d;border-color:#404040}.form-group input,.form-group select,.form-group textarea{background:#2d2d2d;border-color:#404040;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#2d2d2d;border-color:#3498db}.bank-details-section,.payment-instructions,.qr-section,.text-instructions,.verification-section{background:#2d2d2d;border-color:#404040}.bank-details,.instructions-text pre{background:#1a1a1a;border-color:#404040}.bank-details-section h3,.detail-item .value,.form-section h3,.instructions-text pre,.payment-header h2,.payment-header p,.text-instructions h4,.verification-section h4{color:#fff}.detail-item .label,.form-group label{color:#ccc}}@media (max-width:600px){.global-payment-container{margin:10px;padding:20px}.payment-header h2{font-size:24px}.payment-header p{font-size:14px}.form-section{padding:15px}.form-row{gap:15px}.details-grid,.form-row{grid-template-columns:1fr}.qr-image{height:150px;width:150px}.btn-create-payment,.btn-verify{font-size:14px;padding:12px 20px}}@media (prefers-contrast:high){.btn-create-payment,.btn-verify,.form-group input,.form-group select,.form-group textarea,.global-payment-container{border:2px solid #000}}.dashboard-container{background:#f5f7fa;display:flex;min-height:100vh}.dashboard-content{flex:1 1;overflow-y:auto;padding:20px}.dept-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.dept-header-left h1{color:#2c3e50;font-size:28px;margin:0}.dept-header-left p{color:#7f8c8d;margin:5px 0 0}.dept-btn-primary{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.dept-btn-primary:hover{background:#2980b9;transform:translateY(-2px)}.dept-btn-primary:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.dept-message-alert{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px 20px}.dept-message-alert.dept-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.dept-message-alert.dept-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.dept-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.dept-search-box{flex:1 1;max-width:400px;position:relative}.dept-search-input{border:2px solid #e0e6ed;border-radius:8px;font-size:14px;padding:12px 20px 12px 45px;transition:all .3s;width:100%}.dept-search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.dept-search-icon{color:#95a5a6;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.dept-stats-container{display:flex;flex-wrap:wrap;gap:15px}.dept-stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;display:flex;gap:15px;min-width:180px;padding:15px}.dept-stat-icon{background:#f8f9fa;border-radius:10px;font-size:28px;padding:12px}.dept-stat-info h3{color:#2c3e50;font-size:24px;margin:0}.dept-stat-info p{color:#7f8c8d;font-size:12px;margin:5px 0 0}.dept-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dept-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.dept-form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.dept-form-header h3{color:#2c3e50;margin:0}.dept-close-btn{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:24px;transition:color .3s}.dept-close-btn:hover{color:#e74c3c}.dept-form{padding:20px}.dept-form-row{display:flex;gap:20px;margin-bottom:20px}.dept-form-row .dept-form-group{flex:1 1}.dept-form-group{margin-bottom:20px}.dept-form-group label{color:#34495e;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.dept-color-select,.dept-icon-select,.dept-input,.dept-textarea{border:2px solid #e0e6ed;border-radius:8px;font-size:14px;padding:12px;transition:all .3s;width:100%}.dept-color-select:focus,.dept-icon-select:focus,.dept-input:focus,.dept-textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.dept-textarea{min-height:80px;resize:vertical}.dept-code-input{text-transform:uppercase}.dept-color-selector,.dept-icon-selector{align-items:center;display:flex;gap:10px}.dept-selected-icon{align-items:center;background:#f8f9fa;display:flex;font-size:24px;justify-content:center}.dept-selected-color,.dept-selected-icon{border:2px solid #e0e6ed;border-radius:10px;height:50px;width:50px}.dept-status-toggle{display:flex;flex-direction:column;gap:5px}.dept-toggle-label{align-items:center;display:flex;gap:10px;margin-bottom:0}.dept-checkbox{transform:scale(1.2);width:auto}.dept-toggle-text{color:#2c3e50;font-weight:600}.dept-toggle-note{color:#7f8c8d;font-size:12px}.dept-form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px}.dept-btn-save{background:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s}.dept-btn-save:hover{background:#27ae60}.dept-btn-save:disabled{background:#95a5a6;cursor:not-allowed}.dept-btn-cancel{background:#95a5a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s}.dept-btn-cancel:hover{background:#7f8c8d}.dept-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.dept-loading{color:#7f8c8d;padding:40px;text-align:center}.dept-empty-state{padding:60px 20px;text-align:center}.dept-empty-icon{font-size:60px;margin-bottom:20px;opacity:.3}.dept-empty-state h3{color:#2c3e50;margin:0 0 10px}.dept-empty-state p{color:#7f8c8d;margin-bottom:20px}.dept-table-container{overflow-x:auto}.dept-table{border-collapse:collapse;width:100%}.dept-table th{background:#f8f9fa;border-bottom:2px solid #e0e6ed;color:#2c3e50;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.dept-table td{border-bottom:1px solid #eee;padding:15px;vertical-align:middle}.dept-table-row:hover{background:#f8f9fa}.dept-cell-content{align-items:center;display:flex;gap:12px}.dept-icon-badge{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.dept-info{display:flex;flex-direction:column}.dept-name{color:#2c3e50;font-size:14px}.dept-desc{color:#7f8c8d;font-size:12px;margin-top:2px}.dept-code-badge{background:#f8f9fa;border-radius:6px;color:#2c3e50;font-size:12px;font-weight:600;letter-spacing:1px;padding:6px 12px}.dept-head-email{color:#3498db;font-size:12px;margin-top:2px}.dept-not-assigned{color:#95a5a6;font-style:italic}.dept-phone-link{color:#2c3e50;font-weight:500;text-decoration:none}.dept-phone-link:hover{color:#3498db;text-decoration:underline}.dept-no-phone{color:#95a5a6;font-style:italic}.dept-location{color:#7f8c8d;font-size:12px;margin-top:2px}.dept-status-badge{padding:6px 12px}.dept-staff-count{color:#2c3e50;font-size:14px}.dept-table-actions{display:flex;gap:8px}.dept-btn-icon{background:#f8f9fa;border:1px solid #e0e6ed;border-radius:6px;cursor:pointer;font-size:14px;padding:8px;transition:all .3s}.dept-btn-icon:hover{opacity:.8}.dept-btn-edit:hover{background:#3498db;border-color:#3498db;color:#fff}.dept-btn-delete:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.dept-btn-icon:disabled{cursor:not-allowed;opacity:.5}.dept-serial{color:#7f8c8d;font-weight:600}@media (max-width:768px){.dept-header{flex-direction:column;gap:15px;text-align:center}.dept-controls{align-items:stretch;flex-direction:column}.dept-search-box{max-width:100%}.dept-stats-container{justify-content:center}.dept-form-row{flex-direction:column;gap:15px}.dept-table{min-width:800px}}.dept-form-section{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:25px;padding:15px}.dept-form-section h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.dept-select{background:#fff;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;padding:12px;transition:all .3s;width:100%}.dept-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.dept-head-info{display:flex;flex-direction:column;gap:4px}.dept-head-name{color:#2c3e50;font-size:14px;font-weight:600}.dept-head-email,.dept-head-phone{color:#3498db;font-size:12px}.dept-head-email:hover,.dept-head-phone:hover{text-decoration:underline}.dept-contact-info{display:flex;flex-direction:column;gap:4px}.dept-email,.dept-phone{color:#2c3e50;font-size:13px;text-decoration:none}.dept-email:hover,.dept-phone:hover{color:#3498db;text-decoration:underline}.dept-no-contact{color:#95a5a6;font-size:12px;font-style:italic}.dept-location-info{display:flex;flex-direction:column;gap:4px}.dept-floor,.dept-room{background:#f8f9fa;border-radius:4px;color:#7f8c8d;display:inline-block;font-size:12px;margin-right:5px;padding:4px 8px}.dept-no-location{color:#95a5a6;font-size:12px;font-style:italic}.dept-staff-count{padding:6px 12px}@media (max-width:1024px){.dept-table td:nth-child(5),.dept-table td:nth-child(6),.dept-table th:nth-child(5),.dept-table th:nth-child(6){display:none}}@media (max-width:768px){.dept-table td:nth-child(7),.dept-table th:nth-child(7){display:none}.dept-form-section{padding:10px}}.dept-floor-cell,.dept-head-email-cell,.dept-head-phone-cell,.dept-room-cell{max-width:150px;min-width:120px}.dept-head-email-link,.dept-head-phone-link{color:#3498db;display:block;font-size:12px;padding:2px 0;text-decoration:none;word-break:break-all}.dept-head-email-link:hover,.dept-head-phone-link:hover{color:#2980b9;text-decoration:underline}.dept-no-email,.dept-no-phone{color:#adb5bd;font-size:11px;font-style:italic}.dept-room-number{background:#f8f9fa;border-radius:4px;color:#495057;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.dept-floor-badge{border-radius:12px;font-size:11px;padding:4px 8px}.dept-floor-badge,.dept-staff-count{background:#e3f2fd;color:#1565c0;display:inline-block;font-weight:600}.dept-staff-count{border-radius:20px;font-size:13px;min-width:40px;padding:4px 10px;text-align:center}.dept-status-badge{border-radius:20px;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;min-width:80px;padding:4px 12px;text-align:center;transition:all .3s}.dept-status-badge.dept-active{background:#d4edda;color:#155724}.dept-status-badge.dept-inactive{background:#f8d7da;color:#721c24}.dept-status-badge:hover{opacity:.8}@media (max-width:1200px){.dept-table td:nth-child(6),.dept-table td:nth-child(7),.dept-table td:nth-child(8),.dept-table th:nth-child(6),.dept-table th:nth-child(7),.dept-table th:nth-child(8){display:none}}@media (max-width:992px){.dept-table td:nth-child(5),.dept-table th:nth-child(5){display:none}}@media (max-width:768px){.dept-table td:nth-child(4),.dept-table th:nth-child(4){display:none}.dept-stats-container{flex-direction:column}.dept-stat-card{width:100%}}@media (max-width:576px){.dept-table td:nth-child(3),.dept-table th:nth-child(3){display:none}}.canteen-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.canteen-header-left h1{color:#333;font-size:24px;margin:0}.canteen-header-left p{color:#666;font-size:14px;margin:5px 0 0}.canteen-btn-primary{background:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .3s}.canteen-btn-primary:hover:not(:disabled){background:#f57c00}.canteen-btn-primary:disabled{background:#ccc;cursor:not-allowed}.canteen-message-alert{border-radius:5px;font-size:14px;margin-bottom:20px;padding:15px}.canteen-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.canteen-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.canteen-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.canteen-search-box{flex:1 1;max-width:400px;position:relative}.canteen-search-input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:12px 40px 12px 15px;transition:border-color .3s;width:100%}.canteen-search-input:focus{border-color:#ff9800;outline:none}.canteen-search-icon{color:#999;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.canteen-stats-container{display:flex;flex-wrap:wrap;gap:15px}.canteen-stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;gap:15px;min-width:180px;padding:15px}.canteen-stat-icon{align-items:center;background:#fff3e0;border-radius:50%;color:#ff9800;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.canteen-stat-info h3{color:#333;font-size:24px;margin:0}.canteen-stat-info p{color:#666;font-size:14px;margin:5px 0 0}.canteen-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.canteen-loading{color:#666;font-size:16px;padding:40px;text-align:center}.canteen-empty-state{padding:60px 20px;text-align:center}.canteen-empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.canteen-empty-state h3{color:#333;margin:0 0 10px}.canteen-empty-state p{color:#666;margin-bottom:20px}.canteen-table-container{overflow-x:auto}.canteen-table{border-collapse:collapse;width:100%}.canteen-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.canteen-table td{border-bottom:1px solid #dee2e6;padding:15px;vertical-align:middle}.canteen-table-row:hover{background:#f8f9fa}.canteen-serial{color:#666;font-weight:500;width:50px}.canteen-name-cell .canteen-cell-content{align-items:center;display:flex;gap:12px}.canteen-icon-badge{align-items:center;border-radius:8px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.canteen-info{flex:1 1}.canteen-name{color:#333;display:block;font-weight:600;margin-bottom:3px}.canteen-desc{color:#666;display:block;font-size:12px}.canteen-code-badge{background:#e8f5e9;border-radius:4px;color:#4caf50;font-size:12px;font-weight:500;padding:5px 10px}.canteen-location-cell .canteen-location-info{display:flex;flex-direction:column;gap:3px}.canteen-building{color:#333;font-weight:500}.canteen-floor,.canteen-room{color:#666;font-size:12px}.canteen-no-location{color:#999;font-size:12px;font-style:italic}.canteen-manager-cell .canteen-manager-info{display:flex;flex-direction:column;gap:3px}.canteen-manager-name{color:#333;font-weight:500}.canteen-manager-email{color:#666;font-size:12px}.canteen-not-assigned{color:#999;font-size:12px;font-style:italic}.canteen-capacity-cell .canteen-capacity-info{display:flex;flex-direction:column;gap:5px}.canteen-seating,.canteen-staff{color:#666;display:block;font-size:13px}.canteen-hours-cell .canteen-hours-info{display:flex;flex-direction:column;gap:2px}.canteen-hours-label{color:#666;font-size:12px}.canteen-hours-time{color:#333;font-size:13px;font-weight:500}.canteen-status-select{border:1px solid;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s;width:100%}.canteen-status-select:focus{box-shadow:0 0 0 2px #ff980033;outline:none}.canteen-actions-cell .canteen-table-actions{display:flex;gap:8px}.canteen-btn-icon{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px;transition:all .3s}.canteen-btn-edit{border-color:#2196f3;color:#2196f3}.canteen-btn-edit:hover{background:#2196f3;color:#fff}.canteen-btn-delete{border-color:#f44336;color:#f44336}.canteen-btn-delete:hover{background:#f44336;color:#fff}.canteen-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.canteen-form-container{background:#fff;border-radius:10px;box-shadow:0 5px 30px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.canteen-form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.canteen-form-header h3{color:#333;font-size:18px;margin:0}.canteen-close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1}.canteen-form{padding:20px}.canteen-form-section{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:25px}.canteen-form-section h4{color:#333;font-size:16px;margin:0 0 15px}.canteen-form-row{display:flex;gap:20px;margin-bottom:15px}.canteen-form-group{flex:1 1}.canteen-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.canteen-input,.canteen-select,.canteen-textarea{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.canteen-input:focus,.canteen-select:focus,.canteen-textarea:focus{border-color:#ff9800;outline:none}.canteen-textarea{min-height:80px;resize:vertical}.canteen-code-input{text-transform:uppercase}.canteen-features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.canteen-feature-checkbox label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.canteen-feature-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.canteen-feature-label{font-weight:400}.canteen-color-selector,.canteen-icon-selector{align-items:center;display:flex;gap:10px}.canteen-selected-icon{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.canteen-color-select,.canteen-icon-select{flex:1 1}.canteen-selected-color{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0003;height:30px;width:30px}.canteen-form-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.canteen-btn-save{background:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 30px;transition:background .3s}.canteen-btn-save:hover:not(:disabled){background:#f57c00}.canteen-btn-save:disabled{background:#ccc;cursor:not-allowed}.canteen-btn-cancel{background:#f8f9fa;border:1px solid #ddd;border-radius:5px;color:#666;cursor:pointer;font-size:14px;padding:12px 30px;transition:all .3s}.canteen-btn-cancel:hover{background:#e9ecef}@media (max-width:768px){.canteen-header{align-items:flex-start;flex-direction:column;gap:15px}.canteen-controls{align-items:stretch;flex-direction:column}.canteen-search-box{max-width:100%}.canteen-stats-container{justify-content:center}.canteen-form-row{flex-direction:column;gap:15px}.canteen-features-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.canteen-table td,.canteen-table th{font-size:13px;padding:10px 8px}.canteen-stat-card{min-width:140px}}.foodtype-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.foodtype-header-left h1{color:#333;font-size:24px;margin:0}.foodtype-header-left p{color:#666;font-size:14px;margin:5px 0 0}.foodtype-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s}.foodtype-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.foodtype-btn-primary:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.foodtype-message-alert{animation:slideIn .3s ease;border-radius:8px;font-size:14px;margin-bottom:20px;padding:15px}.foodtype-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b1dfbb;color:#155724}.foodtype-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f1b0b7;color:#721c24}.foodtype-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.foodtype-search-box{max-width:400px;position:relative}.foodtype-search-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 40px 12px 15px;transition:all .3s;width:100%}.foodtype-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.foodtype-search-icon{color:#999;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.foodtype-category-filters{display:flex;flex-wrap:wrap;gap:10px}.foodtype-category-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-left-width:4px;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s}.foodtype-category-btn:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.foodtype-category-btn.active{box-shadow:0 4px 10px #00000026;font-weight:600;transform:translateY(-2px)}.foodtype-stats-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.foodtype-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;flex:1 1;gap:15px;min-width:200px;padding:20px;transition:transform .3s}.foodtype-stat-card:hover{transform:translateY(-5px)}.foodtype-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.foodtype-stat-info h3{color:#333;font-size:28px;font-weight:700;margin:0}.foodtype-stat-info p{color:#666;font-size:14px;margin:5px 0 0}.foodtype-category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.foodtype-category-card{background:#fff;border-radius:12px;border-top:4px solid;box-shadow:0 4px 15px #00000014;overflow:hidden;padding:20px;position:relative;transition:all .3s}.foodtype-category-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.foodtype-category-icon{font-size:32px;margin-bottom:15px}.foodtype-category-content h4{color:#333;font-size:18px;margin:0 0 8px}.foodtype-category-count{color:#666;font-size:14px;margin:0 0 8px}.foodtype-category-desc{color:#999;font-size:13px;margin:0}.foodtype-category-view{background:none;border:none;bottom:20px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;position:absolute;right:20px;transition:color .3s}.foodtype-category-view:hover{color:#764ba2}.foodtype-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden}.foodtype-loading{color:#666;font-size:16px;padding:60px;text-align:center}.foodtype-empty-state{padding:80px 20px;text-align:center}.foodtype-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.foodtype-empty-state h3{color:#333;font-size:22px;margin:0 0 15px}.foodtype-empty-state p{color:#666;font-size:15px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:400px}.foodtype-table-container{overflow-x:auto}.foodtype-table{border-collapse:collapse;width:100%}.foodtype-table th{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;padding:18px 15px;text-align:left;white-space:nowrap}.foodtype-table td{border-bottom:1px solid #f0f0f0;padding:18px 15px;vertical-align:middle}.foodtype-table-row:hover{background:#f9f9ff}.foodtype-serial{color:#666;font-weight:500;text-align:center;width:60px}.foodtype-name-cell .foodtype-cell-content{align-items:center;display:flex;gap:15px}.foodtype-icon-badge{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:22px;height:50px;justify-content:center;width:50px}.foodtype-info{flex:1 1}.foodtype-name{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:5px}.foodtype-code{color:#999;display:block;font-size:12px}.foodtype-category-badge{align-items:center;border:2px solid;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.foodtype-desc-cell{color:#666;font-size:14px;line-height:1.4;max-width:300px}.foodtype-order-badge{background:#f0f0f0;border-radius:6px;color:#666;font-weight:600;min-width:40px;padding:6px 12px}.foodtype-order-badge,.foodtype-status-badge{display:inline-block;font-size:13px;text-align:center}.foodtype-status-badge{border-radius:20px;cursor:pointer;font-weight:500;min-width:90px;padding:8px 14px;transition:all .3s}.foodtype-status-badge:hover{transform:scale(1.05)}.foodtype-active{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #b1dfbb;color:#155724}.foodtype-inactive{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #f1b0b7;color:#721c24}.foodtype-actions-cell .foodtype-table-actions{display:flex;gap:8px}.foodtype-btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s;width:36px}.foodtype-btn-edit{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.foodtype-btn-edit:hover{box-shadow:0 4px 10px #2196f34d;transform:translateY(-2px)}.foodtype-btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.foodtype-btn-delete:hover{box-shadow:0 4px 10px #f443364d;transform:translateY(-2px)}.foodtype-form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.foodtype-form-container{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.foodtype-form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #f0f0f0;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px}.foodtype-form-header h3{font-size:20px;margin:0}.foodtype-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:background .3s;width:36px}.foodtype-close-btn:hover{background:#ffffff4d}.foodtype-form{padding:25px}.foodtype-form-row{display:flex;gap:20px;margin-bottom:20px}.foodtype-form-group{flex:1 1}.foodtype-form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.foodtype-input,.foodtype-select,.foodtype-textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s;width:100%}.foodtype-input:focus,.foodtype-select:focus,.foodtype-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.foodtype-textarea{min-height:100px;resize:vertical}.foodtype-form-note{color:#999;display:block;font-size:12px;font-style:italic;margin-top:5px}.foodtype-status-toggle{padding:10px 0}.foodtype-toggle-label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:500;gap:10px}.foodtype-checkbox{cursor:pointer;height:20px;width:20px}.foodtype-toggle-text{font-size:14px}.foodtype-toggle-note{color:#999;display:block;font-size:12px;margin-top:5px}.foodtype-color-selector,.foodtype-icon-selector{align-items:center;display:flex;gap:15px}.foodtype-selected-icon{align-items:center;border:2px solid #e0e0e0;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.foodtype-color-select,.foodtype-icon-select{flex:1 1}.foodtype-selected-color{border:2px solid #fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;flex-shrink:0;height:40px;width:40px}.foodtype-preview{background:#f9f9ff;border:2px dashed #e0e0e0;border-radius:12px;margin:25px 0;padding:20px}.foodtype-preview h4{color:#333;font-size:16px;margin:0 0 15px}.foodtype-preview-card{background:#fff;box-shadow:0 4px 10px #0000000d;gap:15px;padding:15px}.foodtype-preview-card,.foodtype-preview-icon{align-items:center;border-radius:10px;display:flex}.foodtype-preview-icon{flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.foodtype-preview-content{flex:1 1}.foodtype-preview-content h5{color:#333;font-size:16px;margin:0 0 5px}.foodtype-preview-content p{color:#666;font-size:13px;margin:0 0 8px}.foodtype-preview-category{align-items:center;background:#f0f0f0;border-radius:12px;color:#666;display:inline-flex;font-size:12px;gap:5px;padding:4px 10px}.foodtype-form-actions{border-top:1px solid #f0f0f0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.foodtype-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 35px;transition:all .3s}.foodtype-btn-save:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.foodtype-btn-save:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.foodtype-btn-cancel{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:14px 35px;transition:all .3s}.foodtype-btn-cancel:hover{background:#f5f5f5;border-color:#ccc}@media (max-width:768px){.foodtype-header{align-items:flex-start;flex-direction:column;gap:15px}.foodtype-stat-card{min-width:100%}.foodtype-category-grid{grid-template-columns:1fr}.foodtype-form-row{flex-direction:column;gap:15px}.foodtype-table td,.foodtype-table th{font-size:13px;padding:12px 8px}.foodtype-category-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.foodtype-category-btn{white-space:nowrap}}.canteen-categories-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.categories-header-left h1{font-size:28px;font-weight:700;margin:0}.categories-header-left p{font-size:15px;margin:10px 0 0;max-width:600px;opacity:.9}.categories-btn-primary{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #fff3;color:#667eea;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s}.categories-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #ffffff4d;transform:translateY(-3px)}.categories-btn-primary:disabled{background:#ffffff80;cursor:not-allowed}.categories-message-alert{animation:slideDown .3s ease;border-left:5px solid;border-radius:10px;font-size:15px;font-weight:500;margin-bottom:25px;padding:18px 20px}.categories-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left-color:#28a745;color:#155724}.categories-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left-color:#dc3545;color:#721c24}.categories-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px}.categories-search-box{flex:1 1;max-width:400px;position:relative}.categories-search-input{background:#f8f9ff;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;padding:14px 45px 14px 20px;transition:all .3s;width:100%}.categories-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.categories-search-icon{color:#999;font-size:18px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.categories-filters{display:flex;gap:15px}.categories-filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;min-width:160px;padding:12px 20px;transition:all .3s}.categories-filter-select:focus{border-color:#667eea;outline:none}.categories-stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.categories-stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 8px 25px #00000014;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .4s}.categories-stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:5px;left:0;position:absolute;right:0;top:0}.categories-stat-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.categories-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:70px;justify-content:center;width:70px}.categories-stat-info h3{color:#333;font-size:32px;font-weight:800;line-height:1;margin:0}.categories-stat-info p{color:#666;font-size:14px;font-weight:500;margin:8px 0 0}.categories-type-grid{background:#fff;border-radius:15px;box-shadow:0 8px 25px #00000014;margin-bottom:40px;padding:30px}.categories-type-grid h3{color:#333;font-size:22px;font-weight:700;margin:0 0 10px}.categories-type-subtitle{color:#666;font-size:15px;margin-bottom:25px}.categories-type-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.categories-type-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 5px 15px #0000000d;cursor:pointer;display:flex;gap:20px;padding:25px;transition:all .3s}.categories-type-card:hover{border-color:#667eea;box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.categories-type-icon{align-items:center;background:#ffffffe6;border:2px solid;border-radius:12px;display:flex;flex-shrink:0;font-size:36px;height:70px;justify-content:center;width:70px}.categories-type-content{flex:1 1}.categories-type-content h4{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.categories-type-desc{color:#666;font-size:13px;line-height:1.4;margin:0 0 10px}.categories-type-count{color:#999;font-size:12px;font-weight:500}.categories-type-action{opacity:0;transform:translateX(10px);transition:all .3s}.categories-type-card:hover .categories-type-action{opacity:1;transform:translateX(0)}.categories-type-add{background:#667eea;border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:8px 16px}.categories-container{background:#fff;border-radius:15px;box-shadow:0 8px 25px #00000014;overflow:hidden}.categories-loading{background:#f8f9ff;color:#666;font-size:16px;padding:80px;text-align:center}.categories-empty-state{background:#f8f9ff;padding:100px 20px;text-align:center}.categories-empty-icon{font-size:72px;margin-bottom:25px;opacity:.3}.categories-empty-state h3{color:#333;font-size:24px;margin:0 0 15px}.categories-empty-state p{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:400px}.categories-table-container{overflow-x:auto}.categories-table{border-collapse:collapse;min-width:1000px;width:100%}.categories-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:15px;font-weight:600;padding:20px 15px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.categories-table td{border-bottom:1px solid #f0f0f0;padding:20px 15px;vertical-align:middle}.categories-table-row:hover{background:#f8f9ff}.categories-serial{color:#666;font-size:15px;font-weight:600;text-align:center;width:60px}.categories-name-cell .categories-cell-content{align-items:center;display:flex;gap:15px}.categories-icon-badge{align-items:center;border:2px solid;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:55px;justify-content:center;width:55px}.categories-info{flex:1 1;min-width:0}.categories-name{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categories-id{color:#999;display:block;font-size:12px}.categories-type-badge{align-items:center;border:2px solid;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;white-space:nowrap}.categories-desc-cell{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.4;max-width:250px;overflow:hidden}.categories-order-badge{background:#f0f0f0;border:2px solid #e0e0e0;border-radius:8px;color:#666;font-weight:700;min-width:50px;padding:8px 16px}.categories-order-badge,.categories-status-badge{display:inline-block;font-size:14px;text-align:center}.categories-status-badge{border:2px solid;border-radius:25px;cursor:pointer;font-weight:600;min-width:100px;padding:10px 18px;transition:all .3s}.categories-status-badge:hover{box-shadow:0 5px 15px #0000001a;transform:scale(1.05)}.categories-active{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;color:#155724}.categories-inactive{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;color:#721c24}.categories-actions-cell .categories-table-actions{display:flex;gap:10px}.categories-btn-icon{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.categories-btn-edit{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.categories-btn-edit:hover{box-shadow:0 8px 20px #2196f34d;transform:translateY(-3px)}.categories-btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.categories-btn-delete:hover{box-shadow:0 8px 20px #f443364d;transform:translateY(-3px)}.categories-form-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.categories-form-container{animation:modalAppear .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes modalAppear{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.categories-form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:30px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.categories-form-header h3{font-size:22px;font-weight:700;margin:0}.categories-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:1;transition:all .3s;width:40px}.categories-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.categories-form{padding:30px}.categories-form-row{display:flex;gap:25px;margin-bottom:25px}.categories-form-group{flex:1 1}.categories-form-group label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:10px}.categories-input,.categories-select,.categories-textarea{background:#f8f9ff;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;padding:14px 18px;transition:all .3s;width:100%}.categories-input:focus,.categories-select:focus,.categories-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.categories-textarea{line-height:1.5;min-height:100px;resize:vertical}.categories-form-note{color:#999;display:block;font-size:13px;font-style:italic;margin-top:8px}.categories-type-selector{align-items:center;display:flex;gap:15px}.categories-type-preview{align-items:center;background:#f8f9ff;border:2px solid #e0e0e0;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.categories-order-input{position:relative}.categories-order-hint{bottom:-22px;left:0;position:absolute}.categories-status-toggle{padding-top:10px}.categories-toggle-label{align-items:center;cursor:pointer;display:flex;gap:15px;position:relative;width:-webkit-fit-content;width:fit-content}.categories-checkbox{display:none}.categories-toggle-slider{background:#e0e0e0;border-radius:30px;height:30px;position:relative;transition:all .3s;width:60px}.categories-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;content:"";height:26px;left:2px;position:absolute;top:2px;transition:all .3s;width:26px}.categories-checkbox:checked+.categories-toggle-slider{background:#4caf50}.categories-checkbox:checked+.categories-toggle-slider:before{transform:translateX(30px)}.categories-toggle-text{color:#333;font-size:15px;font-weight:600}.categories-toggle-note{color:#999;display:block;font-size:13px;margin-top:10px;max-width:200px}.categories-form-section{background:#f8f9ff;border:2px solid #eef0ff;border-radius:12px;margin:30px 0;padding:25px}.categories-form-section h4{color:#333;font-size:18px;font-weight:700;margin:0 0 20px}.categories-color-selector,.categories-icon-selector{align-items:center;display:flex;gap:15px}.categories-selected-icon{align-items:center;border:3px solid #e0e0e0;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;transition:all .3s;width:60px}.categories-color-select,.categories-icon-select{flex:1 1}.categories-selected-color{border:3px solid #fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;flex-shrink:0;height:50px;width:50px}.categories-preview{background:linear-gradient(135deg,#667eea10,#764ba210);border:2px dashed #667eea;border-radius:15px;margin:40px 0 30px;padding:25px}.categories-preview h4{color:#333;font-size:18px;font-weight:700;margin:0 0 20px;text-align:center}.categories-preview-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;padding:25px}.categories-preview-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.categories-preview-icon{align-items:center;border-radius:15px;display:flex;flex-shrink:0;font-size:32px;height:70px;justify-content:center;width:70px}.categories-preview-title{flex:1 1}.categories-preview-title h5{color:#333;font-size:20px;font-weight:700;margin:0 0 10px}.categories-preview-type{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 15px}.categories-preview-desc{background:#f8f9ff;border-radius:10px;color:#666;font-size:15px;line-height:1.6;margin:0 0 20px;padding:15px}.categories-preview-footer{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:15px}.categories-preview-order{color:#666;font-size:14px;font-weight:600}.categories-preview-status{border-radius:20px;font-size:14px;font-weight:600;padding:8px 20px}.categories-preview-status.active{background:#d4edda;color:#155724}.categories-preview-status.inactive{background:#f8d7da;color:#721c24}.categories-form-actions{border-top:2px solid #f0f0f0;display:flex;gap:20px;justify-content:flex-end;margin-top:40px;padding-top:25px}.categories-btn-save{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;padding:16px 40px;transition:all .3s}.categories-btn-save:hover:not(:disabled){box-shadow:0 12px 30px #667eea66;transform:translateY(-3px)}.categories-btn-save:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.categories-btn-cancel{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s}.categories-btn-cancel:hover{background:#f5f5f5;border-color:#ccc;color:#333}@media (max-width:1024px){.categories-type-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.canteen-categories-header{align-items:flex-start;flex-direction:column;gap:20px;text-align:center}.categories-header-left{text-align:center;width:100%}.categories-controls{align-items:stretch;flex-direction:column}.categories-search-box{max-width:100%}.categories-filters{flex-direction:column}.categories-filter-select{width:100%}.categories-form-row{flex-direction:column;gap:20px}.categories-type-cards{grid-template-columns:1fr}.categories-table td,.categories-table th{font-size:14px;padding:15px 10px}.categories-form-container{max-height:85vh}.categories-form{padding:20px}.categories-form-actions{flex-direction:column}.categories-btn-cancel,.categories-btn-save{justify-content:center;width:100%}}@media (max-width:480px){.categories-stats-container{grid-template-columns:1fr}.categories-stat-card{min-width:100%}.categories-table{min-width:800px}}.food-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px 0;overflow:hidden}.food-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.food-header-left h1{font-size:28px;font-weight:700;margin:0}.food-header-left p{font-size:16px;margin:8px 0 0;opacity:.9}.food-btn-primary{align-items:center;background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.food-btn-primary:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.food-btn-primary:disabled{cursor:not-allowed;opacity:.6}.food-controls{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;padding:20px 32px}.food-search-box{flex:1 1;position:relative}.food-search-input{border:2px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.food-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.food-search-icon{color:#64748b;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.food-filters{display:flex;gap:12px}.food-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:16px;min-width:180px;padding:12px 16px}.food-filter-select:focus{border-color:#667eea;outline:none}.food-stats-container{grid-gap:20px;background:#f8fafc;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 32px}.food-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:16px;padding:20px;transition:transform .3s ease}.food-stat-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-4px)}.food-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:12px;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.food-stat-info h3{color:#1e293b;font-size:24px;font-weight:700;margin:0}.food-stat-info p{color:#64748b;font-size:14px;margin:4px 0 0}.food-table-container{overflow-x:auto}.food-table{border-collapse:collapse;width:100%}.food-table thead{background:#f1f5f9}.food-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:14px;font-weight:600;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.food-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.food-table tbody tr:hover{background-color:#f8fafc}.food-table td{padding:16px;vertical-align:middle}.food-name-cell{min-width:250px}.food-cell-content{align-items:center;display:flex;gap:12px}.food-info{flex:1 1}.food-name{color:#1e293b;font-weight:600}.food-code,.food-name{display:block;margin-bottom:4px}.food-code{color:#64748b;font-size:12px}.food-desc{color:#64748b;font-size:14px;line-height:1.4;margin:0}.food-badge,.food-category-badge,.food-status-badge,.food-type-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-align:center}.food-type-badge{border:2px solid}.food-status-badge{cursor:pointer;transition:opacity .2s}.food-status-badge:hover{opacity:.8}.food-available{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.food-unavailable{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.food-badge{font-size:11px;margin:2px;padding:4px 8px}.bestseller{background:#fef3c7;color:#92400e}.featured{background:#dbeafe;color:#1e40af}.recommended{background:#f0f9ff;color:#0369a1}.food-price-cell{min-width:120px}.food-price-info{display:flex;flex-direction:column;gap:4px}.food-original-price{color:#64748b;font-size:14px;text-decoration:line-through}.food-final-price{color:#1e293b;font-size:16px;font-weight:700}.food-discount-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:11px;font-weight:600;padding:2px 6px}.food-stock-cell{min-width:140px}.food-stock-info{display:flex;flex-direction:column;gap:8px}.food-quantity{font-size:14px;font-weight:600}.food-quantity.in-stock{color:#166534}.food-quantity.low-stock{color:#ea580c}.food-quantity.out-of-stock{color:#dc2626}.food-stock-actions{display:flex;gap:4px}.food-stock-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.food-stock-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.food-stock-btn:disabled{cursor:not-allowed;opacity:.5}.food-status-cell{min-width:180px}.food-status-actions{display:flex;flex-direction:column;gap:8px}.food-status-badges{display:flex;flex-wrap:wrap;gap:4px}.food-actions-cell{min-width:120px}.food-table-actions{display:flex;gap:8px}.food-btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.food-btn-edit{background:#dbeafe;color:#1e40af}.food-btn-edit:hover{background:#bfdbfe}.food-btn-delete{background:#fee2e2;color:#dc2626}.food-btn-delete:hover{background:#fecaca}.food-btn-view{background:#f0f9ff;color:#0369a1}.food-btn-view:hover{background:#e0f2fe}.food-empty-state,.food-loading{padding:60px 32px;text-align:center}.food-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.food-empty-state h3{color:#1e293b;margin:0 0 8px}.food-empty-state p{color:#64748b;margin-bottom:24px}.food-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.food-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.food-form-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 32px}.food-form-header h3{color:#1e293b;font-size:24px;margin:0}.food-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:background-color .2s;width:40px}.food-close-btn:hover{background:#f1f5f9}.food-form{padding:32px}.food-form-section{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.food-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.food-form-section h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.food-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.food-form-group{display:flex;flex-direction:column;gap:8px}.food-form-group label{color:#475569;font-size:14px;font-weight:600}.food-input,.food-select,.food-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease}.food-input:focus,.food-select:focus,.food-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.food-textarea{min-height:80px;resize:vertical}.food-price-preview{background:#f8fafc;border-radius:8px;margin-top:16px;padding:16px}.food-price-preview-item{align-items:center;color:#475569;display:flex;justify-content:space-between;padding:8px 0}.food-price-preview-item.discount{color:#dc2626}.food-price-preview-item.final{border-top:2px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.food-status-toggle,.food-tags-toggle{display:flex;flex-direction:column;gap:8px}.food-toggle-label{align-items:center;cursor:pointer;display:flex;gap:8px}.food-checkbox{cursor:pointer;height:18px;width:18px}.food-toggle-text{color:#475569;font-size:14px}.food-toggle-note{color:#64748b;font-size:12px}.food-array-input{display:flex;gap:8px;margin-bottom:8px}.food-array-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 16px;transition:background-color .2s}.food-array-btn:hover{background:#5a67d8}.food-array-list{display:flex;flex-wrap:wrap;gap:8px;min-height:40px}.food-array-item{align-items:center;background:#f1f5f9;border-radius:20px;display:flex;font-size:14px;gap:6px;padding:6px 12px}.food-array-remove{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.food-array-remove:hover{background:#e2e8f0;color:#dc2626}.food-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.food-btn-cancel,.food-btn-save{border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.food-btn-save{background:#667eea;border:none;color:#fff}.food-btn-save:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px)}.food-btn-save:disabled{cursor:not-allowed;opacity:.6}.food-btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.food-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.food-message-alert{animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:600;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:1001}.food-success{background:#10b981}.food-error{background:#ef4444}@media (max-width:768px){.food-header{align-items:flex-start;gap:16px}.food-controls,.food-header{flex-direction:column}.food-filters{width:100%}.food-filter-select{flex:1 1}.food-stats-container{grid-template-columns:1fr 1fr}.food-form-row{grid-template-columns:1fr}.food-form-container{max-height:95vh}}@media (max-width:480px){.food-stats-container{grid-template-columns:1fr}.food-table td,.food-table th{padding:12px 8px}.food-form-actions{flex-direction:column}.food-btn-cancel,.food-btn-save{width:100%}}.restaurant-container{background:linear-gradient(135deg,#f5f7fa,#e4edf5);margin-left:300px;margin-top:80px;min-height:100vh;padding:20px;position:relative}.restaurant-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header-content h1{color:#2c3e50;font-size:32px;margin-bottom:5px}.header-content p{color:#7f8c8d;font-size:16px}.cart-indicator{align-items:center;background:#fc8019;border-radius:25px;color:#fff;cursor:pointer;display:flex;gap:15px;padding:12px 25px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.cart-indicator:hover{background:#ff9f43;box-shadow:0 5px 15px #fc80194d;transform:translateY(-2px)}.cart-icon{font-size:20px}.cart-count{align-items:center;background:#fff;border-radius:50%;color:#fc8019;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.cart-total{font-size:18px;font-weight:700}.restaurant-controls{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:20px}.search-container{max-width:600px}.search-input{border:2px solid #e8e8e8;border-radius:50px;padding:15px 50px 15px 20px}.search-input:focus{border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a}.search-icon{color:#7f8c8d;right:20px}.filters-container{align-items:center;display:flex;justify-content:space-between}.filter-group,.filters-container{flex-wrap:wrap;gap:15px}.filter-select{border:2px solid #e8e8e8;border-radius:25px;padding:12px 20px;transition:all .3s ease}.filter-select:focus{border-color:#fc8019}.cart-toggle{align-items:center;background:#fc8019;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 25px;transition:all .3s ease}.cart-toggle:hover{background:#ff9f43;box-shadow:0 5px 15px #fc80194d;transform:translateY(-2px)}.cart-btn-count{align-items:center;background:#fff;border-radius:50%;color:#fc8019;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.cart-sidebar{animation:slideIn .3s ease;box-shadow:-5px 0 30px #00000026;right:0;width:450px;z-index:1000}.cart-header{background:#fc8019;border-bottom:2px solid #f1f2f6;color:#fff;padding:25px}.cart-header h3{font-size:22px}.close-cart{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-cart:hover{background:#ffffff4d;transform:rotate(90deg)}.cart-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.cart-items-section{flex:1 1;overflow-y:auto;padding:20px}.empty-cart{height:100%}.empty-cart-icon{font-size:80px;margin-bottom:20px;opacity:.2}.empty-cart p{color:#95a5a6;font-size:18px;margin-bottom:10px}.empty-cart-sub{color:#bdc3c7;font-size:14px;margin-bottom:30px}.continue-shopping-btn{background:#fc8019;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.continue-shopping-btn:hover{background:#ff9f43;transform:translateY(-2px)}.cart-items-list{display:flex;flex-direction:column;gap:15px}.cart-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;transition:all .3s ease}.cart-item:hover{background:#fff;border-color:#fc8019;box-shadow:0 3px 10px #fc80191a}.cart-item-details h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.cart-item-price{color:#fc8019;font-size:16px;font-weight:600;margin:0}.cart-item-controls{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.quantity-control{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:25px;display:flex;gap:10px;padding:5px}.quantity-btn{align-items:center;background:#f8f9fa;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;transition:all .2s ease;width:30px}.quantity-btn:hover{background:#fc8019;color:#fff}.quantity{color:#2c3e50;font-weight:600;min-width:30px;text-align:center}.remove-btn{align-items:center;background:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:8px 15px;transition:all .3s ease}.remove-btn:hover{background:#ff4757;transform:translateY(-1px)}.cart-summary-section{background:#fff;border-top:2px solid #f1f2f6;padding:20px}.charges-breakdown{margin-bottom:20px}.charge-row{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.charge-row.total{border-top:2px dashed #dee2e6;color:#2c3e50;font-size:18px;font-weight:700;margin-top:15px;padding-top:15px}.total-amount{color:#fc8019;font-size:20px}.proceed-btn{background:#fc8019;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:15px;padding:16px;transition:all .3s ease;width:100%}.proceed-btn:hover{background:#ff9f43;box-shadow:0 5px 15px #fc80194d;transform:translateY(-2px)}.delivery-details-section{flex:1 1;overflow-y:auto;padding:20px}.section-header{margin-bottom:25px}.section-header h4{font-size:20px;margin-bottom:5px}.section-header p{color:#7f8c8d;font-size:14px}.delivery-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#2c3e50}.form-input{border:2px solid #dee2e6;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease}.form-input:focus{border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a;outline:none}.address-input{min-height:100px;resize:vertical}.form-actions{margin-top:20px}.back-btn{background:#f8f9fa;border:2px solid #dee2e6;color:#666;flex:1 1;padding:14px}.back-btn:hover{background:#e9ecef;border-color:#adb5bd}.continue-btn{background:#fc8019;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:600;padding:14px;transition:all .3s ease}.continue-btn:hover{background:#ff9f43;transform:translateY(-2px)}.payment-section{flex:1 1;overflow-y:auto;padding:20px}.order-summary-review{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px}.order-summary-review h4{color:#2c3e50;font-size:16px;margin-bottom:15px;margin-top:0}.summary-item{color:#666;font-size:13px;margin-bottom:8px}.summary-total{border-top:2px solid #dee2e6;color:#2c3e50;display:flex;font-weight:600;justify-content:space-between;margin-top:15px;padding-top:15px}.total-price{color:#fc8019;font-size:18px}.delivery-info-review{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px}.delivery-info-review h4{color:#2c3e50;font-size:16px;margin-bottom:15px;margin-top:0}.delivery-info-review p{color:#666;font-size:14px;margin:5px 0}.delivery-info-review strong{color:#2c3e50}.payment-options{background:#fff}.payment-options h4{color:#2c3e50;font-size:18px;margin-bottom:20px;margin-top:0}.payment-method{background:#f8f9fa;border:2px solid #0000;border-radius:10px;margin-bottom:20px;padding:20px;transition:all .3s ease}.payment-method:hover{border-color:#fc8019}.method-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.method-icon{font-size:24px}.method-name{color:#2c3e50;font-size:16px;font-weight:600}.paypal-button-container{width:100%}.paypal-button-container>div{width:100%!important}.cod-btn{background:#48c9b0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:10px;padding:14px;transition:all .3s ease;width:100%}.cod-btn:hover{background:#1abc9c;transform:translateY(-2px)}.cod-note{color:#7f8c8d;font-size:12px;margin:0;text-align:center}.payment-actions{margin-top:30px}.edit-details-btn{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.edit-details-btn:hover{background:#e9ecef;border-color:#adb5bd}.restaurant-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px 0}.loading-spinner{border-top-color:#fc8019}.no-results{grid-column:1/-1}.no-results-icon{font-size:60px;margin-bottom:20px;opacity:.3}.no-results h3{color:#2c3e50;margin-bottom:10px}.no-results p{color:#95a5a6}@media (max-width:768px){.restaurant-container{padding:10px}.restaurant-header{flex-direction:column;gap:15px;text-align:center}.restaurant-grid{gap:15px;grid-template-columns:1fr}.cart-sidebar{width:100%}.filters-container{align-items:stretch}.filter-group,.filters-container{flex-direction:column}.filter-select{width:100%}.form-actions{flex-direction:column}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.principal-container{background:#f3f4f6;display:flex;margin-top:50px;min-height:100vh}.principal-main-content{flex:1 1;margin-left:280px;overflow-y:auto;padding:30px}.principal-loading{align-items:center;color:#6b7280;display:flex;font-size:1.5rem;font-weight:600;justify-content:center;min-height:100vh}.principal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;box-shadow:0 10px 30px #3b82f633;margin-bottom:30px;padding:30px}.principal-school-banner{margin-bottom:20px}.principal-school-title{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:12px}.principal-school-details{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.principal-school-id,.principal-user-role,.principal-user-welcome{color:#ffffffe6;font-size:1rem;font-weight:500}.principal-profile-section{margin-top:20px}.principal-profile-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;display:flex;gap:20px;padding:20px}.principal-profile-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.principal-profile-info{flex:1 1}.principal-profile-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:8px}.principal-profile-email,.principal-profile-experience,.principal-profile-mobile,.principal-profile-school{color:#ffffffe6;font-size:.95rem;margin-bottom:4px}.principal-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.principal-stat-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px;transition:all .3s ease}.principal-stat-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.principal-stat-icon{font-size:2.5rem;margin-bottom:12px}.principal-stat-title{color:#6b7280;font-size:.95rem;font-weight:600;margin-bottom:8px}.principal-stat-value{color:#1f2937;font-size:2rem;font-weight:800;margin-bottom:4px}.principal-stat-urgent{color:#dc2626}.principal-attendance-high{color:#10b981}.principal-stat-desc{color:#9ca3af;font-size:.875rem}.principal-actions-section{margin-bottom:30px}.principal-actions-title{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:20px}.principal-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.principal-action-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.principal-action-card:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 6px 16px #3b82f626;transform:translateY(-3px)}.principal-action-icon{font-size:2.5rem;margin-bottom:12px}.principal-action-title{color:#1f2937;font-size:1.1rem;font-weight:700;margin-bottom:4px}.principal-action-desc{color:#6b7280;font-size:.875rem}.principal-approvals-section{margin-bottom:30px}.principal-approvals-title{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:700;gap:8px;margin-bottom:20px}.principal-approvals-count{color:#dc2626;font-size:1.25rem}.principal-approvals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.principal-approval-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:20px;transition:all .3s ease}.principal-approval-card:hover{box-shadow:0 8px 20px #0000001f}.principal-approval-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.principal-approval-type{color:#3b82f6;font-size:.9rem;font-weight:600}.principal-approval-priority{background:#fee2e2;border-radius:20px;color:#dc2626;font-size:.85rem;font-weight:600;padding:4px 12px}.principal-approval-priority.medium{background:#fef3c7;color:#d97706}.principal-approval-priority.high{background:#fee2e2;color:#dc2626}.principal-approval-body{display:flex;flex-direction:column;gap:8px}.principal-approval-title{color:#1f2937;font-size:1.1rem;font-weight:700}.principal-approval-details,.principal-approval-time{color:#6b7280;font-size:.9rem}.principal-approval-actions{display:flex;gap:8px;margin-top:12px}.principal-approval-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.principal-approval-btn.approve{background:#10b981;color:#fff}.principal-approval-btn.approve:hover{background:#059669}.principal-approval-btn.reject{background:#dc2626;color:#fff}.principal-approval-btn.reject:hover{background:#b91c1c}.principal-approval-btn.view{background:#3b82f6;color:#fff}.principal-approval-btn.view:hover{background:#2563eb}.principal-overview-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:30px}.principal-events-card,.principal-overview-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.principal-events-title,.principal-overview-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:20px}.principal-overview-grid{grid-gap:20px;display:grid;gap:20px}.principal-overview-item{background:#f9fafb;border-radius:12px;padding:16px}.principal-overview-item-title{color:#1f2937;font-size:1.1rem;font-weight:700;margin-bottom:12px}.principal-overview-stats{display:flex;flex-direction:column;gap:8px}.principal-overview-stat{align-items:center;display:flex;justify-content:space-between}.principal-overview-stat-label{color:#6b7280;font-size:.95rem}.principal-overview-stat-value{color:#1f2937;font-size:.95rem;font-weight:700}.principal-events-list{display:flex;flex-direction:column;gap:16px}.principal-event-item{background:#f9fafb;border-radius:12px;display:flex;gap:16px;padding:12px;transition:all .3s ease}.principal-event-item:hover{background:#eff6ff}.principal-event-date{background:#3b82f6;border-radius:8px;color:#fff;min-width:60px;padding:8px 12px;text-align:center}.principal-event-day{display:block;font-size:1.5rem;font-weight:800}.principal-event-month{display:block;font-size:.75rem;font-weight:600}.principal-event-details{flex:1 1}.principal-event-title{color:#1f2937;font-size:1rem;font-weight:700;margin-bottom:4px}.principal-event-time{color:#6b7280;font-size:.875rem}.principal-activities-section{margin-bottom:30px}.principal-activities-title{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:20px}.principal-activities-list{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:16px;padding:24px}.principal-activity-item{background:#f9fafb;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.principal-activity-item:hover{background:#eff6ff}.principal-activity-icon{align-items:center;background:#fff;border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.principal-activity-content{flex:1 1}.principal-activity-title{color:#1f2937;font-size:1.05rem;font-weight:700;margin-bottom:4px}.principal-activity-desc{color:#6b7280;font-size:.9rem;margin-bottom:4px}.principal-activity-time{color:#9ca3af;font-size:.85rem}@media (max-width:1400px){.principal-overview-section{grid-template-columns:1fr}}@media (max-width:1200px){.principal-main-content{margin-left:0;padding:20px}.principal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:992px){.principal-school-title{font-size:2rem}.principal-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.principal-approvals-grid{grid-template-columns:1fr}}@media (max-width:768px){.principal-main-content{padding:16px}.principal-header{padding:20px}.principal-school-title{font-size:1.75rem}.principal-profile-card{flex-direction:column;text-align:center}.principal-stats-grid{grid-template-columns:1fr}.principal-actions-grid{grid-template-columns:repeat(2,1fr)}.principal-overview-section{grid-template-columns:1fr}}@media (max-width:640px){.principal-school-details{align-items:flex-start;flex-direction:column;gap:8px}.principal-actions-grid{grid-template-columns:1fr}.principal-approval-actions{flex-direction:column}.principal-actions-title,.principal-activities-title,.principal-approvals-title{font-size:1.5rem}}.fees-header{background:linear-gradient(135deg,#667eea,#764ba2)}.filter-select{min-width:200px}.action-buttons{justify-content:flex-end}.results-summary{gap:1.5rem;padding:0 .5rem}.form-container{max-width:900px}.large-form{max-width:1200px}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.achievement-item,.equipment-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;padding:1rem}.equipment-item{align-items:center;display:flex;gap:1rem}.equipment-select{flex:2 1}.quantity-input{flex:1 1;max-width:100px}.btn-remove{color:#c53030}.btn-add-achievement,.btn-add-equipment{align-items:center;background:#bee3f8;border:none;border-radius:8px;color:#2b6cb0;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-top:1rem;padding:.75rem 1.5rem}.btn-add-achievement:hover,.btn-add-equipment:hover{background:#90cdf4}.day-btn.selected{background:#667eea;border-color:#667eea}.fees-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.sport-info{align-items:flex-start;gap:1rem}.sport-icon{background:#f0f2f5;border-radius:50%;font-size:1.5rem;height:50px;width:50px}.sport-tags{gap:.5rem;margin:.5rem 0}.category-tag,.type-tag{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:.25rem .75rem}.description{color:#718096;display:block;font-style:italic;margin-top:.5rem}.coach-info,.fees-info,.participants-info,.schedule-info{display:flex;flex-direction:column;gap:.25rem}.coach-info strong,.fees-info strong{color:#2d3748}.coach-info small,.fees-info small,.schedule-info small{color:#718096}.qualification{color:#38a169!important;font-style:italic}.participant-count{color:#2d3748;font-size:1.2rem;font-weight:700}.progress-bar{height:6px;margin-top:.5rem}.progress-bar,.progress-fill{border-radius:3px}.status-badge{padding:.25rem .75rem}.status-badge.inactive{color:#c53030}.btn-edit{background:#bee3f8;color:#2b6cb0}.btn-edit:hover{background:#90cdf4}.btn-delete{background:#fed7d7;color:#c53030}.btn-delete:hover{background:#feb2b2}.btn-status{background:#c6f6d5;color:#22543d}.btn-status.deactivate{background:#feebc8;color:#c05621}@media (max-width:768px){.filters-row{flex-direction:column}.search-box{min-width:100%}.form-row{grid-template-columns:1fr}.stats-container{grid-template-columns:repeat(2,1fr)}.equipment-item{flex-direction:column;gap:.5rem}.quantity-input{max-width:100%}.form-container{margin:1rem}}.rbd-main-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:260px;margin-top:70px;min-height:100vh}.rbd-content-area{background:#0000;flex:1 1;margin:0 auto;max-width:1600px;padding:32px 40px;width:100%}.rbd-loading-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.rbd-loading-spinner{animation:rbd-spin 1s linear infinite;border:5px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:60px;width:60px}@keyframes rbd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rbd-loading-wrapper p{color:#1e293b;font-size:18px;font-weight:600;margin-top:20px}.rbd-page-header{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:16px;box-shadow:0 8px 24px #3b82f633;margin-bottom:40px;overflow:hidden;padding:36px 40px;position:relative}.rbd-page-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(100px,-100px);width:200px}.rbd-header-wrapper{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;position:relative;z-index:1}.rbd-header-left h1{color:#fff;font-size:38px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px;text-shadow:1px 1px 3px #0003}.rbd-role-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 12px;padding:8px 20px}.rbd-greeting-text{color:#ffffffe6;font-size:16px;font-style:italic;font-weight:500;margin:12px 0 0}.rbd-header-right{align-items:center;display:flex;gap:12px}.rbd-profile-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.rbd-profile-button:hover{background:#ffffff4d;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.rbd-notification-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px 16px;position:relative;transition:all .3s ease}.rbd-notification-button:hover{background:#ffffff4d;transform:scale(1.05)}.rbd-notification-badge{background:#ef4444;border:2px solid #1e40af;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:3px 7px;position:absolute;right:-6px;text-align:center;top:-6px}.rbd-button-icon{font-size:18px}.rbd-info-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:50px}.rbd-info-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.rbd-info-card:before{background:linear-gradient(135deg,#3b82f6,#1e40af);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.rbd-info-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.rbd-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;transition:all .3s ease;width:56px}.rbd-icon-blue{box-shadow:0 4px 12px #3b82f64d}.rbd-icon-blue,.rbd-icon-gray{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.rbd-icon-gray{box-shadow:0 4px 12px #00000026}.rbd-info-card:hover .rbd-card-icon{transform:scale(1.1) rotate(5deg)}.rbd-card-text{flex:1 1;min-width:0}.rbd-card-text h3{color:#4b5563;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.rbd-card-text p{color:#1f2937;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbd-card-text small{color:#6b7280;display:block;font-size:13px;margin-top:6px}.rbd-id-label{background:#3b82f61a;border-radius:4px;color:#3b82f6;display:inline-block;font-weight:600;padding:2px 8px}.rbd-subjects-label{color:#1f2937;font-weight:500}.rbd-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:32px!important;font-weight:700!important;line-height:1}.rbd-school-id-text{background:linear-gradient(135deg,#f7f9fc,#edf2f7);border:1px solid #e2e8f0;border-radius:6px;color:#3b82f6;display:inline-block;font-family:Courier New,monospace;font-size:16px!important;padding:6px 12px}.rbd-actions-section{margin-bottom:50px}.rbd-actions-section h2{border-bottom:3px solid #3b82f6;color:#1f2937;display:inline-block;font-size:28px;font-weight:700;margin:0 0 30px;padding-bottom:16px}.rbd-actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.rbd-action-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.rbd-action-card:before{background:linear-gradient(135deg,#3b82f6,#1e40af);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.rbd-action-card:hover{border-color:#3b82f6;box-shadow:0 12px 32px #3b82f626;transform:translateY(-6px)}.rbd-action-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;box-shadow:0 6px 15px #3b82f64d;color:#fff;display:flex;font-size:32px;height:72px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:72px}.rbd-action-card:nth-child(2n) .rbd-action-icon{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 6px 15px #00000026;color:#fff}.rbd-action-card:hover .rbd-action-icon{transform:scale(1.15) rotate(10deg)}.rbd-action-card h4{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 12px}.rbd-action-card p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.rbd-teacher-section{margin-bottom:50px}.rbd-teacher-section h2{border-bottom:3px solid #3b82f6;color:#1f2937;display:inline-block;font-size:28px;font-weight:700;margin:0 0 30px;padding-bottom:16px}.rbd-schedule-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.rbd-schedule-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.rbd-schedule-card:before{background:linear-gradient(135deg,#3b82f6,#1e40af);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.rbd-schedule-card:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f626;transform:translateY(-2px)}.rbd-schedule-time{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:16px;font-weight:700;min-width:100px;padding:12px 16px;text-align:center}.rbd-schedule-info{flex:1 1}.rbd-schedule-info h4{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px}.rbd-schedule-info p{color:#6b7280;font-size:14px;margin:0}.rbd-action-button{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.rbd-action-button:hover{box-shadow:0 6px 16px #3b82f666;transform:scale(1.05)}.rbd-no-data{color:#9ca3af;font-size:16px;font-style:italic;padding:40px;text-align:center}.rbd-attendance-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.rbd-attendance-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr;padding:16px}.rbd-attendance-row:last-child{border-bottom:none}.rbd-att-class{color:#1f2937;font-size:16px;font-weight:700}.rbd-att-date{color:#6b7280;font-size:14px}.rbd-att-status{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:6px 16px;text-align:center}.rbd-status-marked{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.rbd-att-count{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:6px;color:#fff;font-family:Courier New,monospace;font-weight:700;padding:6px 12px;text-align:center}.rbd-activity-section{margin-bottom:50px}.rbd-activity-section h2{border-bottom:3px solid #3b82f6;color:#1f2937;display:inline-block;font-size:28px;font-weight:700;margin:0 0 30px;padding-bottom:16px}.rbd-activity-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.rbd-activity-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:16px;transition:all .3s ease}.rbd-activity-item:last-child{border-bottom:none}.rbd-activity-item:hover{background:#f9fafb;border-radius:8px}.rbd-activity-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:10px;box-shadow:0 4px 8px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.rbd-activity-item:nth-child(2n) .rbd-activity-icon{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 8px #00000026;color:#fff}.rbd-activity-details{flex:1 1}.rbd-activity-details p{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 6px}.rbd-activity-timestamp{color:#9ca3af;font-size:13px}.rbd-system-status{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:32px}.rbd-system-status h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 24px}.rbd-status-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.rbd-status-item{align-items:center;background:#f9fafb;border:1px solid #e2e8f0;border-radius:10px;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:12px;padding:16px 20px;transition:all .3s ease}.rbd-status-item:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px)}.rbd-status-indicator{animation:rbd-pulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b98133;flex-shrink:0;height:12px;width:12px}@keyframes rbd-pulse{0%,to{opacity:1}50%{opacity:.5}}.rbd-status-icon{color:#3b82f6;flex-shrink:0;font-size:18px}.rbd-status-online .rbd-status-indicator{background:#10b981}.rbd-status-offline .rbd-status-indicator{background:#ef4444}@media (max-width:1200px){.rbd-header-wrapper{flex-direction:column}.rbd-header-right{justify-content:flex-start;width:100%}}@media (max-width:768px){.rbd-content-area{padding:20px 16px}.rbd-page-header{padding:24px 20px}.rbd-header-left h1{font-size:28px}.rbd-info-cards-grid{gap:16px}.rbd-actions-grid,.rbd-attendance-row,.rbd-info-cards-grid,.rbd-schedule-grid{grid-template-columns:1fr}.rbd-attendance-row{gap:8px}.rbd-status-grid{grid-template-columns:1fr}}@media (max-width:480px){.rbd-header-left h1{font-size:24px}.rbd-role-badge{font-size:11px;padding:6px 14px}.rbd-profile-button{font-size:14px;padding:10px 16px}.rbd-card-icon{font-size:20px;height:48px;width:48px}.rbd-action-icon{font-size:28px;height:60px;width:60px}}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24}.error-message,.success-message{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 15px}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;margin-bottom:20px}.form-hint{color:#6c757d;font-size:12px}.form-error{background-color:#f8d7da;border-radius:4px;color:#721c24;font-size:14px;margin:10px 0;padding:10px}.results-summary{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;color:#6c757d;padding:10px 15px}.btn-clear-filters-small{background-color:#6c757d;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.btn-clear-filters-small:hover{background-color:#5a6268}.loading{color:#6c757d}.empty-state{background-color:#f8f9fa;margin:20px 0}.empty-state h3,.empty-state p{color:#6c757d}@media (max-width:768px){.form-row,.header-actions{flex-direction:column;gap:10px}.header-actions,.header-actions button{width:100%}.filter-controls{flex-direction:column;gap:10px}.filter-select{width:100%}.attendance-table{font-size:12px}.staff-info{min-width:150px}}.attendance-table th{background-color:#f8f9fa;color:#495057;padding:12px}.attendance-table td{border-bottom:1px solid #dee2e6;padding:12px}.staff-info{display:flex;flex-direction:column;gap:3px}.staff-info strong{color:#212529;font-size:14px}.staff-info small{color:#6c757d;font-size:11px}.punch-time{display:flex;flex-direction:column;gap:5px}.time{color:#212529;font-weight:600}.late-badge{background-color:#fff3cd;border-radius:12px;color:#856404;font-size:11px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.status-badge{padding:5px 10px}.status-badge.present{background-color:#d4edda;color:#155724}.status-badge.absent{background-color:#f8d7da;color:#721c24}.btn-punch-out{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.btn-punch-out:hover:not(:disabled){background-color:#c82333}.btn-punch-out:disabled{background-color:#6c757d;cursor:not-allowed}.leave-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.leave-header .header-left h1{color:#fff;font-size:24px;margin:0}.leave-header .header-left p{font-size:14px;margin:5px 0 0;opacity:.9}.leave-header .btn-primary{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.leave-header .btn-primary:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stats-container{margin-bottom:24px}.stat-card{box-shadow:0 2px 8px #0000001a}.stat-icon{background:#f5f5f5}.stat-info h3{color:#333}.stat-info p{color:#666}.filters-section{box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.filters-grid{display:flex;flex-direction:column;gap:15px}.full-width{width:100%}.filter-row{align-items:center}.filter-select{border:1px solid #ddd;flex:1 1}.date-filters{align-items:center;display:flex;flex:2 1;gap:10px}.date-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;padding:10px 15px}.date-filters span{color:#666;font-size:14px}.filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:10px}.btn-clear-filters{background:#ff4757;border:none;border-radius:6px;color:#fff;padding:8px 16px;transition:all .3s}.btn-clear-filters:hover{background:#ff2e43}.btn-export,.btn-refresh{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s}.btn-refresh{background:#3498db;color:#fff}.btn-refresh:hover{background:#2980b9}.btn-export{background:#27ae60}.btn-export:hover{background:#219653}.btn-export:disabled,.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.results-summary{color:#666;font-size:14px;gap:20px;margin-bottom:15px;padding:15px 20px}.total-count{color:#333;font-weight:600}.filtered-count{color:#3498db}.xl-form{max-width:1200px;width:90%}.leave-form .form-section{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:20px}.leave-form .form-section h4{align-items:center;color:#2c3e50;display:flex;font-size:16px;gap:8px;margin:0 0 15px}.leave-form .form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.leave-form .form-group{flex:1 1;min-width:200px}.leave-form .form-group.full-width{flex:100% 1;min-width:100%}.leave-form label{color:#34495e;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.leave-form input,.leave-form select,.leave-form textarea{border:1px solid #ddd;padding:10px;transition:border-color .3s}.leave-form input:focus,.leave-form select:focus,.leave-form textarea:focus{border-color:#3498db;outline:none}.leave-form .readonly-input{background:#f8f9fa;color:#6c757d}.file-upload-section{margin-top:10px}.file-upload-label{cursor:pointer;display:block}.file-input{display:none}.file-upload-area{border:2px dashed #ddd;border-radius:8px;padding:40px 20px;text-align:center;transition:all .3s}.file-upload-area:hover{background:#f8f9ff;border-color:#3498db}.upload-icon{display:block;font-size:40px;margin-bottom:10px}.uploaded-files{margin-top:20px}.uploaded-files h5{color:#2c3e50;margin:0 0 10px}.file-list{display:flex;flex-direction:column;gap:10px}.file-item{background:#f8f9fa;border:1px solid #e9ecef;gap:10px}.file-icon{font-size:20px}.file-info{flex:1 1}.file-info span{display:block;font-weight:500}.file-info small{color:#6c757d}.remove-file-btn{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.leave-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.leave-table{border-collapse:collapse;width:100%}.leave-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.leave-table td{border-bottom:1px solid #eee;padding:15px}.leave-table tr:hover{background:#f8f9ff}.leave-id-cell{text-align:center}.leave-id-cell strong{color:#2c3e50;display:block;font-size:14px}.leave-id-cell small{color:#6c757d;font-size:12px}.staff-details-cell .staff-info{display:flex;flex-direction:column;gap:3px}.staff-details-cell .dept{color:#3498db;font-weight:500}.leave-details-cell{min-width:250px}.leave-type{align-items:center;display:inline-flex;gap:8px;margin-bottom:8px;padding:5px 10px}.type-icon{font-size:16px}.type-label{font-size:13px;font-weight:500}.leave-reason{font-size:13px;line-height:1.4;margin:5px 0}.leave-category{color:#666;font-size:12px}.dates-cell{min-width:150px}.date-range{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.date-item{display:flex;justify-content:space-between}.date-item strong{color:#666;font-size:12px;font-weight:600}.date-item span{color:#2c3e50;font-size:13px}.duration{background:#f8f9fa;border-radius:20px;display:inline-block;padding:5px 10px;text-align:center}.duration .days{color:#2c3e50;font-size:18px;font-weight:700}.duration small{color:#666;margin-left:3px}.status-badge{flex-direction:column;padding:8px 12px}.status-badge small{display:block;font-size:10px;margin-top:2px;opacity:.9}.actions{gap:5px}.actions button{border-radius:6px;font-size:14px;height:32px;transition:all .2s;width:32px}.actions button:hover{transform:scale(1.1)}.btn-edit{background:#3498db;color:#fff}.btn-cancel-action{background:#e74c3c;color:#fff}.btn-approve{background:#27ae60;color:#fff}.btn-reject{background:#e74c3c;color:#fff}.btn-view{background:#95a5a6}.empty-state h3{margin:0 0 10px}.empty-state p{color:#666}.form-actions{border-top:1px solid #eee;gap:15px;margin-top:30px;padding-top:20px}.btn-save{background:#27ae60;font-weight:600;padding:12px 30px;transition:all .3s}.btn-save:hover:not(:disabled){background:#219653}.btn-cancel{background:#95a5a6;color:#fff;font-weight:600;padding:12px 30px;transition:all .3s}.btn-cancel:hover{background:#7f8c8d}.loading{font-size:16px;padding:40px}@media (max-width:1024px){.filters-row{flex-direction:column}.filter-controls{width:100%}.filter-select{min-width:100%}}@media (max-width:768px){.leave-header{gap:15px}.leave-header,.stat-card{flex-direction:column;text-align:center}.leave-table{display:block;overflow-x:auto}.form-row{flex-direction:column}.leave-form .form-group{min-width:100%}}.library-id-cell{color:#4a5568;font-weight:700}.library-details-cell .library-info{align-items:flex-start;display:flex;gap:12px}.library-icon{font-size:2rem;min-width:40px}.library-details-cell .library-info div{display:flex;flex-direction:column;gap:4px}.library-details-cell strong{color:#2d3748;font-size:1rem}.library-details-cell small{color:#718096;font-size:.85rem}.library-details-cell .description{color:#4a5568;font-style:italic;margin-top:4px}.collection-cell .collection-info{display:flex;gap:20px}.books-info,.sections-info{align-items:center;display:flex;flex-direction:column}.books-info .value,.sections-info .value{color:#2d3748;font-size:1.2rem;font-weight:700}.books-info small,.sections-info small{color:#718096;font-size:.8rem}.librarian-cell .librarian-info{display:flex;flex-direction:column;gap:3px}.librarian-cell strong{color:#2d3748;margin-bottom:2px}.librarian-cell small{color:#718096;font-size:.85rem}.location-cell .location-info{gap:5px}.location-cell .timing{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:2px;margin-top:5px;padding-top:5px}.facilities-cell .facilities-info{display:flex;flex-wrap:wrap;gap:5px;max-width:200px}.facility-tag{background:#e2e8f0;border-radius:12px;color:#4a5568;font-size:.75rem;padding:2px 8px;white-space:nowrap}.other-input{font-size:.9rem;margin-top:8px;padding:8px 12px}.multi-select,.other-input{border:1px solid #cbd5e0;border-radius:6px;width:100%}.multi-select{background:#fff;padding:8px}@media (max-width:1200px){.stats-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.library-details-cell .library-info{flex-direction:column;gap:8px}.collection-cell .collection-info{flex-direction:column;gap:10px}.facilities-cell .facilities-info{max-width:150px}}.teacher-leave-layout{background:#f4f6f9;display:flex;margin-left:400px;margin-top:80px;min-height:100vh}.teacher-leave-content{flex:1 1;padding:30px}.teacher-leave-content h2{color:#2c3e50;margin-bottom:20px}.leave-form{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:25px}.leave-form input,.leave-form select,.leave-form textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:15px;padding:10px 12px;width:100%}.leave-form input[readOnly]{background-color:#f0f0f0;cursor:not-allowed}.leave-form textarea{height:90px;resize:none}.leave-form button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:12px;transition:.3s;width:100%}.leave-form button:hover{background:#2980b9}.book-id-cell{color:#4a5568;display:flex;flex-direction:column;font-weight:700;gap:4px}.book-id-cell small{color:#a0aec0;font-size:.8rem}.book-details-cell .book-info{align-items:flex-start;display:flex;gap:12px;max-width:300px}.book-icon{font-size:2rem;min-width:40px}.book-details-cell .book-info div{display:flex;flex-direction:column;gap:4px}.book-details-cell strong{color:#2d3748;font-size:1rem;line-height:1.4}.book-details-cell small{color:#718096;font-size:.85rem}.book-details-cell .description{color:#4a5568;font-size:.8rem;font-style:italic;margin-top:4px}.author-cell .author-info{display:flex;flex-direction:column;gap:3px;max-width:200px}.author-cell strong{color:#2d3748;margin-bottom:2px}.author-cell small{color:#718096;font-size:.85rem}.copy-cell .copy-info{align-items:center;display:flex;gap:15px}.available-count,.copies-count,.pages-count{align-items:center;display:flex;flex-direction:column;gap:2px}.copy-cell .value{color:#2d3748;font-size:1.2rem;font-weight:700}.copy-cell small{color:#718096;font-size:.8rem}.location-cell .location-info{max-width:150px}.btn-issue{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px;transition:background .2s}.btn-issue:hover:not(:disabled){background:#38a169}.status-select{background:#fff;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;font-size:.85rem;min-width:100px;padding:4px 8px}.status-select:disabled{cursor:not-allowed;opacity:.6}.xlarge-form{max-width:1200px}.image-preview{height:160px}datalist{display:none}@media (max-width:1024px){.fees-table{display:block;overflow-x:auto;white-space:nowrap}.xlarge-form{margin:10px;width:98%}}@media (max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column;gap:10px}.filter-controls{flex-wrap:wrap;gap:10px}.filter-select{flex:1 1;min-width:120px}.book-info,.copy-info{align-items:flex-start;flex-direction:column}.copy-info{gap:10px}.actions{flex-wrap:wrap;gap:5px}.status-select{min-width:80px}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.filters-section{padding:10px}.action-buttons{flex-direction:column;gap:10px}}.librarian-id-cell{color:#4a5568;display:flex;flex-direction:column;font-weight:700;gap:4px;min-width:100px}.librarian-id-cell small{color:#a0aec0;font-size:.8rem}.librarian-details-cell .librarian-info{align-items:flex-start;display:flex;gap:12px;max-width:300px}.librarian-icon{font-size:2rem;min-width:40px}.librarian-details-cell .librarian-info div{display:flex;flex-direction:column;gap:3px}.librarian-details-cell strong{color:#2d3748;font-size:1rem;line-height:1.4}.librarian-details-cell small{align-items:center;color:#718096;display:flex;font-size:.85rem;gap:4px}.contact-cell .contact-info{display:flex;flex-direction:column;gap:3px;max-width:200px}.contact-cell small{color:#718096;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.professional-cell .professional-info{display:flex;flex-direction:column;gap:3px;max-width:200px}.professional-cell small{color:#4a5568;font-size:.85rem}.library-cell .library-info{display:flex;flex-direction:column;gap:3px;max-width:200px}.library-cell small{color:#2d3748;font-size:.85rem}.library-cell .unassigned{color:#e53e3e;font-style:italic}.status-badge{min-width:80px}.status-badge.active{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.btn-status.deactivate,.status-badge.inactive{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.btn-status.deactivate:hover:not(:disabled){background:#feb2b2}.btn-status.activate{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.btn-status.activate:hover:not(:disabled){background:#9ae6b4}.xlarge-form{max-width:1300px}.form-row{grid-gap:20px;gap:20px}.readonly{background:#f7fafc;color:#718096;cursor:not-allowed}.file-input:hover{border-color:#667eea}.image-preview{border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:120px;overflow:hidden;width:120px}.image-preview img{height:100%;object-fit:cover;width:100%}.checkbox-group{margin-top:25px}.checkbox-label{align-items:center;background:#f7fafc;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 12px;transition:background .2s}.checkbox-label:hover{background:#e2e8f0}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.form-section{padding-bottom:20px}.form-section h4{border-bottom:2px solid #e2e8f0;color:#2d3748;gap:8px;margin-bottom:15px;padding-bottom:8px}.spinner{border-top-color:#3498db}@media (max-width:1200px){.xlarge-form{margin:10px;width:98%}.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column;gap:10px}.filter-controls{flex-wrap:wrap;gap:10px}.filter-select{flex:1 1;min-width:120px}.librarian-info{flex-direction:column;gap:8px}.form-row{grid-template-columns:1fr}.actions{flex-wrap:wrap;gap:5px}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.filters-section{padding:10px}.action-buttons{flex-direction:column;gap:10px}.contact-cell,.librarian-details-cell,.library-cell,.professional-cell{min-width:200px}}.fees-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.view-btn.active{background:#3b82f6;border-color:#3b82f6}.coach-detail-view{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.detail-container{padding:1.5rem}.profile-header{border-bottom:1px solid #e2e8f0;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem}.profile-image{border:4px solid #f0f2f5;border-radius:50%;height:120px;overflow:hidden;width:120px}.profile-image img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-info h1{color:#2d3748;margin:0 0 .5rem}.coach-id{font-weight:500;margin:0 0 1rem}.profile-tags{display:flex;flex-wrap:wrap;gap:.75rem}.designation-tag,.gender-tag,.status-tag,.verified-tag{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:.5rem 1rem}.designation-tag{background:#fef3c7;color:#92400e}.gender-tag{background:#dbeafe;color:#1e40af}.status-tag{background:#d1fae5;color:#065f46}.verified-tag{background:#e0e7ff;color:#3730a3}.details-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.detail-section{background:#f7fafc}.detail-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;gap:10px;margin:0 0 1rem}.detail-item p{align-items:center;display:flex;gap:8px}.specialization-tag{background:#dbeafe;border-radius:20px;color:#1e40af;font-size:.85rem;padding:.5rem 1rem}.achievements-list,.qualifications-list{display:flex;flex-direction:column;gap:1rem}.achievement-item,.qualification-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.achievement-item h4,.qualification-item h4{color:#2d3748;margin:0 0 .5rem}.achievement-item p,.qualification-item p{color:#718096;font-size:.9rem;margin:0 0 .5rem}.level-tag{background:#d1fae5;border-radius:12px;color:#065f46;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.bio-text{color:#4a5568;line-height:1.6;margin:0}.coaches-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.coach-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s ease}.coach-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-5px)}.card-header{background:linear-gradient(135deg,#667eea,#764ba2 20%,#0000 0)}.coach-avatar{border:3px solid #fff;height:80px;width:80px}.coach-basic-info{flex:1 1}.coach-basic-info h4{color:#2d3748;font-size:1.1rem;margin:0 0 .25rem}.coach-id{color:#718096;font-size:.85rem;margin:0 0 .5rem}.coach-tags{display:flex;gap:.5rem}.status-tag.active,.status-tag.inactive,.verified-tag{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.verified-tag{background:#dbeafe;color:#1e40af}.coach-detail{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:8px;margin-bottom:.75rem}.specialization-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.spec-tag{background:#edf2f7;border-radius:12px;color:#4a5568;font-size:.8rem;padding:.25rem .75rem}.coach-info{align-items:flex-start;display:flex;gap:1rem}.coach-avatar{border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}.coach-avatar img{height:100%;object-fit:cover;width:100%}.coach-meta{color:#718096;display:flex;font-size:.85rem;gap:1rem;margin:.25rem 0}.designation{align-items:center;color:#4a5568;display:flex;gap:4px}.contact-info p,.professional-info p{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:8px;margin:.25rem 0}.specialization-tags{display:flex;flex-wrap:wrap;gap:.5rem}.specialization-tag{background:#edf2f7;color:#4a5568}.more-tag,.specialization-tag{border-radius:12px;font-size:.8rem;padding:.25rem .75rem}.more-tag{background:#dbeafe;color:#1e40af;font-weight:500}.no-specialization{color:#a0aec0;font-size:.9rem;font-style:italic}.status-container{gap:.5rem}.verified-badge{align-items:center;background:#dbeafe;border-radius:12px;color:#1e40af;display:flex;font-size:.75rem;gap:4px;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.form-container{max-width:1000px}.extra-large-form{max-width:1200px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #3b82f61a}.improvement-list,.specialization-list,.strength-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.improvement-item,.specialization-item,.strength-item{align-items:center;background:#edf2f7;border-radius:20px;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 1rem}.qualification-form{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem}.empty-icon{color:#3b82f6}.empty-state h3{color:#2d3748;margin:0 0 .5rem}@media (max-width:768px){.filters-row{flex-direction:column}.search-box{min-width:100%}.filter-controls{justify-content:space-between;width:100%}.filter-select{flex:1 1;min-width:0}.action-buttons{flex-direction:column;gap:1rem}.view-toggle{width:100%}.view-btn{flex:1 1;text-align:center}.results-summary{align-items:stretch;flex-direction:column;gap:1rem}.summary-left{justify-content:space-between}.details-grid{grid-template-columns:1fr}.coach-card{max-width:100%}.form-row{grid-template-columns:1fr}.form-container{margin:1rem}.profile-header{flex-direction:column;text-align:center}.profile-tags{justify-content:center}}@media (max-width:480px){.header-left h1{font-size:1.4rem}.stats-container{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center}.coach-avatar,.coach-card .coach-avatar{height:60px;width:60px}.actions{flex-wrap:wrap;justify-content:center}}.bookstore-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px}.user-card,.user-info-section{align-items:center;display:flex;gap:15px}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:15px}.user-avatar{align-items:center;background:#fff;border-radius:50%;color:#667eea;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.user-details{display:flex;flex-direction:column;gap:5px}.user-details strong{font-size:1.1rem}.user-details small{font-size:.9rem;opacity:.8}.btn-logout{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:8px 15px;transition:background .3s}.btn-logout:hover{background:#ffffff4d}.user-selector{align-items:center;display:flex;gap:10px}.user-type-select{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px}.user-type-select option{color:#333}.btn-identify,.btn-identify-manual{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 15px;transition:transform .2s}.btn-identify{background:#fff;color:#667eea}.btn-identify-manual{background:gold;color:#333}.btn-identify-manual:hover,.btn-identify:hover{transform:translateY(-2px)}.face-scan-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:15px;overflow:auto;width:90%}.modal-header{border-bottom:1px solid #e1e4e8;padding:20px}.modal-header h3{color:#2d3748;margin:0}.modal-header button{background:none;border:none;color:#718096;cursor:pointer;font-size:2rem}.modal-header button:hover{color:#e53e3e}.face-scan-container{display:flex;flex-direction:column;gap:30px;padding:30px}.camera-preview{border:3px solid #667eea;border-radius:10px;overflow:hidden;position:relative}.camera-preview video{height:400px;object-fit:cover;width:100%}.scan-instructions{background:#000000b3;bottom:0;color:#fff;font-size:.9rem;left:0;padding:15px;position:absolute;right:0}.scan-instructions p{margin:5px 0}.scan-controls{display:flex;gap:15px;justify-content:center}.scan-controls button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 25px;transition:all .3s}.scan-controls button:first-child{background:#667eea;color:#fff}.scan-controls button:first-child:hover{background:#5a67d8}.scan-controls button:nth-child(2){background:#ed8936;color:#fff}.scan-controls button:nth-child(2):hover{background:#dd6b20}.scan-controls button:last-child{background:#e53e3e;color:#fff}.scan-controls button:last-child:hover{background:#c53030}.scan-controls button:disabled{cursor:not-allowed;opacity:.5}.cart-sidebar{background:#fff;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:-400px;top:0;transition:right .3s ease;width:380px;z-index:900}.cart-sidebar.active{right:0}.cart-header{align-items:center;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;padding:20px}.cart-header h3{color:#2d3748;margin:0}.btn-clear-cart{background:#fed7d7;border:none;border-radius:6px;color:#742a2a;cursor:pointer;font-size:.9rem;padding:8px 15px}.btn-clear-cart:hover{background:#feb2b2}.empty-cart{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-cart p{color:#4a5568;font-size:1.1rem;margin:10px 0}.empty-cart small{color:#a0aec0}.cart-items{flex:1 1;overflow-y:auto;padding:20px}.cart-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.item-info{flex:1 1}.item-info strong{color:#2d3748;display:block;margin-bottom:5px}.item-info small{color:#718096;font-size:.85rem}.item-controls{align-items:center;display:flex;gap:15px}.quantity-controls{align-items:center;background:#fff;border:1px solid #cbd5e0;border-radius:20px;display:flex;gap:10px;padding:5px}.quantity-controls button{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;width:30px}.quantity-controls button:disabled{cursor:not-allowed;opacity:.5}.quantity-controls span{font-weight:700;min-width:30px;text-align:center}.item-price{color:#2d3748;font-weight:700;min-width:60px;text-align:right}.btn-remove{background:#fed7d7;border-radius:50%;color:#742a2a;font-size:1.2rem}.btn-remove:hover{background:#feb2b2}.cart-summary{background:#f7fafc;border-top:1px solid #e1e4e8;padding:20px}.summary-row{color:#4a5568;display:flex;justify-content:space-between;margin-bottom:10px}.summary-row.discount{color:#38a169}.summary-row.total{border-top:2px solid #e2e8f0;color:#2d3748;font-size:1.2rem;margin-top:15px;padding-top:15px}.btn-checkout,.btn-identify-first{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;margin-top:20px;padding:15px;transition:all .3s;width:100%}.btn-checkout{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-checkout:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-checkout:disabled{cursor:not-allowed;opacity:.5}.btn-identify-first{background:#ed8936;color:#fff}.btn-identify-first:hover{background:#dd6b20}.store-controls{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;padding:20px}.search-container{margin-bottom:20px;position:relative}.search-input{border-radius:10px;font-size:1rem;padding:15px 20px 15px 50px;transition:border-color .3s}.search-input:focus{border-color:#667eea}.search-icon{font-size:1.2rem;left:20px}.category-filters{display:flex;flex-wrap:wrap;gap:10px}.category-btn{background:#fff;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s}.category-btn:hover{border-color:#667eea;color:#667eea}.category-btn.active{background:#667eea;border-color:#667eea;color:#fff}.books-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px 0}.book-card{background:#fff;border:1px solid #e1e4e8;border-radius:15px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.book-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.book-badge{display:flex;gap:5px;left:10px;position:absolute;top:10px;z-index:1}.bestseller,.discount-badge{border-radius:15px;font-size:.8rem;font-weight:700;padding:5px 10px;text-transform:uppercase}.bestseller{background:#fed7d7;color:#742a2a}.discount-badge{background:#c6f6d5;color:#22543d}.book-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:200px;justify-content:center;position:relative}.book-image img{height:100%;object-fit:cover;width:100%}.book-image-placeholder{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.book-details{padding:20px}.book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2d3748;display:-webkit-box;font-size:1.2rem;height:3.6em;line-height:1.4;margin:0 0 10px;overflow:hidden}.book-author{color:#718096;font-size:.95rem;margin:5px 0}.book-publisher{color:#a0aec0;font-size:.85rem;margin:5px 0 15px}.book-meta{color:#718096;display:flex;gap:15px}.book-description,.book-meta{font-size:.9rem;margin:15px 0}.book-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;height:4.5em;line-height:1.5;overflow:hidden}.book-price-section{margin:20px 0}.price-row{align-items:center;display:flex;gap:10px;margin-bottom:5px}.original-price{color:#a0aec0;font-size:.9rem;text-decoration:line-through}.current-price,.discounted-price{color:#2d3748;font-size:1.3rem;font-weight:700}.discounted-price{color:#e53e3e}.book-stock{font-size:.9rem}.in-stock{color:#38a169}.out-of-stock{color:#e53e3e}.book-actions{display:flex;gap:10px}.btn-add-to-cart,.btn-details{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .3s}.btn-add-to-cart{background:#667eea;color:#fff}.btn-add-to-cart:hover:not(:disabled){background:#5a67d8}.btn-add-to-cart:disabled{cursor:not-allowed;opacity:.5}.btn-details{background:#e2e8f0;color:#4a5568}.btn-details:hover{background:#cbd5e0}.loading{font-size:1.2rem}.no-books{grid-column:1/-1;padding:60px 20px;text-align:center}.no-books .empty-icon{font-size:5rem;margin-bottom:20px;opacity:.3}.no-books h3{color:#4a5568;margin:10px 0}.no-books p{color:#a0aec0}.checkout-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.checkout-content{padding:30px}.order-summary,.payment-methods,.user-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:30px;padding:20px}.order-summary h4,.payment-methods h4,.user-info h4{border-bottom:2px solid #e2e8f0;color:#2d3748;margin:0 0 15px;padding-bottom:10px}.user-info p{display:flex;gap:10px;margin:10px 0}.user-info strong{color:#4a5568;min-width:100px}.order-item{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:10px 0}.order-totals{margin-top:20px}.total-row{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:10px 0}.total-row.discount{color:#38a169}.grand-total{border-bottom:2px solid #2d3748;color:#2d3748;font-size:1.2rem}.payment-options{display:flex;flex-wrap:wrap;gap:15px}.payment-option{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;min-width:120px;padding:15px;transition:all .3s}.payment-option:hover{border-color:#667eea}.payment-option input[type=radio]:checked+span{color:#667eea;font-weight:700}.checkout-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.btn-cancel,.btn-confirm-purchase{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:15px 30px;transition:all .3s}.btn-confirm-purchase{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff}.btn-confirm-purchase:hover:not(:disabled){box-shadow:0 5px 15px #38a16966;transform:translateY(-2px)}.btn-confirm-purchase:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:#fed7d7;color:#742a2a}.btn-cancel:hover{background:#feb2b2}.success-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.success-modal .modal-content{max-width:600px;padding:40px;text-align:center}.success-icon{color:#38a169;font-size:4rem;margin-bottom:20px}.success-modal h3{color:#2d3748;font-size:2rem;margin:0 0 10px}.success-modal p{color:#718096;font-size:1.1rem;margin-bottom:30px}.receipt-preview{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-family:monospace;margin:30px 0;max-height:300px;overflow-y:auto;padding:20px;text-align:left;white-space:pre-wrap}.success-actions{display:flex;gap:15px;justify-content:center}.btn-continue,.btn-print{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:15px 30px;transition:all .3s}.btn-print{background:#ed8936;color:#fff}.btn-print:hover{background:#dd6b20}.btn-continue{background:#667eea;color:#fff}.btn-continue:hover{background:#5a67d8}@media (max-width:1200px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:992px){.bookstore-header{flex-direction:column;gap:20px;text-align:center}.cart-sidebar{max-width:400px;width:100%}.books-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.store-controls{padding:15px}.category-filters{overflow-x:auto;padding-bottom:10px}.category-btn{white-space:nowrap}.books-grid{gap:20px;grid-template-columns:1fr}.user-selector{flex-direction:column;width:100%}.btn-identify,.btn-identify-manual,.user-type-select{justify-content:center;width:100%}.checkout-actions{flex-direction:column}.btn-cancel,.btn-confirm-purchase{width:100%}}@media (max-width:480px){.bookstore-header{padding:15px}.modal-content{width:95%}.face-scan-container{padding:15px}.camera-preview video{height:300px}.scan-controls{flex-direction:column}.scan-controls button{width:100%}.book-actions{flex-direction:column}}.fees-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.header-left h1{font-size:1.8rem;gap:10px}.stats-container{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{gap:1rem}.stat-icon{background:#f0f2f5;border-radius:50%}.distribution-chart{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.distribution-chart h3{color:#2d3748;margin:0 0 1rem}.distribution-bars{display:flex;flex-direction:column;gap:.75rem}.distribution-item{align-items:center;display:flex;gap:1rem}.distribution-label{align-items:center;color:#4a5568;display:flex;font-weight:500;gap:.5rem;width:200px}.distribution-bar-container{background:#f7fafc;border-radius:15px;flex:1 1;height:30px;overflow:hidden;position:relative}.distribution-bar{align-items:center;border-radius:15px;display:flex;height:100%;justify-content:flex-end;padding:0 1rem;transition:width .3s ease}.distribution-count{color:#fff;font-size:.85rem;font-weight:600}.filters-section{margin-bottom:1.5rem;padding:1.5rem}.filters-row{gap:1rem;margin-bottom:1rem}.search-input{border:1px solid #e2e8f0;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.search-icon{left:1rem}.filter-controls{align-items:center;gap:1rem}.filter-select{border:1px solid #e2e8f0;min-width:180px;padding:.75rem 1rem}.action-buttons{gap:1rem}.view-toggle{display:flex;gap:.5rem}.view-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.view-btn:hover{background:#f7fafc}.view-btn.active{background:#10b981;border-color:#10b981}.btn-clear-filters,.btn-export,.btn-refresh{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-refresh{background:#edf2f7;color:#4a5568}.btn-refresh:hover:not(:disabled){background:#e2e8f0}.btn-export{background:#48bb78;color:#fff}.btn-export:hover:not(:disabled){background:#38a169}.btn-export:disabled{cursor:not-allowed;opacity:.5}.btn-clear-filters{background:#fed7d7;color:#c53030}.btn-clear-filters:hover{background:#feb2b2}.results-summary{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.summary-left{display:flex;gap:1.5rem}.filtered-count,.total-count{border-radius:20px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.total-count{background:#bee3f8;color:#2b6cb0}.filtered-count{background:#c6f6d5;color:#22543d}.pagination-controls{gap:.75rem}.page-select{padding:.5rem}.page-btn,.page-select{border:1px solid #e2e8f0}.page-btn{background:#fff;padding:.5rem 1rem}.page-btn:hover:not(:disabled){background:#f7fafc}.page-info{color:#4a5568;font-size:.9rem}.team-detail-view{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.detail-header{gap:1rem;padding:1.5rem}.btn-back{align-items:center;background:#fff;border:1px solid #e2e8f0;display:flex;gap:8px;padding:.5rem 1rem}.btn-back:hover{background:#f7fafc}.detail-header h2{color:#2d3748}.team-tabs{padding:1.5rem}.tabs-header{margin-bottom:1.5rem;padding-bottom:1rem}.tabs-nav{gap:.5rem}.tab-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1.5rem}.tab-btn:hover{background:#f7fafc}.tab-btn.active{background:#10b981;border-color:#10b981}.team-actions{display:flex;gap:.75rem}.team-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:.75rem 1.5rem}.team-actions .btn-edit{background:#fef3c7;color:#92400e}.team-actions .btn-edit:hover{background:#fde68a}.team-actions .btn-status{background:#d1fae5;color:#065f46}.team-actions .btn-status.deactivate{background:#fef3c7;color:#92400e}.team-actions .btn-status:hover{opacity:.8}.overview-tab{padding:1rem 0}.team-info-card{background:#f7fafc;border-radius:12px;margin-bottom:2rem;padding:2rem}.team-header{gap:2rem;margin-bottom:2rem}.team-avatar{border:4px solid #fff;box-shadow:0 4px 12px #0000001a;height:120px;width:120px}.avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.team-title h2{color:#2d3748;margin:0 0 .5rem}.team-id{font-weight:500;margin:0 0 1rem}.team-tags{flex-wrap:wrap;gap:.75rem}.category-tag,.gender-tag,.sport-tag,.status-tag{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:.5rem 1rem}.sport-tag{background:#dbeafe;color:#1e40af}.category-tag{background:#fef3c7;color:#92400e}.gender-tag{background:#e0e7ff;color:#3730a3}.team-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.detail-section{background:#fff;border:1px solid #e2e8f0;padding:1.5rem}.detail-section.full-width{grid-column:1/-1}.detail-section h4{color:#2d3748;font-size:1.1rem;gap:10px;margin:0 0 1rem}.detail-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.detail-item{gap:.5rem}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#718096;font-size:.85rem}.detail-item p{color:#2d3748}.motto{color:#4a5568;font-size:1.1rem;font-style:italic}.color-display{display:flex;flex-wrap:wrap;gap:.5rem}.color-chip{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.color-chip span{text-shadow:0 1px 2px #0000004d}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:#f7fafc;border:1px solid #e2e8f0;padding:1.5rem}.stat-card .stat-value{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-card .stat-label{color:#718096;font-size:.9rem}.composition-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.composition-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:1rem;padding:1rem}.composition-icon{color:#10b981;font-size:1.5rem}.composition-info .composition-value{color:#2d3748;font-size:1.5rem;font-weight:700}.composition-info .composition-label{color:#718096;font-size:.85rem}.strengths-improvements{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.improvements h5,.strengths h5{align-items:center;color:#2d3748;display:flex;gap:8px;margin:0 0 1rem}.improvement-list,.strength-list{display:flex;flex-direction:column;gap:.75rem}.improvement-item,.strength-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem}.members-tab{padding:1rem 0}.section-header{margin-bottom:1.5rem}.section-header h3{align-items:center;color:#2d3748;display:flex;gap:10px;margin:0}.members-table{margin-bottom:2rem;overflow-x:auto}.members-table table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.members-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:1rem;text-align:left}.members-table td{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:middle}.members-table tr:hover{background:#f7fafc}.member-info{gap:1rem}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:#f0f2f5;border-radius:50%;font-size:1.2rem;height:40px;justify-content:center;width:40px}.role-tag{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.role-tag.captain{background:#fef3c7;color:#92400e}.role-tag.vice_captain{background:#dbeafe;color:#1e40af}.role-tag.player{background:#d1fae5;color:#065f46}.role-tag.substitute{background:#edf2f7;color:#4a5568}.role-tag.reserve{background:#e0e7ff;color:#3730a3}.jersey-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:inline-block;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.staff-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.staff-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.staff-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.staff-avatar{align-items:center;background:#f0f2f5;border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.staff-info h5{color:#2d3748;margin:0 0 .25rem}.staff-role{color:#3b82f6;font-weight:500;margin:0 0 .5rem}.staff-specialization{color:#718096;font-size:.9rem;margin:0 0 .25rem}.staff-date{color:#a0aec0;font-size:.85rem;margin:0}.fixtures-container,.fixtures-tab{padding:1rem 0}.fixtures-list{display:flex;flex-direction:column;gap:1rem}.fixture-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.fixture-card.scheduled{border-left:4px solid #3b82f6}.fixture-card.ongoing{border-left:4px solid #f59e0b}.fixture-card.completed{border-left:4px solid #10b981}.fixture-card.postponed{border-left:4px solid #6b7280}.fixture-card.cancelled{border-left:4px solid #ef4444}.fixture-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.fixture-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1rem 1.5rem}.fixture-header,.fixture-type{align-items:center;display:flex}.fixture-type{gap:1rem}.fixture-body{padding:1.5rem}.teams{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.team{flex:1 1;text-align:center}.team-name{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.team-score{font-size:2rem;font-weight:700}.vs{color:#718096;font-size:1.2rem;font-weight:600}.fixture-details{justify-content:space-between}.fixture-details,.venue{align-items:center;display:flex}.venue{color:#718096;gap:.5rem}.result{border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.result.win{background:#d1fae5;color:#065f46}.result.loss{background:#fee2e2;color:#991b1b}.result.draw{background:#fef3c7;color:#92400e}.result.tie{background:#e0e7ff;color:#3730a3}.result.no_result{background:#edf2f7;color:#4a5568}.fixture-highlights,.fixture-report{border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.fixture-highlights h5,.fixture-report h5{color:#2d3748;margin:0 0 .5rem}.fixture-highlights ul{margin:0;padding-left:1.5rem}.fixture-highlights li{color:#4a5568;margin-bottom:.25rem}.fixture-report p{color:#4a5568;line-height:1.6;margin:0}.achievements-container,.achievements-tab{padding:1rem 0}.achievements-list{gap:1.5rem}.achievement-card{border:1px solid #e2e8f0;transition:transform .3s ease}.achievement-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.achievement-header{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;gap:1.5rem;padding:1.5rem}.achievement-icon{color:#92400e;font-size:2rem}.achievement-title h4{color:#92400e;margin:0 0 .5rem}.achievement-meta{align-items:center;flex-wrap:wrap;gap:1rem}.competition{background:#fffc;border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.year{color:#92400e;font-weight:600}.level{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.level-school{background:#d1fae5;color:#065f46}.level-inter_school{background:#dbeafe;color:#1e40af}.level-district{background:#e0e7ff;color:#3730a3}.level-state{background:#fef3c7;color:#92400e}.level-national{background:#fce7f3;color:#be185d}.level-international{background:#fee2e2;color:#991b1b}.achievement-body{padding:1.5rem}.description{margin:0 0 1rem}.achievement-details{color:#4a5568;display:flex;gap:2rem}.stats-tab{padding:1rem 0}.detailed-stats{display:flex;flex-direction:column;gap:2rem}.stat-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.stat-section h4{color:#2d3748;margin:0 0 1.5rem}.performance-stats,.scoring-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem}.stat-item .stat-value{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-item .stat-label{color:#718096;font-size:.9rem}.top-performers{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.performer-card{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.performer-card:hover{transform:translateY(-5px)}.performer-avatar{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.performer-info h5{color:#2d3748;margin:0 0 .5rem}.performer-stats{display:flex;flex-wrap:wrap;gap:1rem}.performer-stats span{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#4a5568;font-size:.85rem;padding:.25rem .75rem}.teams-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.team-card{border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s ease}.team-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-5px)}.card-header{background:linear-gradient(135deg,#10b981,#059669 20%,#0000 0);gap:1rem;padding:1.5rem}.team-avatar{border:3px solid #fff;height:80px;width:80px}.team-basic-info{flex:1 1}.team-basic-info h4{color:#2d3748;font-size:1.1rem;margin:0 0 .25rem}.team-id{color:#718096;font-size:.85rem;margin:0 0 .5rem}.team-tags{display:flex;gap:.5rem}.members-count{align-items:center;color:#4a5568;display:flex;font-size:.85rem;gap:4px}.card-body{padding:1.5rem}.team-detail{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:8px;margin-bottom:.75rem}.team-stats{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.team-stats .stat{text-align:center}.team-stats .stat-value{color:#2d3748;display:block;font-size:1.2rem;font-weight:700}.team-stats .stat-label{color:#718096;display:block;font-size:.8rem;margin-top:.25rem}.card-actions{background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-view{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .3s ease}.fees-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.fees-table thead{background:#f7fafc}.fees-table th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:1rem;text-align:left}.fees-table td{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:top}.fees-table tr:hover{background:#f7fafc}.team-info{align-items:flex-start;display:flex;gap:1rem}.team-avatar{border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}.team-avatar img{height:100%;object-fit:cover;width:100%}.team-meta{color:#718096;display:flex;font-size:.85rem;gap:1rem;margin:.25rem 0}.members-info div,.performance-info div,.quick-stats .stat-item,.sport-info p{color:#4a5568;font-size:.9rem;margin:.25rem 0}.sport-type{align-items:center;display:flex;font-weight:500;gap:8px}.team-category{color:#10b981;font-weight:500}.formation-date{color:#718096;font-size:.85rem}.quick-stats{display:flex;flex-direction:column;gap:.5rem}.stat-item{display:flex;justify-content:space-between}.stat-label{color:#718096}.stat-value{color:#2d3748;font-weight:500}.members-info{display:flex;flex-direction:column;gap:.5rem}.coaches-count,.members-count{align-items:center;display:flex;gap:6px}.captain-info small{color:#718096;font-size:.85rem}.performance-info{display:flex;flex-direction:column;gap:.75rem}.achievements-count,.ranking,.win-percentage{align-items:center;display:flex;gap:8px}.percentage{color:#10b981}.percentage,.rank{font-size:1.2rem;font-weight:700}.rank{color:#f59e0b}.status-container{display:flex;flex-direction:column;gap:.75rem}.status-badge{padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.fixtures-count{align-items:center;color:#4a5568;display:flex;font-size:.85rem;gap:6px}.actions{gap:.5rem}.actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-view{background:#3b82f6;color:#fff;padding:.5rem 1rem;width:auto}.btn-view:hover{background:#2563eb}.btn-edit{background:#fef3c7;color:#92400e}.btn-edit:hover{background:#fde68a}.btn-delete{color:#991b1b}.btn-delete:hover{background:#fecaca}.btn-status{background:#d1fae5;color:#065f46}.btn-status.deactivate{color:#92400e}.btn-status:hover{opacity:.8}.form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.form-container{background:#fff;border-radius:12px;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.extra-extra-large-form{max-width:1400px}.scrollable-form{max-height:70vh;overflow-y:auto;padding-right:1rem}.form-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.form-header,.form-header h3{align-items:center;display:flex}.form-header h3{gap:10px;margin:0}.close-btn{color:#718096;font-size:1.5rem}.fees-form{padding:1.5rem}.form-section{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none}.form-section h4{align-items:center;color:#4a5568;display:flex;gap:10px;margin:0 0 1rem}.form-row{grid-gap:1rem;gap:1rem;margin-bottom:1rem}.form-group{gap:.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.75rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.checkbox-group{flex-direction:row;gap:.75rem}.checkbox-group label{gap:.75rem}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1 1}.btn-add{background:#10b981;border-radius:8px;font-weight:500;padding:.75rem 1.5rem}.btn-add:hover{background:#059669}.color-list,.improvement-list,.strength-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.color-item,.improvement-item,.strength-item{align-items:center;background:#edf2f7;border-radius:20px;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 1rem}.color-chip{border:2px solid #fff;border-radius:50%;height:20px;width:20px}.btn-remove-small{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;width:20px}.btn-remove-small:hover{background:#e2e8f0;color:#4a5568}.member-form,.staff-form{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem}.btn-remove{align-self:flex-end;border-radius:6px;color:#991b1b;height:36px;width:36px}.btn-add-section{align-items:center;background:#edf2f7;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-top:1rem;padding:.75rem 1.5rem}.btn-add-section:hover{background:#e2e8f0}.days-selector{gap:.5rem}.day-btn{border:1px solid #e2e8f0;border-radius:20px;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.day-btn:hover{background:#f7fafc}.day-btn.selected{background:#10b981;border-color:#10b981}.form-actions{background:#fff;border-top:1px solid #e2e8f0;bottom:0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;position:-webkit-sticky;position:sticky}.btn-save{align-items:center;background:#48bb78;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:.75rem 2rem}.btn-save:hover:not(:disabled){background:#38a169}.btn-save:disabled{opacity:.5}.btn-cancel{align-items:center;background:#e2e8f0;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:.75rem 2rem}.btn-cancel:hover{background:#cbd5e0}.empty-state{border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:4rem 2rem}.empty-state.small{padding:2rem}.empty-icon{color:#10b981;margin-bottom:1.5rem}.empty-state h3,.empty-state h4{color:#2d3748;margin:0 0 .5rem}.empty-state p{color:#718096;margin-bottom:1.5rem}.loading{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#718096;font-size:1.1rem;padding:3rem;text-align:center}.btn-primary{align-items:center;background:#10b981;border-radius:8px;display:flex;font-weight:500;gap:8px;padding:.75rem 1.5rem;transition:background .3s ease}.btn-primary:hover{background:#059669}@media (max-width:768px){.filters-row{flex-direction:column}.search-box{min-width:100%}.filter-controls{justify-content:space-between;width:100%}.filter-select{flex:1 1;min-width:0}.action-buttons{flex-direction:column;gap:1rem}.view-toggle{width:100%}.view-btn{flex:1 1;text-align:center}.results-summary{align-items:stretch;flex-direction:column;gap:1rem}.summary-left{justify-content:space-between}.team-details-grid{grid-template-columns:1fr}.team-card{max-width:100%}.form-row{grid-template-columns:1fr}.form-container{margin:1rem}.team-header{flex-direction:column;text-align:center}.team-tags{justify-content:center}.tabs-header,.tabs-nav{flex-direction:column}.tabs-header{align-items:stretch;gap:1rem}.team-actions{justify-content:center}}@media (max-width:480px){.header-left h1{font-size:1.4rem}.stats-container{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center}.team-avatar,.team-card .team-avatar{height:60px;width:60px}.actions{flex-wrap:wrap;justify-content:center}.distribution-label{width:150px}}.maintenance-header{align-items:center;background:linear-gradient(135deg,#3182ce,#2b6cb0);border-radius:10px;color:#fff;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px}.header-left h1{color:#fff;font-size:2rem}.header-left p{margin:5px 0 0;opacity:.9}.stats-container{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:25px}.stat-card{border:1px solid #e1e4e8;box-shadow:0 2px 8px #00000014}.stat-card:hover{box-shadow:0 4px 12px #0000001f}.stat-icon{background:linear-gradient(135deg,#3182ce,#2b6cb0);font-size:2.5rem}.stat-info h3{color:#2d3748;font-size:1.8rem;margin:0 0 5px}.stat-info p{color:#718096;font-size:.9rem;margin:0}.maintenance-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.maintenance-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:15px;text-align:left}.maintenance-table td{border-bottom:1px solid #e2e8f0;padding:12px 15px}.maintenance-table tbody tr:hover{background:#f7fafc}.maintenance-table tbody tr.overdue-task{background:#fff5f5;border-left:4px solid #e53e3e}.task-id-cell{color:#2d3748;display:flex;flex-direction:column;font-weight:700;gap:5px}.overdue-badge{background:#fed7d7;border-radius:12px;color:#742a2a;display:inline-block;font-size:.7rem;font-weight:700;padding:3px 8px}.task-details-cell .task-info{align-items:flex-start;display:flex;gap:12px;max-width:300px}.task-icon{font-size:2rem;min-width:40px}.task-details-cell .task-info div{display:flex;flex-direction:column;gap:4px}.task-details-cell strong{color:#2d3748;font-size:1rem;line-height:1.4}.task-details-cell small{color:#718096;font-size:.85rem}.task-details-cell .description{color:#4a5568;font-size:.8rem;font-style:italic;margin-top:4px}.task-details-cell .book-info{color:#2b6cb0;font-weight:500}.location-cell .location-info{display:flex;flex-direction:column;gap:3px;max-width:200px}.location-cell small{color:#4a5568;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-cell .schedule-info{display:flex;flex-direction:column;gap:3px;max-width:200px}.schedule-cell small{color:#718096;font-size:.85rem}.assignment-cell .assignment-info{display:flex;flex-direction:column;gap:3px;max-width:200px}.assignment-cell small{color:#2d3748;font-size:.85rem}.assignment-cell .unassigned{color:#e53e3e;font-style:italic}.priority-badge{color:#fff;display:inline-block;font-size:.85rem;min-width:80px;padding:6px 12px;text-align:center}.status-badge{min-width:100px}.actions{align-items:center;display:flex;gap:8px;min-width:200px}.status-quick-select{background:#fff;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;font-size:.85rem;min-width:120px;padding:6px 10px}.status-quick-select:disabled{cursor:not-allowed;opacity:.6}.xlarge-form{max-width:1400px;width:95%}.maintenance-form .form-section{border-bottom:1px solid #e2e8f0;margin-bottom:25px;padding-bottom:20px}.maintenance-form .form-section:last-child{border-bottom:none}.maintenance-form .form-section h4{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748;display:flex;gap:8px;margin-bottom:15px;padding-bottom:8px}.maintenance-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.file-input{background:#fff;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:8px;transition:border-color .2s;width:100%}.file-input:hover{border-color:#3182ce}.file-input:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px}.spinner{border:4px solid #f3f3f3;border-top-color:#3182ce;margin-bottom:15px}.empty-state{box-shadow:0 2px 8px #00000014}.empty-icon{font-size:4rem;opacity:.5}.empty-state h3{color:#4a5568;margin:10px 0}.empty-state p{color:#a0aec0}.error{background-color:#fff5f5!important;border-color:#e53e3e!important}.error-message{color:#e53e3e;display:block;font-size:.85rem;margin-top:4px}@media (max-width:1200px){.xlarge-form{margin:10px;width:98%}.form-row{grid-template-columns:repeat(2,1fr)}.maintenance-table{display:block;overflow-x:auto}}@media (max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr)}.maintenance-header{flex-direction:column;gap:20px;text-align:center}.filters-row{flex-direction:column;gap:10px}.filter-controls{flex-wrap:wrap;gap:10px}.filter-select{flex:1 1;min-width:120px}.form-row{grid-template-columns:1fr}.actions{flex-wrap:wrap;gap:5px}.status-quick-select{min-width:100px}.task-info{flex-direction:column;gap:8px}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.filters-section{padding:10px}.action-buttons{flex-direction:column;gap:10px}.priority-badge,.status-badge{font-size:.8rem;min-width:60px;padding:4px 8px}}.sport-types-page{background-color:#f8f9fa;display:flex;margin-left:40px;margin-top:90px;min-height:100vh}.distribution-section{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.distribution-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px}.category-chart{display:flex;flex-direction:column;gap:12px}.category-item{background:#f8f9fa;border-radius:6px;justify-content:space-between;padding:8px 12px}.category-item,.category-label{align-items:center;display:flex}.category-label{color:#2c3e50;font-weight:500;gap:10px}.category-dot{border-radius:50%;height:12px;width:12px}.category-stats{align-items:center;display:flex;gap:8px}.category-count{color:#2c3e50;font-weight:600}.category-percentage{color:#7f8c8d;font-size:14px}.view-btn{background:none;border-radius:6px;color:#64748b;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#3b82f6}.view-btn:hover:not(.active){color:#334155}.sport-types-table{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;overflow:hidden;overflow-x:auto}.sport-types-table table{border-collapse:collapse;width:100%}.sport-types-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.sport-types-table td{border-bottom:1px solid #f1f5f9;padding:15px;vertical-align:middle}.sport-types-table tr:hover{background:#f8fafc}.sport-info{gap:12px}.sport-icon{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.sport-details{display:flex;flex-direction:column;gap:4px}.sport-code{background:#f1f5f9;color:#64748b;font-size:12px;font-weight:500}.featured-badge,.sport-code{border-radius:4px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.featured-badge{background:#fef3c7;color:#f59e0b;gap:4px}.category-cell{display:flex;flex-direction:column;gap:4px}.category-icon{color:#64748b;font-size:14px}.difficulty-badge,.risk-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.popularity-cell{display:flex;flex-direction:column;gap:6px}.popularity-score{color:#334155;font-weight:600}.popularity-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100px}.popularity-fill{border-radius:3px;height:100%}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.cost-cell{display:flex;flex-direction:column;gap:2px}.cost-cell strong{color:#334155}.cost-cell small{color:#64748b;font-size:12px}.btn-delete,.btn-edit,.btn-featured,.btn-status,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-featured.feature{background:#fef3c7;color:#d97706}.btn-featured.feature:hover{background:#f59e0b;color:#fff}.btn-featured.unfeature{background:#fef3c7;color:#f59e0b}.btn-featured.unfeature:hover{background:#f59e0b;color:#fff}.sport-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.sport-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.sport-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.sport-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;gap:15px;padding:20px;position:relative}.sport-card-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.sport-card-title h4{color:#fff;font-size:18px;font-weight:600;margin:0}.sport-card-title .sport-code{color:#fffc;font-size:12px;font-weight:500}.featured-badge-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;display:flex;font-size:12px;gap:4px;padding:4px 10px;position:absolute;right:15px;top:15px}.sport-card-body{padding:20px}.sport-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:20px;overflow:hidden}.sport-card-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.sport-card-stats{border-top:1px solid #f1f5f9;display:flex;gap:20px;padding-top:15px}.stat-item{flex:1 1}.stat-label{color:#64748b;display:block}.stat-value{color:#334155;display:block}.sport-card-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:15px 20px}.status-dot.active{background:#10b981}.status-dot.inactive{background:#ef4444}.sport-card-actions{display:flex;gap:8px}.sport-type-detail-view{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.sport-tabs{display:flex;flex-direction:column}.sport-actions{display:flex;flex-wrap:wrap;gap:10px}.overview-tab .sport-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.sport-icon-large{align-items:center;background:#f1f5f9;border-radius:15px;display:flex;font-size:32px;height:80px;justify-content:center;width:80px}.sport-title h2{color:#2c3e50;font-size:28px;margin:0 0 5px}.sport-title .sport-code{background:#f1f5f9;border-radius:6px;color:#64748b;display:inline-block;font-size:16px;margin-bottom:10px;padding:4px 12px}.sport-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.category-tag,.difficulty-tag,.featured-tag,.risk-tag,.status-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.category-tag{background:#e0f2fe;border:1px solid #7dd3fc;color:#0369a1}.status-tag.active{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-tag.inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.featured-tag{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.quick-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.quick-stats-grid .stat-card{margin:0}.details-grid{grid-gap:20px;display:grid;gap:20px}.detail-section{background:#f8fafc;border-radius:10px;padding:20px}.detail-section h4{align-items:center;color:#2c3e50;display:flex;font-size:16px;gap:8px;margin-bottom:15px}.detail-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:15px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{color:#64748b;font-size:14px;font-weight:500}.detail-item p{color:#1f2937;font-size:16px;margin:0}.equipment-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.summary-item{gap:2px}.summary-label{color:#64748b}.summary-value{color:#1f2937;font-size:18px;font-weight:600}.cost-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cost-item{display:flex;flex-direction:column;gap:5px}.cost-value{color:#1f2937;color:#059669;font-size:20px;font-weight:600}.guidelines-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.guidelines-list li{color:#4b5563;font-size:14px;padding-left:20px;position:relative}.guidelines-list li:before{color:#3b82f6;content:"•";left:0;position:absolute}.keyword,.tag{border-radius:20px;font-size:14px;padding:4px 12px}.keyword{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.equipment-table{overflow-x:auto}.equipment-table table{border-collapse:collapse;width:100%}.equipment-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 15px;text-align:left;white-space:nowrap}.equipment-table td{border-bottom:1px solid #f1f5f9;padding:12px 15px;vertical-align:middle}.equipment-info{align-items:center;display:flex;gap:10px}.equipment-icon{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;height:36px;justify-content:center;width:36px}.condition-tag{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.condition-tag.excellent{background:#d1fae5;color:#065f46}.condition-tag.good{background:#e0f2fe;color:#0369a1}.condition-tag.fair,.condition-tag.needs_repair{background:#fef3c7;color:#92400e}.condition-tag.unusable{background:#fee2e2;color:#991b1b}.total-cost{color:#059669;font-size:18px}.benefits-container{display:flex;flex-direction:column;gap:30px}.fitness-components .components-grid,.health-benefits .benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:15px}.benefit-card,.component-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;transition:transform .2s,box-shadow .2s}.benefit-card:hover,.component-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.benefit-card{align-items:flex-start;display:flex;gap:15px}.benefit-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.benefit-content h5{color:#2c3e50;font-size:16px;margin:0 0 8px}.benefit-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.component-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.component-header h5{color:#2c3e50;font-size:16px;margin:0}.impact-level{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.impact-level.high{background:#fee2e2;color:#991b1b}.impact-level.medium{background:#fef3c7;color:#92400e}.impact-level.low{background:#d1fae5;color:#065f46}.rules-container{display:flex;flex-direction:column;gap:30px}.requirements-list,.rules-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.rules-list li{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4b5563;counter-increment:rule;font-size:14px;line-height:1.5;padding:10px 15px}.rules-list li:before{color:#3b82f6;content:counter(rule) ". ";font-weight:600;margin-right:5px}.requirements-list li{align-items:center;border-bottom:1px solid #f1f5f9;color:#4b5563;display:flex;font-size:14px;gap:10px;padding:8px 0}.requirements-list li:last-child{border-bottom:none}.requirements-list li svg{color:#3b82f6;flex-shrink:0}.levels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.level-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.level-header h5{color:#2c3e50;font-size:16px;margin:0 0 10px}.level-details{display:flex;flex-direction:column;gap:5px}.level-details .detail{color:#64748b;font-size:14px}.level-details strong{color:#4b5563;margin-right:5px}.media-container{gap:30px}.links-list,.media-container{display:flex;flex-direction:column}.links-list{gap:10px;margin-top:10px}.link-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:10px 15px;transition:all .2s}.link-item:hover{background:#f8fafc;border-color:#cbd5e1}.link-item svg{color:#64748b;flex-shrink:0}.link-item a{color:#3b82f6;font-size:14px;text-decoration:none;word-break:break-all}.link-item a:hover{text-decoration:underline}.sports-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.related-sport{background:#e0f2fe;border:1px solid #7dd3fc;border-radius:20px;color:#0369a1;font-size:14px;padding:6px 12px}.achievements-list{display:flex;flex-direction:column;gap:15px;margin-top:10px}.achievement-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:15px;padding:15px}.achievement-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.achievement-content h5{color:#2c3e50;font-size:15px;margin:0 0 5px}.achievement-content p{color:#64748b;font-size:14px;margin:0 0 8px}.achievement-level{background:#f1f5f9;border-radius:12px;color:#64748b;font-weight:500;padding:3px 10px}.modal-content{max-width:1200px}.sport-type-form{display:flex;flex-direction:column;height:100%}.icon-selector{gap:15px}.current-icon,.icon-selector{align-items:center;display:flex}.current-icon{background:#f1f5f9;border-radius:8px;font-size:20px;height:40px;justify-content:center;width:40px}.color-picker{align-items:center;display:flex;gap:15px}.color-options{display:flex;flex-wrap:wrap;gap:5px}.color-option{border:2px solid #0000;border-radius:4px;cursor:pointer;height:24px;transition:transform .2s;width:24px}.color-option:hover{transform:scale(1.1)}.age-group-selector{display:flex;flex-direction:column;gap:10px}.age-inputs{align-items:center;display:flex;gap:10px}.age-inputs input{flex:1 1;text-align:center}.equipment-management{margin-top:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h4{color:#2c3e50;font-size:16px;margin:0}.btn-add,.section-header h4{align-items:center;display:flex;gap:8px}.btn-add{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.btn-add:hover{background:#2563eb}.equipment-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:15px;padding:20px}.equipment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.equipment-header h5{color:#2c3e50;font-size:15px;margin:0}.btn-remove{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:background .2s;width:30px}.btn-remove:hover{background:#fecaca}.empty-equipment{color:#94a3b8;padding:30px;text-align:center}.empty-equipment svg{font-size:40px;margin-bottom:10px}.range-value{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:space-between;margin-top:5px}.current-value{color:#3b82f6;font-size:16px;font-weight:600}.checkbox-group small{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.array-input{display:flex;gap:10px}.array-input input{flex:1 1}.btn-add-item{align-items:center;background:#e0f2fe;border:2px solid #e2e8f0;border-radius:6px;color:#0369a1;cursor:pointer;display:flex;font-size:16px;justify-content:center;transition:all .2s;width:40px}.btn-add-item:hover{background:#7dd3fc;border-color:#7dd3fc;color:#fff}.array-items{display:flex;flex-direction:column;gap:8px;margin-top:10px}.array-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.array-item span{color:#4b5563;font-size:14px}.array-item button{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:14px;line-height:1;padding:4px}.array-item button:hover{background:#fee2e2}@media (max-width:768px){.main-content{margin-left:0;padding:15px;width:100%}.stats-container{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sport-types-table{border-radius:0;margin:0 -15px}.action-buttons{align-items:stretch;flex-direction:column}.left-actions,.right-actions{width:100%}.right-actions{justify-content:space-between}.detail-header{gap:15px}.detail-header,.tabs-header{align-items:stretch;flex-direction:column}.tabs-nav{overflow-x:auto;padding-bottom:10px}.sport-actions{justify-content:center}.modal-content{max-height:95vh}.form-scroll{padding:0 15px}.form-section{padding:20px}.detail-row,.form-grid{grid-template-columns:1fr}.quick-stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.benefits-grid,.components-grid,.levels-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.search-box{min-width:100%}.filter-controls{width:100%}.filter-select{flex:1 1;min-width:0}.sport-types-grid{grid-template-columns:1fr}.pagination{flex-direction:column;text-align:center}}.sports-schedule-page{background-color:#f8f9fa;display:flex;margin-left:20px;margin-top:90px;min-height:100vh}.main-content{width:calc(100% - 250px)}.page-header{margin-bottom:30px}.page-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:8px}.page-header p{color:#7f8c8d;font-size:16px}.calendar-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.calendar-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.calendar-view-buttons{background:#f1f5f9;border-radius:8px;display:flex;gap:5px;padding:4px}.calendar-view-buttons .view-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.calendar-view-buttons .view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#3b82f6}.calendar-view-buttons .view-btn:hover:not(.active){color:#334155}.calendar-navigation{align-items:center;display:flex;gap:10px}.calendar-navigation .nav-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.calendar-navigation .nav-btn:hover{background:#f8fafc;border-color:#cbd5e1}.calendar-navigation .today-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}.calendar-navigation .today-btn:hover{background:#2563eb;border-color:#2563eb}.calendar-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.calendar-event{cursor:pointer;font-size:12px;overflow:hidden;padding:4px 8px}.calendar-event .event-title{font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event .event-time{font-size:10px;margin-bottom:2px;opacity:.8}.calendar-event .event-venue{font-size:10px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-legend{border-top:1px solid #e2e8f0;padding-top:15px}.calendar-legend .legend-title{color:#64748b;font-size:14px;font-weight:500;margin-bottom:10px}.calendar-legend .legend-items{display:flex;flex-wrap:wrap;gap:15px}.calendar-legend .legend-item{align-items:center;display:flex;gap:8px}.calendar-legend .legend-color{border-radius:3px;height:12px;width:12px}.calendar-legend .legend-label{color:#475569;font-size:12px}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.stat-card{box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:24px;height:50px;width:50px}.stat-info h3{font-size:24px;font-weight:600;line-height:1}.filters-section{box-shadow:0 2px 4px #0000001a}.filters-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.search-box{flex:1 1;min-width:300px;position:relative}.search-input{border:2px solid #e2e8f0;font-size:14px;padding:10px 15px 10px 40px;transition:border-color .2s}.search-input:focus{border-color:#3b82f6}.search-icon{color:#94a3b8;left:15px}.filter-controls{gap:10px}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:10px 15px}.filter-select:focus{border-color:#3b82f6;outline:none}.btn-clear-filters{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:10px 15px;transition:all .2s}.btn-clear-filters:hover{background:#e2e8f0;border-color:#cbd5e1}.active-filters{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;padding-top:15px}.filter-label{color:#64748b;font-size:14px;font-weight:500}.filter-tag{align-items:center;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:20px;color:#0369a1;display:inline-flex;font-size:14px;gap:8px;padding:6px 12px}.filter-tag button{background:none;border:none;color:#0369a1;cursor:pointer;font-size:16px;line-height:1;opacity:.7;padding:0}.filter-tag button:hover{opacity:1}.action-buttons{align-items:center;justify-content:space-between;margin-bottom:30px}.left-actions{display:flex;flex-wrap:wrap;gap:10px}.right-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.btn-primary,.btn-secondary{border-radius:8px;font-size:14px;transition:all .2s}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.view-mode-toggle{background:#f1f5f9;border-radius:8px;gap:5px;padding:4px}.view-mode-toggle .view-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.view-mode-toggle .view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#3b82f6}.view-mode-toggle .view-btn:hover:not(.active){color:#334155}.items-per-page{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.page-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px}.page-select:focus{border-color:#3b82f6;outline:none}.loading-container{border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:60px 20px}.spinner{border-top-color:#3b82f6;height:40px;width:40px}.loading-container p{color:#64748b}.empty-state{align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px}.empty-state.small{margin:15px 0;padding:30px 20px}.empty-icon{color:#cbd5e1;font-size:48px}.empty-state h3{color:#334155;font-size:20px}.empty-state p{color:#64748b;max-width:400px}.schedules-table{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;overflow:hidden;overflow-x:auto}.schedules-table table{border-collapse:collapse;width:100%}.schedules-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.schedules-table td{border-bottom:1px solid #f1f5f9;padding:15px;vertical-align:middle}.schedules-table tr:hover{background:#f8fafc}.schedule-info{gap:12px}.schedule-icon,.schedule-info{align-items:center;display:flex}.schedule-icon{background:#f1f5f9;border-radius:8px;font-size:20px;height:40px;justify-content:center;width:40px}.schedule-details{display:flex;flex-direction:column;gap:4px}.schedule-id{background:#f1f5f9;color:#64748b;font-weight:500}.schedule-id,.tournament-badge{border-radius:4px;font-size:12px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.tournament-badge{background:#fef3c7;color:#f59e0b;gap:4px}.sport-cell,.tournament-badge{align-items:center;display:flex}.sport-cell{gap:10px}.sport-icon{font-size:16px}.role-badge,.status-badge,.type-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.datetime-cell{display:flex;flex-direction:column;gap:4px}.datetime-cell .date{color:#334155;font-weight:500}.datetime-cell .time{color:#64748b;font-size:12px}.venue-cell{align-items:center;color:#475569;display:flex;gap:8px}.venue-cell svg{color:#94a3b8;font-size:14px}.participants-cell,.status-cell{align-items:center;display:flex;gap:8px}.participants-cell{color:#475569}.participants-cell .teams{margin-top:4px}.participants-cell .teams small{background:#f1f5f9;border-radius:3px;color:#64748b;font-size:11px;padding:2px 6px}.action-buttons-cell{display:flex;gap:8px}.btn-delete,.btn-edit,.btn-share,.btn-status,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-view{background:#e0f2fe;color:#0369a1}.btn-view:hover{background:#7dd3fc;color:#fff}.btn-edit{background:#f0f9ff;color:#0ea5e9}.btn-edit:hover{background:#0ea5e9;color:#fff}.btn-delete{background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff}.btn-status.deactivate{background:#fef3c7;color:#d97706}.btn-status.deactivate:hover{background:#f59e0b;color:#fff}.btn-status.activate{background:#d1fae5;color:#059669}.btn-status.activate:hover{background:#10b981;color:#fff}.btn-share{background:#e0e7ff;color:#4f46e5}.btn-share:hover{background:#4f46e5;color:#fff}.schedules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.schedule-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.schedule-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.schedule-card-header{align-items:center;display:flex;gap:15px;padding:20px;position:relative}.schedule-card-icon{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.schedule-card-title h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.schedule-card-title .schedule-id{color:#64748b;font-size:12px;font-weight:500}.tournament-badge-card{align-items:center;background:#fef3c7;border-radius:20px;color:#92400e;display:flex;font-size:12px;gap:4px;padding:4px 10px;position:absolute;right:15px;top:15px}.schedule-card-body{padding:0 20px 20px}.sport-info{color:#475569;gap:10px;margin-bottom:15px}.sport-icon{color:#64748b}.schedule-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:20px;overflow:hidden}.schedule-card-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.detail-row{align-items:center}.detail-label{color:#64748b;font-size:14px}.detail-value{color:#334155;font-size:14px;font-weight:500;gap:5px}.detail-value,.teams-preview{align-items:center;display:flex}.teams-preview{background:#f8fafc;border-radius:8px;justify-content:space-between;margin-top:15px;padding:15px}.teams-preview .team{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px}.teams-preview .team strong{color:#2c3e50;font-size:14px;text-align:center}.teams-preview .score{color:#3b82f6;font-size:20px;font-weight:600}.teams-preview .vs{color:#94a3b8;font-size:12px;font-weight:500;padding:0 10px}.schedule-card-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:15px 20px}.status-indicator{color:#64748b;font-size:14px;gap:8px}.status-dot{height:8px;width:8px}.schedule-card-actions{display:flex;gap:8px}.pagination{border-radius:10px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:15px;justify-content:space-between}.pagination-info{color:#64748b;font-size:14px}.pagination-controls{gap:8px}.pagination-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;min-width:40px;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.schedule-detail-view{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.detail-header{gap:20px}.btn-back{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#e2e8f0;border-color:#cbd5e1}.detail-header h2{color:#2c3e50;font-size:24px;margin:0}.schedule-tabs{display:flex;flex-direction:column}.tabs-header{align-items:center;border-bottom:1px solid #e2e8f0;gap:15px;justify-content:space-between;padding:0 20px}.tabs-header,.tabs-nav{display:flex;flex-wrap:wrap}.tabs-nav{gap:2px}.tab-btn{border-bottom:2px solid #0000;color:#64748b;padding:15px 20px;transition:all .2s}.tab-btn:hover{color:#3b82f6}.tab-btn.active{background:#f0f9ff;border-bottom-color:#3b82f6;color:#3b82f6}.schedule-actions{display:flex;flex-wrap:wrap;gap:10px}.tabs-content{padding:30px}.details-tab .schedule-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.schedule-icon-large{align-items:center;background:#f1f5f9;border-radius:15px;display:flex;font-size:32px;height:80px;justify-content:center;width:80px}.schedule-title h2{color:#2c3e50;font-size:28px;margin:0 0 5px}.schedule-title .schedule-id{background:#f1f5f9;border-radius:6px;color:#64748b;display:inline-block;font-size:16px;margin-bottom:10px;padding:4px 12px}.schedule-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.sport-tag,.status-tag,.tournament-tag,.type-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.sport-tag{background:#e0f2fe;border:1px solid #7dd3fc;color:#0369a1}.tournament-tag{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.description-section{margin-bottom:30px}.description-section h4{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin-bottom:10px}.description-section p{color:#4b5563;font-size:16px;line-height:1.6}.quick-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.info-card{background:#f8fafc;gap:15px;padding:20px}.info-card,.info-icon{align-items:center;border-radius:10px;display:flex}.info-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:24px;height:50px;justify-content:center;width:50px}.info-content h4{color:#2c3e50;font-size:16px;margin:0 0 5px}.info-content p{color:#4b5563;font-size:18px;font-weight:600;margin:0}.info-content small{color:#64748b;display:block;font-size:12px;margin-top:4px}.teams-section{margin-bottom:30px}.teams-section h4{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin-bottom:20px}.teams-container{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.team-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1 1;min-width:250px;padding:20px}.team-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.team-header h5{color:#2c3e50;font-size:18px;margin:0}.team-score{color:#3b82f6;font-size:24px;font-weight:600}.team-coach,.team-players{color:#64748b;font-size:14px;margin-top:8px}.vs-container{align-items:center;color:#94a3b8;display:flex;font-weight:500;gap:10px}.vs-line{background:#e2e8f0;height:1px;width:30px}.vs-text{background:#f1f5f9;border-radius:20px;font-size:14px;padding:5px 15px}.results-section{margin-bottom:30px}.results-section h4{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin-bottom:20px}.results-card{background:#f8fafc;border-radius:10px;padding:20px}.result-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:10px 0}.result-row:last-child{border-bottom:none}.result-team{color:#2c3e50;font-size:18px;font-weight:500}.result-score{color:#3b82f6;font-size:24px;font-weight:600}.winner-row{border-top:2px solid #e2e8f0;color:#059669;font-size:16px;font-weight:500;margin-top:15px;padding-top:15px}.winner-row .winning-margin{color:#64748b;font-size:14px}.summary-row{background:#fff;border-radius:6px;color:#4b5563;font-size:14px;margin-top:10px;padding:10px}.additional-info{margin-top:30px}.additional-info h4{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin-bottom:20px}.info-item label{color:#64748b;font-size:14px}.info-item p{color:#1f2937;font-size:16px;margin:0}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#e0f2fe;border:1px solid #7dd3fc;border-radius:20px;color:#0369a1;font-size:14px;padding:4px 12px}.participants-tab .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.participants-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;overflow:hidden}.participants-table table{border-collapse:collapse;width:100%}.participants-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 15px;text-align:left}.participants-table td{border-bottom:1px solid #f1f5f9;padding:12px 15px;vertical-align:middle}.participant-info{align-items:center;display:flex;gap:10px}.participant-avatar{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;height:36px;justify-content:center;width:36px}.participants-stats{background:#f8fafc;border-radius:8px;display:flex;gap:20px;padding:20px}.participants-stats .stat-item{flex:1 1;text-align:center}.participants-stats .stat-label{color:#64748b;display:block;font-size:14px;margin-bottom:4px}.participants-stats .stat-value{color:#334155;display:block;font-size:20px;font-weight:600}.announcements-list{display:flex;flex-direction:column;gap:15px}.announcement-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.announcement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.announcement-header h5{color:#2c3e50;font-size:16px;margin:0}.priority-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.priority-badge.high{background:#fee2e2;color:#991b1b}.priority-badge.medium{background:#fef3c7;color:#92400e}.priority-badge.low{background:#d1fae5;color:#065f46}.priority-badge.urgent{animation:pulse 2s infinite;background:#fecaca;color:#dc2626}.announcement-body p{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.announcement-footer{align-items:center;border-top:1px solid #f1f5f9;color:#64748b;display:flex;font-size:12px;justify-content:space-between;margin-top:15px;padding-top:15px}.results-container{display:flex;flex-direction:column;gap:30px}.score-card{background:#f8fafc;border-radius:10px;padding:30px}.score-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.score-header h4{color:#2c3e50;font-size:24px;margin:0}.winner-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-weight:500;gap:8px;padding:10px 20px}.score-details,.winner-badge{align-items:center;display:flex}.score-details{gap:30px;justify-content:space-between;margin-bottom:20px}.team-score{flex:1 1;text-align:center}.team-name{color:#64748b;font-size:18px;margin-bottom:10px}.team-points{color:#3b82f6;font-size:48px;font-weight:700}.score-separator{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:10px}.separator-line{background:#e2e8f0;height:40px;width:1px}.separator-text{background:#f1f5f9;border-radius:20px;font-size:14px;font-weight:500;padding:5px 15px}.winning-margin{color:#059669;font-size:18px;font-weight:500;margin-bottom:20px;text-align:center}.result-summary{border-top:1px solid #e2e8f0;padding-top:20px}.result-summary h5{color:#2c3e50;font-size:18px;margin-bottom:10px}.result-summary p{color:#4b5563;font-size:16px;line-height:1.6}.period-scores{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.period-scores h5{color:#2c3e50;font-size:18px;margin-bottom:15px}.periods-table{overflow-x:auto}.periods-table table{border-collapse:collapse;width:100%}.periods-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:10px 15px;text-align:left}.periods-table td{border-bottom:1px solid #f1f5f9;color:#4b5563;padding:10px 15px}.modal-content{box-shadow:0 20px 40px #0003;display:flex;flex-direction:column}.modal-header{padding:20px 30px}.modal-header h2{color:#2c3e50}.close-modal{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:20px;padding:5px}.close-modal:hover{background:#f1f5f9;color:#334155}.form-scroll{flex:1 1;overflow-y:auto;padding:0 30px}.schedule-form{height:100%}.form-sections,.schedule-form{display:flex;flex-direction:column}.form-sections{gap:30px;padding:30px 0}.form-section{background:#f8fafc;border-radius:10px;padding:25px}.form-section h3{align-items:center;color:#2c3e50;display:flex;gap:10px;margin:0 0 20px}.form-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#475569;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6}.form-group textarea{min-height:80px}.checkbox-group{align-items:center;display:flex;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-group label{color:#4b5563;font-size:14px;margin:0}.days-selector{display:flex;flex-wrap:wrap;gap:5px}.day-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.day-btn:hover{border-color:#cbd5e1}.day-btn.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.modal-footer{padding:20px 30px}.spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;margin-right:8px;width:16px}@media (max-width:768px){.main-content{margin-left:0;padding:15px;width:100%}.stats-container{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-navigation,.calendar-view-buttons{justify-content:center}.filters-row{flex-direction:column}.search-box{min-width:100%}.filter-controls{width:100%}.filter-select{flex:1 1;min-width:0}.action-buttons{align-items:stretch;flex-direction:column}.left-actions,.right-actions{width:100%}.right-actions{justify-content:space-between}.detail-header{gap:15px}.detail-header,.tabs-header{align-items:stretch;flex-direction:column}.tabs-nav{overflow-x:auto;padding-bottom:10px}.schedule-actions{justify-content:center}.teams-container{flex-direction:column}.vs-container{transform:rotate(90deg)}.modal-content{max-height:95vh}.form-scroll{padding:0 15px}.form-section{padding:20px}.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.schedules-grid,.stats-container{grid-template-columns:1fr}.pagination{flex-direction:column;text-align:center}.info-grid,.quick-info-grid{grid-template-columns:1fr}.participants-stats{flex-wrap:wrap}.score-details{flex-direction:column;text-align:center}.separator-line{height:1px;width:40px}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:-webkit-sticky;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.winning-awards-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.main-content{background:#f5f7fa;flex:1 1;margin-left:250px;min-height:100vh;padding:20px}.awards-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;justify-content:space-between;margin-bottom:25px;padding:25px}.awards-header,.header-left h1{align-items:center;display:flex}.header-left h1{color:#2d3748;font-size:28px;margin:0}.subtitle{color:#718096;font-size:14px;margin-top:5px}.header-right{display:flex;gap:15px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0;transform:translateY(-2px)}.btn-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:8px 12px;transition:all .3s ease}.btn-icon:hover{background:#f7fafc;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.view-btn{background:#edf2f7;color:#4a5568}.view-btn:hover{background:#e2e8f0}.edit-btn{background:#ebf8ff;color:#3182ce}.edit-btn:hover{background:#bee3f8}.delete-btn{background:#fff5f5;color:#e53e3e}.delete-btn:hover{background:#fed7d7}.star-btn{background:#fffaf0;color:#d69e2e}.star-btn:hover{background:#feebc8}.stats-cards{margin-bottom:25px}.stat-card{box-shadow:0 2px 10px #0000001a;color:#fff;transition:transform .3s ease}.stat-icon{font-size:32px;opacity:.9}.stat-info h3{font-weight:700}.stat-info p{opacity:.9}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px}.filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.filter-group{min-width:150px}.filter-group label{color:#4a5568;margin-bottom:5px}.filter-group input,.filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input{position:relative}.search-icon{color:#a0aec0;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{padding-left:35px}.view-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:25px;padding:15px 20px}.view-mode-toggle{display:flex;gap:10px}.view-mode-toggle .view-btn{padding:8px 16px}.view-btn.active{background:#667eea;color:#fff}.pagination-controls{align-items:center;color:#4a5568;display:flex;gap:10px}.pagination-controls select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px}.loading-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:60px}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea;height:50px;width:50px}.achievements-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.achievement-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.achievement-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.card-header{color:#fff;justify-content:space-between;padding:15px 20px}.achievement-type,.card-header{align-items:center;display:flex}.achievement-type{font-weight:600;gap:10px}.featured-badge{align-items:center;background:#fff3;border-radius:20px;display:flex;font-size:12px;gap:5px;padding:4px 10px}.card-body{padding:20px}.achievement-title{margin-bottom:15px}.achievement-title h3{color:#2d3748;font-size:18px;line-height:1.4;margin:0 0 5px}.achievement-id{font-family:monospace}.achievement-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.meta-item{font-size:13px}.achievement-level{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:15px;padding:4px 12px}.achievement-award{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.award-category{font-weight:600;gap:8px}.award-icon{font-size:20px}.achievement-position{align-items:center;color:#4a5568;display:flex;font-size:13px;gap:5px}.achievement-description{color:#4a5568;font-size:14px;line-height:1.5;margin-bottom:15px}.achievement-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{background:#edf2f7;border-radius:12px;color:#4a5568;font-size:12px;padding:3px 8px}.card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:15px 20px}.status-badge{padding:4px 12px}.achievements-list{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;overflow:hidden}.list-header{background:#f7fafc;color:#4a5568;font-size:14px;font-weight:600}.list-header,.list-row{grid-gap:20px;border-bottom:1px solid #e2e8f0;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr 1fr .5fr;padding:15px 20px}.list-row{transition:background .3s ease}.list-row:hover{background:#f7fafc}.achievement-title,.list-column{align-items:center;display:flex}.achievement-title{gap:12px}.title-icon{font-size:24px}.title-details h4{color:#2d3748;font-size:16px;margin:0 0 5px}.achievement-id{color:#718096;font-size:12px;margin:0}.recipients{color:#4a5568;font-size:13px;margin:5px 0 0}.sport-info{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:8px}.category-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:5px;padding:3px 10px}.award-level{font-size:14px;font-weight:600;margin-bottom:5px}.award-category{align-items:center;color:#4a5568;display:flex;font-size:13px;gap:5px}.position-badge{background:#edf2f7;border-radius:8px;font-size:12px;margin-top:5px;padding:3px 8px}.date-info{color:#4a5568;font-size:14px}.featured-tag{align-items:center;background:#fffaf0;border-radius:8px;color:#d69e2e;display:flex;font-size:12px;gap:5px;margin-top:5px;padding:3px 8px}.gallery-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.gallery-item{border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.03)}.gallery-image{height:200px;overflow:hidden;position:relative}.default-image,.gallery-image img{height:100%;object-fit:cover;width:100%}.default-image{color:#fff;font-size:48px}.default-image,.gallery-overlay{align-items:center;display:flex;justify-content:center}.gallery-overlay{background:#000000b3;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.overlay-content{color:#fff;padding:20px;text-align:center}.award-badge{align-items:center;border-radius:50%;display:flex;font-size:24px;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.overlay-content h4{font-size:16px;margin:0 0 5px}.overlay-content p{font-size:14px;margin:0;opacity:.9}.detail-view{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.detail-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.back-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568;gap:8px;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:#edf2f7;transform:translateX(-2px)}.detail-content{display:flex;min-height:600px}.detail-sidebar{background:#f7fafc;border-right:1px solid #e2e8f0;padding:25px;width:300px}.achievement-badge-large{border-radius:12px;color:#fff;margin-bottom:25px;padding:25px;text-align:center}.achievement-badge-large h3{font-size:18px;margin:15px 0 0}.sidebar-info{margin-bottom:25px}.sidebar-info h4{color:#4a5568;font-size:16px;margin:0 0 15px}.info-item{color:#4a5568;font-size:14px;margin-bottom:12px}.info-item strong{color:#2d3748;margin-right:5px}.sidebar-actions{display:flex;flex-direction:column;gap:10px}.detail-main{flex:1 1;padding:25px}.tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:25px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab:hover{color:#4a5568}.tab.active{border-bottom-color:#667eea;color:#667eea}.tab-content{min-height:400px}.overview-content h2{color:#2d3748;font-size:24px;margin:0 0 15px}.description{color:#4a5568;font-size:15px;line-height:1.6;margin-bottom:25px}.achievement-details{background:#f7fafc;border-radius:8px;padding:20px}.detail-row{font-size:14px;margin-bottom:10px}.detail-label{color:#4a5568;font-weight:600;width:150px}.detail-value{color:#2d3748;flex:1 1}.recipients-content h3{color:#2d3748;font-size:20px;margin:0 0 20px}.recipients-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.recipient-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.recipient-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.recipient-avatar{border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.recipient-avatar img{height:100%;object-fit:cover;width:100%}.avatar-default{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.recipient-info h4{color:#2d3748;font-size:16px;margin:0 0 5px}.recipient-role{color:#718096;font-size:13px;margin:0 0 5px}.recipient-details{color:#4a5568;font-size:13px;margin:5px 0}.recipient-contribution{color:#4a5568;font-size:14px;font-style:italic;margin:5px 0 0}.media-content h3{color:#2d3748;font-size:20px;margin:0 0 20px}.photo-gallery{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.photo-item{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.photo-item img{height:150px;object-fit:cover;width:100%}.photo-caption{background:#fff;color:#4a5568;font-size:13px;margin:0;padding:10px}.certificates-section h4{color:#2d3748;font-size:18px;margin:0 0 15px}.certificates-list{display:flex;flex-direction:column;gap:10px}.certificate-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:15px;padding:15px;transition:transform .3s ease}.certificate-item:hover{border-color:#cbd5e0;transform:translateX(5px)}.certificate-info{flex:1 1}.certificate-info strong{color:#2d3748;display:block;font-size:15px;margin-bottom:5px}.certificate-info p{color:#718096;font-size:13px;margin:0}.details-content h3{color:#2d3748;font-size:20px;margin:0 0 20px}.detailed-info{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:25px}.info-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{margin-bottom:15px}.info-item strong{color:#4a5568;display:block;font-size:14px;margin-bottom:5px}.info-item span{color:#2d3748;font-size:14px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pagination{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;gap:10px;justify-content:center;margin-top:30px;padding:20px}.page-btn,.pagination{align-items:center;display:flex}.page-btn{background:#edf2f7;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:600;gap:5px;padding:8px 16px;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:5px}.page-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-weight:600;height:35px;justify-content:center;transition:all .3s ease;width:35px}.page-number:hover{background:#f7fafc;border-color:#cbd5e0}.page-number.active{background:#667eea;border-color:#667eea;color:#fff}.ellipsis{align-items:center;color:#a0aec0;display:flex;padding:0 5px}.modal-overlay{padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h2{color:#2d3748;font-size:22px;margin:0}.close-btn{border-radius:4px;color:#a0aec0;font-size:20px;padding:5px}.close-btn:hover{background:#f7fafc;color:#4a5568}.modal-body{padding:25px}.form-section{margin-bottom:30px}.form-section h3{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:18px;margin:0 0 15px;padding-bottom:10px}.form-grid{margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#4a5568;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;font-size:14px;padding:10px;transition:all .3s ease}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-group input[type=checkbox]{width:auto}.form-hint{color:#718096;display:block;font-size:13px;margin-top:5px}.modal-footer{border-top:1px solid #e2e8f0;padding:20px 25px}.no-results{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#718096;padding:60px 20px;text-align:center}.no-results h3{color:#4a5568;margin:20px 0 10px}@media (max-width:1024px){.main-content{margin-left:0}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.detail-content{flex-direction:column}.detail-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%}}@media (max-width:768px){.awards-header{align-items:flex-start;flex-direction:column;gap:15px}.header-right{flex-direction:column;width:100%}.stats-cards{grid-template-columns:repeat(2,1fr)}.filter-controls,.view-controls{align-items:stretch;flex-direction:column}.view-controls{gap:15px}.list-header,.list-row{gap:10px;grid-template-columns:1fr}.modal-content{max-height:80vh}.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.main-content{padding:15px}.achievements-grid,.gallery-view,.recipients-list,.stats-cards{grid-template-columns:1fr}.modal-content{margin:10px;max-height:85vh}}.user-profile-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin-top:80px;min-height:100vh;padding:20px 20px 20px 290px}.profile-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.back-btn{background:#6c757d;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s}.back-btn:hover{background:#5a6268;transform:translateX(-3px)}.profile-header h1{color:#333;flex-grow:1;font-size:28px;margin:0;text-align:center}.profile-actions{display:flex;gap:10px}.export-btn{background:#28a745;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.export-btn:hover{background:#218838;transform:translateY(-2px)}.message{animation:slideDown .3s ease;border-radius:8px;padding:15px 20px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message-close{align-items:center;background:#0000;border-radius:50%;display:flex;height:24px;justify-content:center;padding:0;transition:background .3s;width:24px}.message-close:hover{background:#0000001a}.profile-wrapper{margin:0 auto;max-width:1200px}.profile-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;overflow:hidden}.profile-basic-info{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:30px;padding:30px}.profile-photo-container{height:150px;position:relative;width:150px}.default-avatar,.profile-photo{border:5px solid #ffffff4d;height:100%;width:100%}.default-avatar{background:#fff3;font-size:60px}.photo-upload-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.profile-photo-container:hover .photo-upload-overlay{opacity:1}.photo-upload-btn{background:#4caf50;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;text-align:center;transition:background .3s}.photo-upload-btn:hover{background:#45a049}.profile-summary{flex-grow:1}.profile-name{font-size:32px;font-weight:700;margin:0 0 15px}.profile-meta{flex-wrap:wrap;gap:20px}.meta-item{font-size:14px;gap:8px}.role-badge{background:#fff3;font-weight:700}.profile-stats{display:flex;gap:30px}.stat-item{text-align:center}.stat-label{font-size:12px;margin-bottom:4px;opacity:.8}.stat-value{font-size:16px}.profile-tabs{background:#fff;border-radius:15px 15px 0 0;box-shadow:0 5px 15px #0000001a;display:flex;margin-bottom:2px;overflow:hidden}.tab-btn{color:#6c757d;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:20px}.tab-btn:hover{color:#495057}.tab-btn.active{background:#fff;border-bottom:3px solid #667eea;color:#667eea}.profile-form{background:#fff;border-radius:0 0 15px 15px;box-shadow:0 10px 30px #0000001a;padding:30px}.profile-form,.tab-content{margin-bottom:30px}.tab-pane{display:none}.tab-pane.active{animation:fadeIn .5s ease;display:block}.tab-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:22px;margin-bottom:25px;padding-bottom:10px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;font-size:15px;padding:12px 15px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f0f0f0;color:#666;cursor:not-allowed}.form-group.full-width{grid-column:1/-1}.form-group textarea{min-height:100px;resize:vertical}.account-settings{background:#f8f9fa;border-radius:10px;padding:20px}.setting-item{align-items:center;background:#fff;border-radius:8px;display:flex;margin-bottom:15px;padding:20px;transition:transform .3s,box-shadow .3s}.setting-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.setting-icon{color:#667eea;font-size:24px;margin-right:20px}.setting-content{flex-grow:1}.setting-content h4{color:#333;margin:0 0 5px}.setting-content p{color:#666;font-size:14px;margin:0}.setting-action-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s}.setting-action-btn:hover{background:#5a6fd8}.form-actions{border-top:2px solid #f0f0f0;padding-top:30px;text-align:center}.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:150px;padding:14px 28px;transition:all .3s}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.secondary-btn{background:#6c757d;color:#fff}.secondary-btn:hover{background:#5a6268;transform:translateY(-2px)}.edit-mode-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.quick-stats{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:25px}.stat-card-icon{color:#667eea;font-size:32px}.stat-card-content h4{color:#333;font-size:16px;margin:0 0 8px}.stat-card-content p{color:#666;font-size:14px;margin:0}.status-complete{color:#28a745;font-weight:600}.loading-container{gap:20px;min-height:300px}.loading-spinner{border-top-color:#667eea}.loading-container p{color:#666;font-size:16px}@media (max-width:992px){.profile-basic-info{flex-direction:column;text-align:center}.profile-meta,.profile-stats{justify-content:center}}@media (max-width:768px){.profile-header{gap:15px;text-align:center}.profile-header,.profile-tabs{flex-direction:column}.tab-btn{justify-content:flex-start;padding:15px}.form-grid{grid-template-columns:1fr}.edit-mode-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.setting-item{flex-direction:column;gap:15px;text-align:center}.setting-icon{margin-right:0}.quick-stats{grid-template-columns:1fr}}@media (max-width:480px){.user-profile-container{padding:10px}.profile-card,.profile-form{padding:20px}.profile-name{font-size:24px}}.file-upload-container{background:#f8f9fa;border:2px dashed #4a90e2;border-radius:10px;margin:20px 0;padding:20px;transition:all .3s ease}.file-upload-container:hover{background:#edf2f7;border-color:#2c5282}.upload-area{align-items:center;display:flex;gap:15px;margin-bottom:20px}.browse-btn{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background .3s ease}.browse-btn:hover:not(:disabled){background:#2c5282}.browse-btn:disabled{cursor:not-allowed;opacity:.5}.file-info{color:#718096;font-size:14px}.selected-files{margin:15px 0}.selected-files h4{color:#2d3748;margin-bottom:10px}.file-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.file-name{color:#4a5568;flex:1 1}.file-size{color:#718096;font-size:14px;margin:0 15px}.remove-file-btn{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:16px;padding:0}.upload-progress{margin:15px 0}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden;width:100%}.progress-fill{background:#38a169;height:100%;transition:width .3s ease}.progress-text{color:#4a5568;display:block;font-size:14px;text-align:center}.upload-btn{margin-top:10px;padding:12px;width:100%}.upload-message{border-radius:6px;margin-top:15px;padding:10px;text-align:center}.upload-message.success{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.upload-message.error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.documents-grid{margin:20px 0}.document-icon{font-size:32px}.delete-btn,.view-btn{border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px}.view-btn{background:#4a90e2}.delete-btn{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.section-form{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.document-preview{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:10px;margin-bottom:8px;padding:10px}.preview-icon{font-size:20px}.preview-info{flex:1 1}.preview-name{color:#4a5568;font-size:14px}.preview-size{color:#718096;font-size:12px}.storage-info{gap:15px;margin:15px 0;padding:15px}.storage-icon{font-size:24px}.storage-bar{border-radius:4px;height:8px;margin:8px 0}.storage-used{background:#4a90e2;border-radius:4px}.photo-actions{position:absolute;right:10px;top:10px}.view-photo-btn{opacity:0;transition:opacity .3s ease}.profile-photo-container:hover .view-photo-btn{opacity:1}.photo-info,.upload-status{margin-top:10px;text-align:center}.upload-status{border-radius:6px;padding:10px}.upload-status.uploading{background:#feebc8;color:#744210}.upload-status.success{background:#c6f6d5;color:#22543d}.upload-status.error{background:#fed7d7;color:#742a2a}.debug-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-family:Courier New,monospace;font-size:12px;margin-top:20px;padding:15px}.debug-info h4{color:#4a5568;margin:0 0 10px}.document-viewer-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.document-viewer-content{background:#fff;border-radius:10px;max-height:90%;max-width:90%;overflow:auto;position:relative}.document-viewer-close{background:#e53e3e;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:30px;position:absolute;right:10px;top:10px;width:30px;z-index:1001}.file-upload-area{position:relative}.file-upload-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.file-preview-item{align-items:center;background:#edf2f7;border-radius:6px;display:flex;gap:10px;max-width:300px;padding:10px}.file-preview-icon{font-size:20px}.file-preview-info{flex:1 1;min-width:0}.file-preview-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{color:#718096;font-size:12px}.file-preview-remove{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:16px;padding:0}.admin-profile-view{background:#f5f7fa;margin-top:90px;min-height:100vh;padding:20px}.admin-header{border-radius:10px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:20px}.admin-header,.back-btn{align-items:center;display:flex}.back-btn{background:#4a5568;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;gap:5px;padding:10px 20px}.back-btn:hover{background:#2d3748}.header-actions{gap:10px}.print-btn,.refresh-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:10px 20px}.print-btn{background:#38a169}.refresh-btn{background:#4299e1}.profile-summary-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;gap:30px;margin-bottom:20px;padding:30px}.profile-photo-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:10px}.profile-photo{border:4px solid #e2e8f0;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:150px;object-fit:cover;transition:transform .2s ease;width:150px}.profile-photo:hover{transform:scale(1.05)}.default-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #e2e8f0;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:150px;justify-content:center;width:150px}.photo-actions{display:flex;gap:5px}.view-photo-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:background .2s ease;width:30px}.view-photo-btn:hover{background:#fff;transform:scale(1.1)}.photo-info-text{color:#718096;font-size:12px;text-align:center}.profile-summary-content{flex:1 1}.profile-name{color:#2d3748;font-size:28px;font-weight:600;margin:0 0 20px}.profile-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.meta-item{align-items:center;color:#4a5568;display:flex;gap:10px}.meta-icon{color:#718096;font-size:16px;text-align:center;width:20px}.meta-text{flex:1 1}.role-badge{align-items:center;background:#4299e1;border-radius:20px;color:#fff;display:inline-flex;font-weight:500;gap:5px;padding:4px 12px}.role-icon{font-size:14px}.storage-info{align-items:center;background:#ebf8ff;border-radius:8px;display:flex;gap:10px;padding:10px}.storage-icon{font-size:20px}.storage-details{flex:1 1}.storage-text{color:#4a5568;font-size:14px;margin-bottom:5px}.storage-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.storage-used{background:#4299e1;border-radius:3px;height:100%;transition:width .3s ease}.storage-warning{color:#e53e3e;font-size:12px;font-weight:500;margin-top:5px}.admin-tabs{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;gap:5px;margin-bottom:20px;overflow-x:auto;padding:10px}.tab-btn{background:#f7fafc;border:1px solid #0000;border-radius:6px;color:#718096;font-weight:500;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#edf2f7;transform:translateY(-1px)}.tab-btn.active{background:#4299e1;border-color:#4299e1;box-shadow:0 2px 4px #4299e14d}.admin-tab-content{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;min-height:400px;padding:30px}.tab-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748;display:flex;gap:10px;margin:0 0 25px;padding-bottom:15px}.tab-icon,.tab-title{font-size:20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.info-item{gap:8px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#718096;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;display:flex;font-size:14px;min-height:44px;padding:12px}.info-value.code{background:#2d3748;color:#e2e8f0;font-family:Courier New,monospace;font-size:12px}.academic-list,.documents-list,.experience-list{margin-top:20px}.academic-list h4,.documents-list h4,.experience-list h4{color:#2d3748;font-size:18px;margin:0 0 20px}.academic-item,.experience-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:15px;padding:20px}.academic-header,.experience-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.academic-header h5,.experience-header h5{color:#2d3748;font-size:16px;margin:0}.academic-year,.experience-org{background:#edf2f7;border-radius:4px;color:#718096;font-size:14px;font-weight:500;padding:4px 12px}.academic-grade,.academic-institution,.experience-dates,.experience-desc{color:#4a5568;font-size:14px;margin-bottom:8px}.academic-documents h6,.experience-documents h6{color:#4a5568;font-size:14px;font-weight:600;margin:15px 0 10px}.documents-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:15px}.document-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.document-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.document-icon{display:block;font-size:24px;margin-bottom:10px}.document-name{color:#2d3748;font-weight:500;margin-bottom:5px;word-break:break-word}.document-category{color:#718096;font-size:12px;margin-bottom:5px;text-transform:capitalize}.document-meta{align-items:center;color:#718096;display:flex;font-size:12px;gap:10px;margin-bottom:10px}.verified-badge{background:#c6f6d5;border-radius:4px;color:#22543d;font-size:10px;font-weight:500;padding:2px 8px}.document-actions{display:flex;gap:8px}.view-btn{align-items:center;background:#4299e1;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:6px 12px}.view-btn:hover{background:#3182ce}.no-data{background:#f7fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#718096;font-size:16px;font-style:italic;padding:40px}.message{align-items:center;animation:slideIn .3s ease;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.message.success{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.message.error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.message-close{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;opacity:.7;transition:opacity .2s ease}.message-close:hover{opacity:1}.loading-container{height:50vh}.loading-spinner{border:5px solid #e2e8f0;border-top-color:#4299e1}.error-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin:50px auto;max-width:500px;padding:50px;text-align:center}.error-container h2{color:#e53e3e;font-size:24px;margin-bottom:20px}.error-container p{color:#718096;font-size:16px;margin-bottom:30px}@media (max-width:768px){.admin-header{align-items:stretch;flex-direction:column;gap:15px}.header-actions{justify-content:center}.profile-summary-card{flex-direction:column;padding:20px;text-align:center}.profile-meta{align-items:center}.admin-tabs{flex-wrap:wrap;justify-content:center}.tab-btn{flex:1 1;min-width:150px;text-align:center}.documents-grid,.info-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-profile-view{padding:10px}.tab-btn{font-size:12px;min-width:120px;padding:10px 15px}.default-avatar,.profile-photo{height:120px;width:120px}.default-avatar{font-size:36px}}.modal-overlay{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;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-headerr{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:1px solid #e1e5eb;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.modal-headerr h2{align-items:center;display:flex;font-size:24px;gap:10px;margin:0}.close-btn{background:none;border:none;font-size:30px;height:40px;transition:all .3s;width:40px}.close-btn:hover{background:#ffffff1a}.modal-content{padding:30px}.modal-content .error-message{background:#fdedec;border-left:4px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:14px;margin-bottom:20px;padding:12px 15px}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group label{color:#34495e;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-content .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.modal-content .form-input,.modal-content .form-select,.modal-content .form-textarea{background:#fff;border:2px solid #e0e6ed;border-radius:8px;font-size:15px;padding:12px 15px;transition:all .3s ease;width:100%}.modal-content .form-input:focus,.modal-content .form-select:focus,.modal-content .form-textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.modal-content .form-textarea{min-height:120px;resize:vertical}.modal-footer{border-top:1px solid #e1e5eb;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.modal-footer .cancel-btn{background:#ecf0f1;border:2px solid #bdc3c7;border-radius:8px;color:#7f8c8d;cursor:pointer;font-size:16px;font-weight:600;padding:12px 25px;transition:all .3s ease}.modal-footer .cancel-btn:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.modal-footer .submit-btn{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:12px 30px;transition:all .3s ease}.modal-footer .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#219653);box-shadow:0 5px 15px #27ae6033;transform:translateY(-2px)}.modal-footer .submit-btn:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.leave-info{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-top:30px;padding:20px}.leave-info p{color:#2c3e50;font-weight:600;margin-bottom:10px}.leave-info ul{list-style-type:none;margin:0;padding-left:0}.leave-info li{align-items:center;color:#555;display:flex;font-size:14px;gap:10px;padding:5px 0}.leave-info li:before{color:#3498db;content:"•";font-weight:700}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;display:inline-block;height:16px;width:16px}@media (max-width:768px){.modal-container{margin:10px;width:95%}.modal-header{padding:15px 20px}.modal-content{padding:20px}.modal-content .form-row{gap:15px;grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer .cancel-btn,.modal-footer .submit-btn{width:100%}}.my-leaves-container{margin:0 auto;max-width:1200px;padding:20px}.leaves-header{align-items:center;border-bottom:2px solid #e1e5eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.leaves-header h2{color:#2c3e50;font-size:28px;margin:0}.leaves-header .subtitle{color:#7f8c8d;font-size:14px;margin:5px 0 0}.apply-btn,.export-btn,.refresh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.loading-container{padding:60px 0}.empty-state{background:#f8f9fa;border:2px dashed #bdc3c7;border-radius:10px;padding:60px 20px}.empty-state p,.leaves-summary{margin-bottom:30px}.leaves-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#fff;border:1px solid #e1e5eb;border-radius:10px;box-shadow:0 2px 10px #00000014}.summary-label{display:block;font-size:14px;margin-bottom:8px}.summary-value{display:block;font-size:32px}.leave-id{color:#7f8c8d;font-family:monospace}.reason-cell{max-width:250px}.approved-by{color:#95a5a6;font-size:12px;margin-top:5px}.table-footer{color:#7f8c8d;font-size:14px;padding:15px 0}.export-btn{background:#2ecc71}.export-btn:hover{background:#27ae60}.leave-row:nth-child(2n){background:#fafafa}@media (max-width:768px){.leaves-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{width:100%}.leaves-table{display:block;overflow-x:auto}.leaves-summary{grid-template-columns:repeat(2,1fr)}.summary-card{padding:15px}}.apply-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.apply-btn:hover{background:linear-gradient(135deg,#2980b9,#2573a7);box-shadow:0 5px 15px #2980b933;transform:translateY(-2px)}.leave-approval-container{margin:0 auto;max-width:1400px;padding:20px}.approval-header{align-items:center;border-bottom:2px solid #e1e5eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.approval-header h2{color:#2c3e50;font-size:28px;margin:0}.approval-header .subtitle{color:#7f8c8d;font-size:14px;margin:5px 0 0}.export-btn,.refresh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.export-btn{background:#3498db}.export-btn:hover{background:#2980b9}.stat-card.pending{border-left:4px solid #f39c12}.stat-card.approved{border-left:4px solid #27ae60}.stat-card.rejected{border-left:4px solid #e74c3c}.filters-section h3{color:#2c3e50;margin:0 0 20px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-input:focus,.filter-select:focus{border-color:#3498db}.leaves-table-container{margin-bottom:20px}.leaves-table thead{background:linear-gradient(135deg,#2c3e50,#34495e)}.applicant-avatar,.leave-type{background:#e8f4fc}.leave-type{border-radius:20px;display:inline-block;font-weight:500;padding:5px 12px}.days-count{color:#2c3e50;font-weight:600}.approve-action-btn,.reject-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.approve-action-btn{background:#27ae60;color:#fff}.approve-action-btn:hover{background:#219653}.reject-action-btn{background:#e74c3c;color:#fff}.reject-action-btn:hover{background:#c0392b}.action-done{color:#7f8c8d;font-size:12px;font-style:italic}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.approval-modal{max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.leave-summary{background:#f8f9fa;border:1px solid #e1e5eb;border-radius:8px;margin-bottom:20px;padding:20px}.leave-summary h3{color:#2c3e50;margin:0 0 15px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{gap:5px}.summary-item.full-width{grid-column:1/-1}.summary-item label{color:#7f8c8d;font-size:13px;font-weight:600}.summary-item span{color:#2c3e50}.approval-form .form-group{margin-bottom:20px}.approval-form .form-group label{color:#34495e;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.approval-form .form-textarea{border:2px solid #e0e6ed;border-radius:8px;font-size:14px;min-height:80px;padding:12px 15px;resize:vertical;width:100%}.approval-form .form-textarea:focus{border-color:#3498db;outline:none}.submit-approve-btn,.submit-reject-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 25px;transition:all .3s ease}.submit-approve-btn{background:#27ae60;color:#fff}.submit-approve-btn:hover:not(:disabled){background:#219653}.submit-reject-btn{background:#e74c3c;color:#fff}.submit-reject-btn:hover:not(:disabled){background:#c0392b}.submit-approve-btn:disabled,.submit-reject-btn:disabled{background:#95a5a6;cursor:not-allowed}.loading-container .spinner{border-top-color:#3498db}.access-denied{background:#f8f9fa;border:2px solid #e74c3c;border-radius:10px;margin:20px;padding:60px 20px;text-align:center}.access-denied h2{color:#e74c3c;margin-bottom:20px}.access-denied p{color:#7f8c8d;margin-bottom:10px}@media (max-width:768px){.approval-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{flex-wrap:wrap;width:100%}.filters-grid{grid-template-columns:1fr}.leaves-table{display:block;overflow-x:auto}.action-buttons{flex-direction:column}.approve-action-btn,.reject-action-btn{width:100%}}.approved-leaves-container{margin:0 auto;max-width:1400px;padding:20px}.approved-header{align-items:center;border-bottom:2px solid #e1e5eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.approved-header h2{align-items:center;color:#2c3e50;display:flex;font-size:28px;gap:10px;margin:0}.approved-header .subtitle{color:#7f8c8d;font-size:14px;margin:5px 0 0}.export-btn{background:#27ae60}.export-btn:hover:not(:disabled){background:#219653}.stat-card.total{border-left:4px solid #27ae60}.stat-card.this-month{border-left:4px solid #3498db}.stat-card.this-week{border-left:4px solid #9b59b6}.stat-card.days{border-left:4px solid #f39c12}.search-input:focus{box-shadow:0 0 0 3px #27ae601a}.filter-input:focus,.filter-select:focus,.search-input:focus{border-color:#27ae60}.leaves-table thead{background:linear-gradient(135deg,#27ae60,#219653)}.leaves-table tbody tr:hover{background:#f8f9fa}.approved-row{background:#eafaf1}.applicant-avatar{background:#d5f4e6}.role-badge{background:#e8f4fc;color:#3498db}.leave-type-badge{background:#eafaf1;color:#27ae60}.days-badge{background:#d5f4e6;color:#27ae60}.reason-cell{max-width:200px}.reason-text{cursor:pointer}.reason-text:hover:after{background:#2c3e50;border-radius:6px;color:#fff;content:attr(title);font-size:12px;max-width:300px;padding:8px 12px;position:absolute;white-space:normal;z-index:1000}.approver-info{display:flex;flex-direction:column;gap:3px}.approver-name{color:#2c3e50;font-weight:600}.no-approver{color:#7f8c8d;font-style:italic}.approver-info small{color:#95a5a6;font-size:11px}.total-days{color:#27ae60!important}.summary-section h3{margin-bottom:15px}.role-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.role-summary-item{background:#f8f9fa;border-left:4px solid #27ae60;border-radius:8px;justify-content:space-between;padding:15px}.role-label,.role-summary-item{align-items:center;display:flex}.role-label{color:#2c3e50;font-weight:600;gap:8px}.role-count{background:#27ae60;border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px}.loading-container .spinner{border-top-color:#27ae60}@media (max-width:768px){.approved-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{flex-wrap:wrap;width:100%}.filter-controls{grid-template-columns:1fr}.leaves-table{display:block;overflow-x:auto}.table-footer{flex-direction:column;gap:15px;text-align:center}.stats-cards{grid-template-columns:repeat(2,1fr)}.role-summary{grid-template-columns:1fr}}.rejected-leaves-container{margin:0 auto;max-width:1600px;padding:20px}.rejected-header{align-items:center;border-bottom:2px solid #e1e5eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.rejected-header h2{align-items:center;color:#2c3e50;display:flex;font-size:28px;gap:10px;margin:0}.rejected-header .subtitle{color:#7f8c8d;font-size:14px;margin:5px 0 0}.header-actions{display:flex;gap:15px}.export-btn,.print-btn,.refresh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn{background:#ecf0f1;border:1px solid #bdc3c7;color:#34495e}.refresh-btn:hover{background:#d5dbdb}.refresh-btn:disabled{opacity:.5}.export-btn{background:#e74c3c;color:#fff}.export-btn:hover:not(:disabled){background:#c0392b}.export-btn:disabled{background:#95a5a6;cursor:not-allowed}.print-btn{background:#3498db;color:#fff}.print-btn:hover{background:#2980b9}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border:1px solid #e1e5eb;box-shadow:0 2px 10px #00000014;gap:20px}.stat-card.total{border-left:4px solid #e74c3c}.stat-card.this-month{border-left:4px solid #e67e22}.stat-card.this-week{border-left:4px solid #d35400}.stat-card.days{border-left:4px solid #c0392b}.stat-content h3{color:#7f8c8d;font-size:14px;font-weight:600;margin:0 0 5px}.stat-number{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.filters-section{background:#f8f9fa;border:1px solid #e1e5eb;border-radius:10px;margin-bottom:30px;padding:20px}.search-box{margin-bottom:20px}.search-input{border:2px solid #e0e6ed;border-radius:8px;font-size:16px;padding:12px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a;outline:none}.filter-controls{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{flex-direction:column}.filter-group label{color:#34495e;font-size:14px}.filter-input,.filter-select{background:#fff;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;padding:10px 15px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{border-color:#e74c3c;outline:none}.clear-filters-btn{align-items:center;background:#95a5a6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:8px;padding:10px 15px;transition:all .3s ease}.clear-filters-btn:hover{background:#7f8c8d}.leaves-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a;margin-bottom:30px;overflow:hidden}.leaves-table{border-collapse:collapse;width:100%}.leaves-table thead{background:linear-gradient(135deg,#e74c3c,#c0392b)}.leaves-table th{color:#fff;font-size:14px;font-weight:600;padding:15px;text-align:left}.leaves-table tbody tr{border-bottom:1px solid #e1e5eb;transition:background .2s}.leaves-table tbody tr:hover{background:#fef5f5}.leaves-table td{color:#34495e;font-size:14px;padding:15px;vertical-align:middle}.rejected-row{background:#fef5f5}.applicant-info{align-items:center;display:flex;gap:12px}.applicant-avatar{align-items:center;background:#fdedec;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.applicant-info div{display:flex;flex-direction:column}.applicant-info strong{color:#2c3e50}.applicant-info small{color:#7f8c8d;font-size:12px}.role-badge{border-radius:15px;font-size:12px;text-transform:capitalize}.leave-type-badge,.role-badge{background:#fdedec;color:#e74c3c}.leave-type-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:500;padding:5px 12px}.duration-cell{display:flex;flex-direction:column;gap:5px}.duration-cell div{font-size:13px}.duration-cell strong{color:#7f8c8d}.days-badge{background:#fdedec;border-radius:15px;color:#e74c3c;font-size:13px;font-weight:600;padding:5px 10px}.reason-cell,.rejection-reason-cell{max-width:200px}.reason-text,.rejection-text{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reason-text:hover:after,.rejection-text:hover:after{background:#2c3e50;border-radius:6px;color:#fff;content:attr(title);font-size:12px;max-width:300px;padding:8px 12px;position:absolute;white-space:normal;z-index:1000}.no-reason{color:#95a5a6;font-size:12px;font-style:italic}.rejecter-info{display:flex;flex-direction:column;gap:3px}.rejecter-name{color:#2c3e50;font-weight:600}.no-rejecter{color:#7f8c8d;font-style:italic}.rejecter-info small{color:#95a5a6;font-size:11px}.view-details-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.view-details-btn:hover{background:#2980b9;transform:translateY(-1px)}.table-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e1e5eb;display:flex;justify-content:space-between;padding:20px}.footer-info p{font-size:14px;margin:5px 0}.total-days{color:#e74c3c!important;font-weight:600}.summary-section{background:#fff;border:1px solid #e1e5eb;border-radius:10px;margin-top:20px;padding:20px}.summary-section h3{align-items:center;color:#2c3e50;display:flex;gap:10px;margin-bottom:20px}.analysis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analysis-card{background:#f8f9fa;border:1px solid #e1e5eb;border-radius:8px;padding:20px}.analysis-card h4{border-bottom:2px solid #e74c3c;color:#2c3e50;font-size:16px;margin:0 0 15px;padding-bottom:8px}.month-stats,.reasons-list,.role-stats{display:flex;flex-direction:column;gap:10px}.month-stat-item,.reason-item,.role-stat-item{align-items:center;background:#fff;border-left:3px solid #e74c3c;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.reason-text{color:#34495e;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-count,.reason-count,.role-count{background:#e74c3c;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:25px;padding:3px 8px;text-align:center}.month-label,.role-label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px}.empty-state,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 0;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #e0e6ed;border-radius:50%;border-top-color:#e74c3c;height:40px;margin-bottom:20px;width:40px}.empty-state .empty-icon{font-size:60px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#2c3e50;margin-bottom:10px}.empty-state p{color:#7f8c8d;margin-bottom:20px}.error-message{background:#fdedec;border-left:4px solid #e74c3c;border-radius:8px;color:#e74c3c;margin-bottom:20px;padding:15px}@media (max-width:768px){.rejected-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{flex-wrap:wrap;width:100%}.filter-controls{grid-template-columns:1fr}.leaves-table{display:block;overflow-x:auto}.table-footer{flex-direction:column;gap:15px;text-align:center}.stats-cards{grid-template-columns:repeat(2,1fr)}.analysis-grid{grid-template-columns:1fr}.view-details-btn{font-size:11px;padding:4px 8px}}.attendance-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.attendance-header{color:#fff;margin-bottom:30px;text-align:center}.attendance-header h1{align-items:center;display:flex;font-size:2.5rem;gap:15px;justify-content:center;margin-bottom:10px}.user-info{background:#ffffff1a;border-radius:50px;display:inline-block;font-size:1.1rem;opacity:.9;padding:8px 20px}.alert{align-items:center;animation:slideDown .3s ease;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:15px 20px}.alert.error{background:#ff3b301a;border:1px solid #ff3b304d;color:#ff3b30}.alert.success{background:#34c7591a;border:1px solid #34c7594d;color:#34c759}.alert-icon{font-size:1.2rem}.punch-card{animation:cardAppear .5s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:30px;padding:30px}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.punch-status{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.status-indicator{align-items:center;display:flex;gap:15px}.status-dot{border-radius:50%;height:20px;position:relative;width:20px}.status-dot.clocked-in{background:#34c759;box-shadow:0 0 20px #34c75980}.status-dot.clocked-in:after{animation:pulse 2s infinite;background:#34c7594d;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.status-dot.clocked-out{background:#ff3b30}@keyframes pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(2)}}.status-text{color:#333;font-size:1.2rem;font-weight:600}.current-time{text-align:right}.time-label{color:#666;display:block;font-size:.9rem;margin-bottom:5px}.time-display{color:#333;font-family:Courier New,monospace;font-size:1.8rem;font-weight:600}.punch-times{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.time-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.time-card:hover{border-color:#667eea;transform:translateY(-2px)}.time-value{color:#333;display:block;font-size:1.5rem;margin-top:5px}.status-badge{color:#fff}.punch-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.punch-btn{align-items:center;border:none;border-radius:15px;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:15px;justify-content:center;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.punch-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.punch-btn:hover:before{left:100%}.punch-btn:disabled{cursor:not-allowed;opacity:.6}.punch-btn:not(:disabled):hover{box-shadow:0 10px 25px #00000026;transform:translateY(-3px)}.punch-in{background:linear-gradient(135deg,#34c759,#2ca54b);color:#fff}.punch-out{background:linear-gradient(135deg,#ff3b30,#d6302a);color:#fff}.btn-icon{font-size:1.5rem}.btn-text{flex:1 1;text-align:center}.btn-time{font-size:1rem;opacity:.9}.additional-info{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.additional-info h4{color:#333;margin-bottom:15px}.info-inputs{grid-gap:15px;display:grid;gap:15px}.info-input{border:2px solid #dee2e6;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease}.info-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.punches-history{margin-top:30px}.punches-history h3{color:#333;margin-bottom:15px}.punches-list{gap:10px}.punch-record{align-items:center;background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:15px;padding:15px}.punch-record.in{border-left-color:#34c759}.punch-record.out{border-left-color:#ff3b30}.punch-type{min-width:70px}.punch-time{min-width:80px}.punch-method{flex:1 1}.quick-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card{box-shadow:0 5px 15px #0000000d}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.stat-icon{font-size:2rem}.stat-content{display:flex;flex-direction:column}.stat-value{color:#333;font-size:1.8rem;font-weight:600}.stat-label{color:#666}.history-section{text-align:center}.history-btn{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 5px 20px #0000001a;color:#667eea;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.history-btn:hover{background:#667eea;box-shadow:0 8px 25px #00000026;color:#fff;transform:translateY(-2px)}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:20px;width:60px}@media (max-width:768px){.attendance-container{padding:10px}.punch-times,.quick-stats{grid-template-columns:repeat(2,1fr)}.punch-buttons{grid-template-columns:1fr}.punch-btn{padding:20px}}@media (max-width:480px){.attendance-header h1{flex-direction:column;font-size:1.8rem;gap:10px}.punch-times,.quick-stats{grid-template-columns:1fr}.punch-status{flex-direction:column;gap:15px;text-align:center}}.attendance-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);margin-top:70px;min-height:100vh;padding:20px 20px 20px 280px}.dashboard-header{color:#fff;margin-bottom:30px;text-align:center}.dashboard-header h1{align-items:center;display:flex;font-size:2.5rem;gap:15px;justify-content:center;margin-bottom:15px}.header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.2rem}.user-welcome{background:#ffffff1a;border-radius:50px;display:inline-block;font-size:1.1rem;opacity:.9;padding:8px 20px}.dashboard-error{align-items:center;background:#ff3b301a;border:1px solid #ff3b304d;border-radius:10px;color:#ff3b30;display:flex;gap:10px;margin-bottom:20px;padding:15px}.dashboard-content{margin:0 auto;max-width:1200px}.punch-section,.today-summary{margin-bottom:30px}.today-summary{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px}.summary-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.summary-header h2{align-items:center;color:#333;display:flex;gap:10px;margin:0}.summary-icon{font-size:1.5rem}.refresh-btn{background:#4a6fa5;border-radius:6px;font-size:.9rem;padding:8px 16px}.refresh-btn:hover{background:#3a5980;transform:translateY(-2px)}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.summary-card:hover{border-color:#667eea;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.card-label{color:#666;display:block;font-size:.9rem;margin-bottom:8px}.card-value{color:#333;display:block;font-size:1.5rem;font-weight:600}.status-present{color:#34c759}.status-late{color:#ff9500}.status-absent{color:#ff3b30}.today-punches h3{color:#333;margin-bottom:15px}.punches-timeline{display:flex;flex-direction:column;gap:10px}.punch-item{border-left:4px solid #667eea;border-radius:8px;padding:12px 15px}.punch-item.in{border-left-color:#34c759}.punch-item.out{border-left-color:#ff3b30}.punch-marker{font-size:1.2rem}.punch-details{display:flex;flex-direction:column;gap:4px}.punch-type{color:#333}.punch-method{color:#666;font-size:.9rem}.punch-location{color:#888;font-size:.9rem}.history-toggle{margin:30px 0;text-align:center}.toggle-btn{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 5px 20px #0000001a;color:#667eea;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.toggle-btn:hover{background:#667eea;box-shadow:0 8px 25px #00000026;color:#fff;transform:translateY(-2px)}.toggle-icon{transition:transform .3s ease}.history-section{animation:slideDown .5s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.dashboard-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:20px;width:60px}.attendance-details{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:25px}.details-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.details-header h2{align-items:center;color:#333;display:flex;gap:10px;margin:0}.details-icon{font-size:1.5rem}.filters{flex-wrap:wrap;gap:15px}.filter-group,.filters{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#666;white-space:nowrap}.date-filter,.month-filter,.year-filter{border:2px solid #dee2e6;border-radius:6px;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.date-filter:focus,.month-filter:focus,.year-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.details-error{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;display:flex;gap:10px;margin-bottom:20px;padding:15px}.loading-indicator{color:#666;padding:40px;text-align:center}.loading-indicator .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 15px;width:40px}.no-data{color:#666}.no-data-icon{font-size:3rem}.hint{color:#888}.attendance-table-container{overflow-x:auto}.table-summary{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-bottom:none;border-radius:8px 8px 0 0;color:#333;display:flex;font-size:.95rem;justify-content:space-between;padding:15px}.present-count{color:#34c759}.table-wrapper{border:1px solid #dee2e6;border-radius:0 0 8px 8px;overflow-x:auto}.attendance-table{min-width:1000px}.attendance-table th{color:#333}.date-cell{color:#333;font-weight:600;white-space:nowrap}.day-cell{color:#666}.status-badge{align-items:center;display:inline-flex;font-size:.85rem;font-weight:500;gap:5px;padding:5px 12px;white-space:nowrap}.badge-present{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.badge-late{background:#fff3e0;border:1px solid #ffe0b2;color:#ef6c00}.badge-absent{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.badge-halfday{background:#f3e5f5;border:1px solid #e1bee7;color:#7b1fa2}.badge-leave{background:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.badge-holiday{background:#fff8e1;border:1px solid #ffecb3;color:#ff8f00}.badge-weekend{background:#f5f5f5;border:1px solid #e0e0e0;color:#616161}.badge-icon{font-size:.9rem}.time-cell{color:#333;font-family:Courier New,monospace;font-weight:600}.hours-cell .hours-badge{background:#e3f2fd;border-radius:12px;color:#1565c0;font-size:.85rem;font-weight:500;padding:4px 10px}.punches-cell .punches-list{display:flex;flex-wrap:wrap;gap:5px;max-width:200px}.punch-tag{align-items:center;background:#f5f5f5;border-radius:12px;display:inline-flex;font-size:.8rem;gap:3px;padding:3px 8px;white-space:nowrap}.punch-tag.in{background:#e8f5e9;color:#2e7d32}.punch-tag.out{background:#ffebee;color:#c62828}.no-punches{font-size:.9rem}.late-cell .late-indicator{align-items:center;background:#fff3e0;border-radius:12px;color:#ef6c00;display:inline-flex;font-size:.85rem;font-weight:500;gap:3px;padding:4px 10px}.actions-cell{white-space:nowrap}.action-btn{font-weight:500;padding:6px 12px}.edit-btn{background:#e3f2fd;color:#1565c0}.edit-btn:hover{background:#bbdefb;transform:translateY(-2px)}.delete-btn{background:#ffebee;color:#c62828}.delete-btn:hover{background:#ffcdd2}@media (max-width:768px){.details-header{gap:15px}.details-header,.filter-group,.filters{align-items:stretch;flex-direction:column}.table-summary{align-items:flex-start;gap:10px}.action-buttons,.table-summary{flex-direction:column}}.edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.edit-modal-header h3{align-items:center;display:flex;font-size:1.3rem;gap:10px;margin:0}.edit-icon{font-size:1.2rem}.close-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.edit-modal-body{padding:30px}.record-info{grid-gap:15px;background:#f8f9fa;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px;padding:15px}.info-item{flex-direction:column;gap:5px}.info-label{color:#666;font-size:.9rem;font-weight:500}.info-value{color:#333;font-size:1.1rem;font-weight:600}.modal-error{align-items:center;animation:slideIn .3s ease;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;display:flex;gap:10px;margin-bottom:20px;padding:15px}.form-section{margin-bottom:25px}.section-label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:12px}.status-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.status-option{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .3s ease}.status-option:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.status-option.selected{background:#f8f9fa;border-width:3px}.option-icon{font-size:1.5rem}.option-label{color:#333;font-size:.9rem;font-weight:500}.add-punch-form{margin-bottom:15px}.punch-inputs{display:flex;flex-wrap:wrap;gap:10px}.punch-time-input,.punch-type-select{border:2px solid #dee2e6;border-radius:8px;font-size:1rem;padding:10px 15px;transition:all .3s ease}.punch-time-input:focus,.punch-type-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.punch-time-input{min-width:120px}.add-punch-btn{background:#4a6fa5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.add-punch-btn:hover{background:#3a5980;transform:translateY(-2px)}.punches-list{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:10px}.punch-item{background:#fff;border:1px solid #dee2e6;gap:15px;padding:10px 15px}.punch-type{font-weight:600;min-width:60px}.punch-type.in{color:#34c759}.punch-type.out{color:#ff3b30}.punch-time{flex:1 1}.remove-punch-btn{align-items:center;background:#ffebee;border:none;border-radius:50%;color:#c62828;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.remove-punch-btn:hover{background:#ffcdd2;transform:rotate(90deg)}.no-punches{color:#999;font-style:italic;padding:20px;text-align:center}.remarks-textarea{border:2px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 15px;resize:vertical;transition:all .3s ease;width:100%}.remarks-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.edit-modal-footer{align-items:center;background:#f8f9fa;border-radius:0 0 20px 20px;border-top:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px 30px}.danger-zone{flex:1 1}.danger-btn{align-items:center;background:#ffebee;border:2px solid #ffcdd2;border-radius:8px;color:#c62828;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.danger-btn:hover{background:#ffcdd2;transform:translateY(-2px)}.action-buttons{gap:15px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.cancel-btn{background:#f5f5f5;color:#333}.cancel-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.save-btn{align-items:center;background:#4a6fa5;color:#fff;display:flex;gap:8px}.save-btn:hover{background:#3a5980;transform:translateY(-2px)}.cancel-btn:disabled,.danger-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.admin-attendance-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin-top:80px;min-height:100vh;padding:20px 20px 20px 290px}.admin-header{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.admin-header h1{align-items:center;color:#2c3e50;display:flex;font-size:2.2rem;gap:15px;justify-content:center;margin-bottom:10px}.header-icon{font-size:2rem}.admin-subtitle{color:#7f8c8d;font-size:1.1rem;font-weight:500}.admin-statistics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{border-radius:12px;box-shadow:0 3px 10px #0000001a;cursor:pointer;gap:15px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #00000026}.stat-icon{align-items:center;background:#0000000d;border-radius:12px;display:flex;font-size:2.2rem;height:60px;justify-content:center;width:60px}.total-card .stat-icon{color:#2c3e50}.present-card .stat-icon{color:#27ae60}.absent-card .stat-icon{color:#e74c3c}.late-card .stat-icon{color:#f39c12}.leave-card .stat-icon{color:#3498db}.clocked-card .stat-icon{color:#2ecc71}.stat-content{flex:1 1}.stat-value{font-size:2rem;line-height:1}.stat-label{color:#7f8c8d;font-size:.9rem;margin-top:5px}.admin-filters{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000001a;margin-bottom:25px;padding:20px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.filter-group{flex:1 1;min-width:180px}.filter-group label{color:#2c3e50;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.date-filter,.role-filter,.search-filter,.status-filter{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:all .3s ease;width:100%}.date-filter:focus,.role-filter:focus,.search-filter:focus,.status-filter:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.refresh-btn{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.admin-error{align-items:center;animation:slideIn .3s ease;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;display:flex;gap:10px;margin-bottom:20px;padding:15px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:1.2rem}.loading-state{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000001a;padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin:0 auto 20px;width:50px}.no-data{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000001a;padding:60px 20px}.no-data-icon{font-size:3.5rem;margin-bottom:15px;opacity:.5}.hint{color:#7f8c8d;font-size:.9rem;margin-top:5px}.admin-attendance-table{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin-bottom:30px;overflow:hidden}.table-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.table-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.record-count{background:#3498db;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:5px 12px}.table-container{overflow-x:auto}.attendance-table{min-width:1200px}.attendance-table th{background:#f1f8ff;border-bottom:2px solid #dee2e6;position:-webkit-sticky;position:sticky;top:0;z-index:10}.attendance-table td{border-bottom:1px solid #f0f0f0;vertical-align:middle}.status-badge{display:inline-block;font-size:.8rem;letter-spacing:.5px;min-width:70px;padding:6px 12px;text-align:center}.user-info{display:flex;flex-direction:column}.user-name{color:#2c3e50;font-weight:600;margin-bottom:3px}.user-id{color:#7f8c8d;font-size:.85rem}.role-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:5px 10px;text-transform:uppercase}.time-value{color:#2c3e50;font-family:Courier New,monospace;font-size:.95rem;font-weight:600}.hours-badge{background:#e3f2fd;border-radius:15px;color:#1565c0;font-size:.85rem;font-weight:600;padding:6px 12px}.clocked-status{font-size:1.3rem}.punches-container{max-height:120px;max-width:200px;overflow-y:auto;padding:5px}.punch-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:.85rem;gap:8px;margin-bottom:5px;padding:5px 8px}.punch-item.in{border-left:3px solid #27ae60}.punch-item.out{border-left:3px solid #e74c3c}.punch-icon{font-size:.9rem}.punch-time{color:#2c3e50;font-family:Courier New,monospace;font-weight:600}.punch-method{color:#7f8c8d;font-size:.8rem}.action-buttons{gap:8px}.action-btn{align-items:center;border-radius:6px;display:flex;font-size:.85rem;font-weight:600;gap:5px;justify-content:center;min-width:70px;transition:all .3s ease}.punch-in-btn{background:#27ae60;color:#fff}.punch-in-btn:hover{background:#219653;transform:translateY(-2px)}.punch-out-btn{background:#e74c3c;color:#fff}.punch-out-btn:hover{background:#c0392b;transform:translateY(-2px)}.delete-btn{background:#e0e0e0;color:#2c3e50;min-width:40px}.delete-btn:hover{background:#d32f2f;color:#fff;transform:translateY(-2px)}.admin-summary{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000001a;padding:20px}.admin-summary h4{align-items:center;color:#2c3e50;display:flex;gap:10px;margin-bottom:15px}.summary-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;justify-content:space-between;padding:12px 15px}.summary-label{color:#2c3e50;font-weight:600}.summary-value{font-size:1.1rem}@media (max-width:768px){.admin-statistics{grid-template-columns:repeat(2,1fr)}.filter-row{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.action-buttons{flex-direction:column}.action-btn{min-width:100%}}@media (max-width:480px){.admin-statistics{grid-template-columns:1fr}.table-header{align-items:stretch;flex-direction:column;gap:10px;text-align:center}.summary-stats{grid-template-columns:1fr}}.teacher-classes-content{background:#f5f7fa;flex:1 1;margin-left:250px;margin-top:80px;min-height:100vh;padding:20px}.teacher-classes-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.teacher-classes-header .header-left h1{color:#2c3e50;margin:0}.teacher-classes-header .header-left p{color:#7f8c8d;margin:5px 0 0}.btn-primary,.btn-secondary{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.teacher-tabs{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:10px}.tab-btn{align-items:center;background:#f8f9fa;border:none;display:flex;gap:8px;padding:12px 20px;transition:all .3s}.tab-btn:hover{background:#e9ecef}.tab-btn:disabled{cursor:not-allowed;opacity:.5}.teacher-content-area{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;min-height:500px;padding:20px}.classes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.class-card{background:#f8f9fa;border:2px solid #0000;border-radius:10px;cursor:pointer;padding:20px;transition:all .3s}.class-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.class-card.selected{background:#e3f2fd;border-color:#3498db}.class-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.class-card-header h3{color:#2c3e50;margin:0}.class-section{background:#3498db;border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}.class-info{margin-bottom:15px}.info-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.info-item:last-child{border-bottom:none}.label{color:#7f8c8d;font-weight:700}.value{color:#2c3e50}.class-actions{display:flex;gap:10px}.action-btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:13px;padding:8px 12px;transition:background .3s}.view-btn{background:#2ecc71;color:#fff}.view-btn:hover{background:#27ae60}.attendance-btn{background:#e74c3c;color:#fff}.attendance-btn:hover{background:#c0392b}.selected-class-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.selected-class-info h3{color:#2c3e50;margin:0 0 5px}.selected-class-info p{color:#7f8c8d;margin:0}.table-actions{display:flex;gap:10px;margin-bottom:15px}.btn-email,.btn-export,.btn-print{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:13px;padding:8px 15px;transition:all .3s}.btn-email:hover,.btn-export:hover,.btn-print:hover{background:#f8f9fa}.students-table{border-collapse:collapse;margin-bottom:20px;width:100%}.students-table th{background:#f8f9fa;border-bottom:2px solid #ddd;color:#2c3e50;padding:12px;text-align:left}.students-table td{border-bottom:1px solid #eee;padding:12px}.students-table tr:hover{background:#f8f9fa}.student-name{gap:10px}.avatar,.student-name{align-items:center;display:flex}.avatar{background:#3498db;border-radius:50%;color:#fff;height:30px;justify-content:center;width:30px}.attendance-indicator{align-items:center;display:flex;gap:8px}.attendance-dot{border-radius:50%;height:10px;width:10px}.attendance-dot.high{background:#2ecc71}.attendance-dot.medium{background:#f39c12}.attendance-dot.low{background:#e74c3c}.grade-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 10px}.grade-a{background:#d4edda;color:#155724}.grade-b{background:#fff3cd;color:#856404}.grade-c{background:#f8d7da;color:#721c24}.student-actions{display:flex;gap:5px}.icon-btn{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:5px;transition:background .3s}.icon-btn:hover{background:#f8f9fa}.no-data{color:#7f8c8d;padding:40px!important;text-align:center}.students-summary{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;padding:15px}.summary-item{align-items:center;display:flex;flex-direction:column}.summary-label{color:#7f8c8d;font-size:12px}.summary-value{color:#2c3e50;font-size:20px;font-weight:700}.assignments-container,.attendance-container{padding:20px}.assignments-header,.attendance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.attendance-stats{grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stat-card{background:#f8f9fa;text-align:center;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:30px;margin-bottom:10px}.stat-value{color:#2c3e50;font-size:28px;font-weight:700;margin:10px 0}.stat-desc{color:#7f8c8d;font-size:14px}.recent-attendance{background:#f8f9fa;border-radius:10px;padding:20px}.attendance-records{margin-top:15px}.record-item{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.record-date{color:#2c3e50;font-weight:700}.record-status{border-radius:4px;font-size:14px;padding:5px 10px}.record-status.present{background:#d4edda;color:#155724}.record-status.absent{background:#f8d7da;color:#721c24}.record-status.leave{background:#fff3cd;color:#856404}.assignments-list{display:flex;flex-direction:column;gap:15px}.assignment-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:10px;padding:20px}.assignment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.assignment-due{background:#e74c3c;border-radius:20px;color:#fff;font-size:12px;padding:4px 10px}.assignment-desc{color:#7f8c8d;margin-bottom:15px}.assignment-stats{display:flex;gap:20px;margin-bottom:15px}.assignment-actions{display:flex;gap:10px}.btn-small{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .3s}.btn-small:hover{background:#f8f9fa}.empty-state{color:#7f8c8d;padding:50px;text-align:center}.empty-icon{font-size:50px}.loading-spinner{border:4px solid #f3f3f3;height:40px;width:40px}.teacher-attendance-content{background:#f5f7fa;margin-left:270px;margin-top:80px;min-height:100vh;padding:20px}.teacher-attendance-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.teacher-attendance-header .header-left h1{color:#2c3e50;margin:0}.teacher-attendance-header .header-left p{color:#7f8c8d;margin:5px 0}.class-info{color:#3498db!important;font-size:14px;font-weight:500}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.attendance-controls{grid-gap:15px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:20px}.control-group{display:flex;flex-direction:column}.control-group label{color:#2c3e50;font-weight:500;margin-bottom:5px}.control-group input,.control-group select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:8px 12px}.control-group input:focus,.control-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.date-navigation{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.nav-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px}.nav-btn:disabled{background:#bdc3c7;cursor:not-allowed}.nav-btn:hover:not(:disabled){background:#2980b9}.date-selector{align-items:center;display:flex;flex-direction:column}.date-selector input{border:1px solid #ddd;border-radius:5px;margin-bottom:5px;padding:5px}.date-display{color:#2c3e50;font-weight:500}.attendance-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;padding:20px}.stat-card.present{border-left:4px solid #2ecc71}.stat-card.absent{border-left:4px solid #e74c3c}.stat-card.late{border-left:4px solid #f39c12}.stat-card.total{border-left:4px solid #3498db}.stat-card.percentage{border-left:4px solid #9b59b6}.stat-card.total-days{border-left:4px solid #1abc9c}.stat-card.streak{border-left:4px solid #e67e22}.stat-icon{font-size:40px;margin-right:15px}.stat-info h3{color:#2c3e50;font-size:28px;margin:0}.stat-info p{color:#7f8c8d;font-size:14px;margin:5px 0 0}.student-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.quick-actions{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px 20px}.btn-absent,.btn-present,.btn-save{border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:10px 20px}.btn-present{background:#2ecc71;color:#fff}.btn-present:hover{background:#27ae60}.btn-absent{background:#e74c3c;color:#fff}.btn-absent:hover{background:#c0392b}.btn-save{background:#3498db;color:#fff}.btn-save:disabled{background:#bdc3c7;cursor:not-allowed}.btn-save:hover:not(:disabled){background:#2980b9}.view-mode-tabs{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;gap:10px;margin-bottom:20px;padding:10px}.tab-btn{background:none;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px}.tab-btn.active{background:#3498db;border-color:#3498db;color:#fff}.tab-btn:hover:not(.active){background:#f8f9fa}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;padding:15px 20px}.action-buttons,.attendance-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}.attendance-table-container{overflow:hidden}.attendance-table{border-collapse:collapse;width:100%}.attendance-table th{background:#f8f9fa;border-bottom:2px solid #eee;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.attendance-table td{border-bottom:1px solid #eee;padding:15px}.attendance-row:hover{background:#f8f9fa}.status-buttons{display:flex;flex-wrap:wrap;gap:5px}.status-btn{background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:12px;padding:5px 10px;white-space:nowrap}.status-btn.active{font-weight:700}.status-btn.present.active{background:#2ecc71;border-color:#2ecc71;color:#fff}.status-btn.absent.active{background:#e74c3c;border-color:#e74c3c;color:#fff}.status-btn.late.active{background:#f39c12;border-color:#f39c12;color:#fff}.status-btn:hover:not(.active){background:#f8f9fa}.remark-cell input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:8px;width:100%}.remark-cell input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-badge.present{background:#d5f4e6;color:#27ae60}.status-badge.absent{background:#fadbd8;color:#c0392b}.status-badge.late{background:#fef5e7;color:#f39c12}.attendance-summary{background:#f8f9fa;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.summary-item{text-align:center}.summary-item span{color:#7f8c8d;display:block;font-size:14px;margin-bottom:5px}.summary-item strong{color:#2c3e50;font-size:18px}.summary-item .present{color:#27ae60}.summary-item .absent{color:#c0392b}.summary-item .late{color:#f39c12}.summary-item .percentage{color:#9b59b6}.month-year-selector{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px 20px}.selector-group{align-items:center;display:flex;gap:10px}.selector-group label{color:#2c3e50;font-weight:500}.selector-group select{border:1px solid #ddd;border-radius:5px;font-size:14px;min-width:150px;padding:8px 12px}.student-info{margin-top:10px}.student-info h2{color:#2c3e50;margin:0 0 5px}.student-details{color:#7f8c8d;font-size:14px}.attendance-summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.attendance-summary-card h3{color:#2c3e50;margin-top:0}.summary-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.detail-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row span{color:#7f8c8d}.detail-row strong{color:#2c3e50}.warning-badge{background:#fef5e7;border-radius:3px;color:#f39c12;font-size:12px;margin-left:10px;padding:2px 8px}.calendar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));margin:20px 0}.calendar-day{align-items:center;aspect-ratio:1;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.calendar-day.present{background:#d5f4e6;color:#27ae60}.calendar-day.absent{background:#fadbd8;color:#c0392b}.calendar-day.late{background:#fef5e7;color:#f39c12}.day-number{font-size:18px;font-weight:700}.day-status{font-size:14px;margin-top:2px}.calendar-legend{display:flex;gap:20px;justify-content:center;margin-top:20px}.legend-item{align-items:center;display:flex;gap:5px}.legend-color{border-radius:3px;height:15px;width:15px}.legend-color.present{background:#d5f4e6}.legend-color.absent{background:#fadbd8}.legend-color.late{background:#fef5e7}.no-attendance,.no-data{padding:40px 20px;text-align:center}.empty-icon{font-size:60px;margin-bottom:20px;opacity:.3}.no-attendance h3,.no-data h4{color:#7f8c8d;margin:0 0 10px}.no-attendance p,.no-data p{color:#95a5a6;margin-bottom:20px}.export-options{flex-wrap:wrap;gap:10px;padding:15px 20px}.attendance-footer,.export-options{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;margin-top:20px}.attendance-footer{align-items:center;justify-content:space-between;padding:20px}.footer-info{display:flex;flex-wrap:wrap;gap:20px}.footer-info p{color:#7f8c8d;margin:0}.footer-info strong{color:#2c3e50}.footer-actions{display:flex;gap:10px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#f8f9fa;border:1px solid #ddd;color:#2c3e50}.btn-secondary:hover{background:#e9ecef}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media print{.teacher-dashboard-container{padding:0}.action-buttons,.attendance-footer,.btn-primary,.btn-secondary,.export-options,.role-sidebar{display:none!important}.teacher-attendance-content{padding:0}.attendance-table-container{border:1px solid #ddd;box-shadow:none}.attendance-table th{background:#f8f9fa!important;-webkit-print-color-adjust:exact}}
/*# sourceMappingURL=main.08f484a3.css.map*/