@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);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&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{background:#fff;justify-content:space-between;padding:1.5rem 4rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.cc-logo-main,.cc-navbar-main{align-items:center;display:flex;font-family:poppins,sans-serif}.cc-logo-main{color:#1a1a1a;cursor:pointer;font-size:1.5rem;font-weight:800;gap:.75rem}.cc-logo-icon-main{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:12px;box-shadow:0 4px 8px #ffd70066;color:#1a1a1a;display:flex;font-size:1.4rem;height:5px;justify-content:center;transition:all .3s ease;width:5px}.cc-logo-icon-main img{height:50px;width:70px}.cc-logo-icon-main:hover{box-shadow:0 6px 12px #ffd70099;transform:scale(1.1) rotate(5deg)}.cc-logo-main a{color:#1a1a1a;font-family:poppins,sans-serif;font-weight:800;letter-spacing:.5px;margin-left:20px;text-decoration:none;transition:color .3s ease}.cc-logo-main a:hover{color:gold}.cc-nav-links-main{align-items:center;display:flex;font-family:poppins,sans-serif;gap:.5rem;margin-left:100px;padding:0 2rem}.cc-nav-item{position:relative}.cc-nav-link-item{align-items:center;background:none;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;font-family:poppins,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.cc-nav-link-item:hover{background:#ffd7001a}.cc-nav-link-item:after{background:gold;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.cc-nav-link-item:hover:after{width:80%}.cc-dropdown-arrow{color:#1a1a1a;font-size:.7rem;transition:transform .3s ease}.cc-dropdown:hover .cc-dropdown-arrow{color:gold;transform:rotate(180deg)}.cc-dropdown-menu{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 12px 40px #00000026;font-family:poppins,sans-serif;left:50%;opacity:0;overflow:hidden;padding:0;position:relative;top:calc(100% + 1rem);transform:translateX(-50%);transition:all .3s ease;visibility:hidden}.cc-dropdown:hover .cc-dropdown-menu{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.cc-features-menu{margin-left:120px;margin-top:10px;max-width:1400px;min-width:1200px}.cc-portal-menu{margin-top:10px;max-height:350px;min-width:500px}.cc-resources-menu{margin-top:10px;max-height:300px;min-width:650px}.cc-dropdown-content-wrapper{align-items:stretch;display:flex}.cc-dropdown-grid{grid-gap:2.5rem;display:grid;flex:1 1;gap:2.5rem;padding:2.5rem}.cc-one-column{grid-template-columns:1fr}.cc-two-column{grid-template-columns:repeat(2,1fr)}.cc-four-column{grid-template-columns:repeat(4,1fr)}.cc-dropdown-image{margin-left:-30px;width:300px}.cc-dropdown-image,.cc-dropdown1-image{flex-shrink:0;overflow:hidden;position:relative}.cc-dropdown1-image{width:400px}.cc-dropdown-image img{height:100%}.cc-dropdown-image img,.cc-dropdown1-image img{object-fit:cover;transition:all .5s ease;width:100%}.cc-dropdown1-image img{height:90%}.cc-dropdown-image:hover img{opacity:1;transform:scale(1.05)}.cc-image-overlay{bottom:0;color:#fff;font-family:poppins,sans-serif;left:0;padding:2rem;position:absolute;right:0}.cc-image-overlay h3{color:gold;font-family:poppins,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #000c}.cc-image-overlay p{color:#fff;font-family:poppins,sans-serif;font-size:.95rem;font-weight:400;line-height:1.5;text-shadow:1px 1px 2px #000c}.cc-dropdown-column{display:flex;flex-direction:column;gap:.5rem}.cc-dropdown-title{border-bottom:2px solid gold;color:#1a1a1a;font-size:1rem;font-weight:450;letter-spacing:.8px;margin-bottom:1rem;padding-bottom:.5rem;text-transform:sentence-case}.cc-dropdown-link,.cc-dropdown-title{font-family:poppins,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-dropdown-link{align-items:center;border-radius:8px;color:#333;display:flex;font-size:.95rem;font-weight:400;gap:.75rem;line-height:1.2;padding:.7rem .75rem;text-decoration:none;transition:all .25s ease}.cc-dropdown-link .cc-icon{color:#daa520;flex-shrink:0;font-size:1.3rem;min-width:20px;transition:all .3s ease}.cc-dropdown-link:hover{background:linear-gradient(135deg,#fff8dc,#fffacd);box-shadow:0 2px 8px #daa52033;color:#1a1a1a;transform:translateX(5px)}.cc-dropdown-link:hover .cc-icon{color:#b8860b;transform:scale(1.2)}.cc-nav-buttons-main{align-items:center;display:flex;font-family:poppins,sans-serif;gap:1rem}.cc-btn-outline-main{background:#0000;border:2px solid #1f2937;border-radius:25px;color:#1f2937;cursor:pointer;font-family:poppins,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.3px;padding:.75rem 1.75rem;transition:all .3s ease;white-space:nowrap}.cc-btn-outline-main:hover{background:gold;box-shadow:0 6px 16px #ffd70066;color:#1a1a1a;transform:translateY(-2px)}.cc-btn-primary-main{background-color:#fdb935;border:none;border-radius:25px;color:#1f2937;cursor:pointer;font-family:poppins,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.3px;overflow:hidden;padding:.75rem 1.75rem;position:relative;transition:all .3s ease;white-space:nowrap}.cc-btn-primary-main:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cc-btn-primary-main:hover:before{left:100%}.cc-btn-primary-main:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 6px 20px #ffd70099;transform:translateY(-2px)}@media (max-width:1200px){.cc-navbar-main{padding:1.5rem 2rem}.cc-four-column{grid-template-columns:repeat(2,1fr)}.cc-features-menu{min-width:700px}.cc-dropdown-image{width:280px}}@media (max-width:992px){.cc-nav-links-main{display:none}.cc-navbar-main{justify-content:space-between}}@media (max-width:768px){.cc-navbar-main{padding:1rem}.cc-logo-main{font-size:1.25rem}.cc-logo-icon-main{font-size:1.2rem;height:38px;width:38px}.cc-nav-buttons-main{gap:.5rem}.cc-btn-outline-main,.cc-btn-primary-main{font-size:.85rem;padding:.6rem 1.2rem}}@keyframes fadeInDown{0%{opacity:0;transform:translateX(-50%) translateY(-15px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.cc-dropdown:hover .cc-dropdown-menu{animation:fadeInDown .3s ease}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.cc-btn-outline-main:focus,.cc-btn-primary-main:focus,.cc-dropdown-link:focus,.cc-nav-link-item:focus{outline:2px solid gold;outline-offset:2px}.cc-dropdown-menu::-webkit-scrollbar{width:8px}.cc-dropdown-menu::-webkit-scrollbar-track{background:#f9f9f9;border-radius:10px}.cc-dropdown-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,orange);border-radius:10px}.cc-dropdown-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,orange,#ff8c00)}.cc-dropdown-link,.cc-dropdown-title{align-items:center;display:flex}.cc-dropdown-column>*{width:100%}.cc-dropdown{position:relative}.cc-features-menu,.cc-portal-menu,.cc-resources-menu{left:50%;position:absolute;transform:translateX(-50%)}.cc-dropdown:hover .cc-features-menu,.cc-dropdown:hover .cc-portal-menu,.cc-dropdown:hover .cc-resources-menu{left:50%;transform:translateX(-50%) translateY(0)}:root{--primary:#fac638;--primary-dark:#c9891e;--secondary:#222;--secondary-light:#333;--background-light:#f8f8f5;--background-dark:#231e0f;--surface-light:#f4f4f4;--surface-dark:#262626;--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;display:flex;flex-direction:column;justify-content:space-between;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;margin-bottom:5px}.stat-label{color:#4b5563;color:var(--gray-600);display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.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;overflow:hidden;position:relative}.profile-image img{height:100%;object-fit:cover;object-position:top;transition:transform .5s;width:100%}.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-gap:1rem;gap:1rem;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)}.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-title span{color:#fdb935}.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:left}.edt-levels-title{color:#1f2937;font-size:1.6rem;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:linear-gradient(135deg,#fff,#fff);margin-top:-40px;min-height:100vh;overflow:hidden;padding:100px 20px;position:relative}.cop-operations-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.cop-background-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.cop-bg-dot{animation:cop-float-dots 8s ease-in-out infinite;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:50%;position:absolute}.cop-bg-dot-1{animation-delay:0s;height:300px;left:-5%;top:10%;width:300px}.cop-bg-dot-2{animation-delay:2s;height:200px;right:-3%;top:50%;width:200px}.cop-bg-dot-3{animation-delay:4s;bottom:15%;height:150px;left:15%;width:150px}@keyframes cop-float-dots{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.5;transform:translate(30px,-30px) scale(1.1)}}.cop-bg-line{animation:cop-slide-line 10s linear infinite;background:linear-gradient(90deg,#0000,#3b82f633,#0000);height:2px;position:absolute}.cop-bg-line-1{animation-delay:0s;top:30%;width:100%}.cop-bg-line-2{animation-delay:5s;bottom:30%;width:100%}@keyframes cop-slide-line{0%{opacity:0;transform:translateX(-100%)}50%{opacity:.5}to{opacity:0;transform:translateX(100%)}}.cop-operations-header{animation:cop-fade-in-down 1s ease-out;margin-bottom:80px;text-align:center}@keyframes cop-fade-in-down{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.cop-title-wrapper{margin:0 auto;max-width:800px}.cop-title-badge{animation:cop-badge-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fdb935,#f59e0b);border-radius:50px;box-shadow:0 4px 20px #3b82f64d;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:24px;padding:10px 24px;text-transform:uppercase}@keyframes cop-badge-pulse{0%,to{box-shadow:0 4px 20px #3b82f64d;transform:scale(1)}50%{box-shadow:0 6px 30px #3b82f680;transform:scale(1.05)}}.cop-operations-title{animation:cop-title-shine 3s ease-in-out infinite;color:#1a202c;font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}@keyframes cop-title-shine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cop-operations-subtitle{color:#64748b;font-size:18px;font-weight:400;line-height:1.7}.cop-content-grid{grid-gap:60px;align-items:center;animation:cop-fade-in-up 1s ease-out .3s backwards;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:60px}@keyframes cop-fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.cop-image-section{animation:cop-slide-in-left 1s ease-out .5s backwards;position:relative}@keyframes cop-slide-in-left{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}.cop-image-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:30px;box-shadow:0 20px 60px #0000001a;padding:40px;position:relative}.cop-image-background{animation:cop-bg-pulse 3s ease-in-out infinite;border-radius:20px;bottom:20px;left:20px;opacity:.1;position:absolute;right:20px;top:20px;transition:all .6s ease}@keyframes cop-bg-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.15;transform:scale(1.05)}}.cop-feature-image-container{border-radius:20px;box-shadow:0 15px 40px #00000026;opacity:0;overflow:hidden;position:relative;transform-origin:center;transition:transform .6s cubic-bezier(.4,0,.2,1)}.cop-feature-image-container.cop-image-loaded{animation:cop-image-zoom-in .8s ease-out;opacity:1}@keyframes cop-image-zoom-in{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.cop-feature-image{border-radius:20px;display:block;height:auto;transition:transform .6s ease;width:100%}.cop-feature-image-container:hover .cop-feature-image{transform:scale(1.05)}.cop-image-shine{animation:cop-shine-sweep 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes cop-shine-sweep{0%{transform:translateX(-100%) translateY(-100%)}to{transform:translateX(100%) translateY(100%)}}.cop-image-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cop-particle{animation:cop-particle-float 4s ease-in-out infinite;background:#fffc;border-radius:50%;height:6px;position:absolute;width:6px}.cop-particle:first-child{animation-delay:0s;left:10%;top:20%}.cop-particle:nth-child(2){animation-delay:.5s;right:15%;top:40%}.cop-particle:nth-child(3){animation-delay:1s;bottom:30%;left:20%}.cop-particle:nth-child(4){animation-delay:1.5s;right:25%;top:60%}.cop-particle:nth-child(5){animation-delay:2s;bottom:15%;right:10%}.cop-particle:nth-child(6){animation-delay:2.5s;left:30%;top:80%}@keyframes cop-particle-float{0%,to{opacity:0;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.5)}}.cop-image-label{align-items:center;background:#fff;border-radius:50px;bottom:-20px;box-shadow:0 10px 30px #00000026;color:#1a202c;display:flex;font-size:16px;font-weight:700;gap:12px;left:50%;padding:16px 28px;position:absolute;transform:translateX(-50%);white-space:nowrap}.cop-image-label.cop-slide-up{animation:cop-label-slide-up .6s ease-out .4s backwards}@keyframes cop-label-slide-up{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.cop-image-label-icon{align-items:center;color:#3b82f6;color:var(--feature-color,#3b82f6);display:flex;height:28px;justify-content:center;width:28px}.cop-image-label-icon svg{height:100%;width:100%}.cop-floating-info{align-items:center;animation:cop-float-card 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #0000001f;color:#1a202c;display:flex;font-size:13px;font-weight:600;gap:10px;padding:12px 20px;position:absolute}.cop-float-1{animation-delay:0s;right:-20px;top:-10px}.cop-float-2{animation-delay:1s;bottom:100px;left:-30px}.cop-float-3{animation-delay:2s;bottom:-10px;right:-30px}@keyframes cop-float-card{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.cop-floating-icon{animation:cop-icon-bounce 2s ease-in-out infinite;font-size:20px}@keyframes cop-icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cop-features-list{animation:cop-slide-in-right 1s ease-out .7s backwards;display:flex;flex-direction:column;gap:20px;text-align:justify}@keyframes cop-slide-in-right{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}.cop-feature-item{grid-gap:20px;align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d;cursor:pointer;display:grid;gap:20px;grid-template-columns:4px 60px 1fr 30px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.cop-feature-item:before{background:linear-gradient(135deg,var(--feature-color),#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.cop-feature-item:hover{box-shadow:0 10px 35px #0000001f;transform:translateX(10px)}.cop-feature-item:hover:before{opacity:.05}.cop-feature-item.cop-feature-active{background:linear-gradient(135deg,var(--feature-color),var(--feature-color));box-shadow:0 15px 45px #0003;color:#fff;transform:translateX(15px) scale(1.02)}.cop-feature-item.cop-feature-active:before{opacity:.2}.cop-feature-indicator{background:#3b82f6;background:var(--feature-color,#3b82f6);border-radius:10px;height:60px;opacity:0;transform:scaleY(0);transition:all .4s ease;width:4px}.cop-feature-item.cop-feature-active .cop-feature-indicator{animation:cop-indicator-grow .5s ease-out;background:#fff;opacity:1;transform:scaleY(1)}@keyframes cop-indicator-grow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.cop-feature-icon{height:60px;width:60px}.cop-feature-icon,.cop-icon-wrapper{align-items:center;display:flex;justify-content:center}.cop-icon-wrapper{background:linear-gradient(135deg,var(--feature-color),rgba(var(--feature-color),.8));border-radius:16px;box-shadow:0 4px 15px #0000001a;color:#fff;height:100%;transition:all .4s ease;width:100%}.cop-icon-wrapper svg{height:30px;width:30px}.cop-feature-item:hover .cop-icon-wrapper{transform:rotate(1turn) scale(1.1)}.cop-feature-item.cop-feature-active .cop-icon-wrapper{animation:cop-icon-pop .6s ease-out;background:#fff;color:var(--feature-color);transform:scale(1.15)}@keyframes cop-icon-pop{0%{transform:scale(.8) rotate(-180deg)}50%{transform:scale(1.25) rotate(0deg)}to{transform:scale(1.15) rotate(0deg)}}.cop-feature-content{flex:1 1}.cop-feature-title{color:#1a202c;font-size:20px;font-weight:700;margin-bottom:8px;transition:color .3s ease}.cop-feature-item.cop-feature-active .cop-feature-title{color:#fff}.cop-feature-description{color:#64748b;font-size:14px;line-height:1.6;transition:color .3s ease}.cop-feature-item.cop-feature-active .cop-feature-description{color:#ffffffe6}.cop-feature-arrow{align-items:center;color:#cbd5e1;display:flex;height:30px;justify-content:center;transition:all .4s ease;width:30px}.cop-feature-arrow svg{height:100%;transition:transform .4s ease;width:100%}.cop-feature-item:hover .cop-feature-arrow{color:var(--feature-color)}.cop-feature-item:hover .cop-feature-arrow svg{transform:translateX(5px)}.cop-feature-item.cop-feature-active .cop-feature-arrow{color:#fff}.cop-feature-item.cop-feature-active .cop-feature-arrow svg{transform:translateX(8px) scale(1.2)}.cop-feature-counter{animation:cop-fade-in 1s ease-out 1s backwards;color:#64748b;font-size:24px;font-weight:700;margin:40px 0;text-align:center}.cop-counter-current{animation:cop-counter-change .5s ease-out;color:#3b82f6;font-size:36px}@keyframes cop-counter-change{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cop-counter-separator{color:#cbd5e1;margin:0 10px}.cop-counter-total{color:#94a3b8}.cop-footer{animation:cop-fade-in 1s ease-out 1.2s backwards;text-align:center}.cop-see-all-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:50px;box-shadow:0 10px 30px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:12px;overflow:hidden;padding:18px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.cop-see-all-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.cop-see-all-btn:hover{box-shadow:0 15px 40px #3b82f666;transform:translateY(-4px)}.cop-see-all-btn:hover:before{height:300px;width:300px}.cop-see-all-btn:active{transform:translateY(-2px)}.cop-btn-arrow{height:20px;transition:transform .4s ease;width:20px}.cop-see-all-btn:hover .cop-btn-arrow{transform:translateX(5px)}@media (max-width:1200px){.cop-operations-title{font-size:42px}.cop-content-grid{gap:40px}}@media (max-width:1024px){.cop-operations-section{padding:80px 20px}.cop-operations-title{font-size:38px}.cop-content-grid{gap:60px;grid-template-columns:1fr}.cop-image-section{order:2}.cop-features-list{order:1}}@media (max-width:768px){.cop-operations-section{padding:60px 15px}.cop-operations-header{margin-bottom:60px}.cop-operations-title{font-size:32px}.cop-operations-subtitle{font-size:16px}.cop-image-wrapper{padding:30px 20px}.cop-floating-info{font-size:12px;padding:10px 16px}.cop-float-1,.cop-float-2,.cop-float-3{bottom:auto;display:inline-flex;left:auto;margin:10px auto;position:relative;right:auto;top:auto}.cop-feature-item{gap:15px;grid-template-columns:4px 50px 1fr 25px;padding:20px}.cop-feature-icon{height:50px;width:50px}.cop-icon-wrapper svg{height:24px;width:24px}.cop-feature-title{font-size:18px}.cop-feature-description{font-size:13px}}@media (max-width:480px){.cop-operations-title{font-size:28px}.cop-operations-subtitle{font-size:15px}.cop-title-badge{font-size:12px;padding:8px 20px}.cop-image-wrapper{padding:20px 15px}.cop-feature-item{gap:12px;grid-template-columns:3px 45px 1fr 20px;padding:16px}.cop-feature-icon{height:45px;width:45px}.cop-feature-title{font-size:16px}.cop-feature-description{font-size:12px}.cop-see-all-btn{font-size:15px;padding:16px 32px}.cop-feature-counter{font-size:20px}.cop-counter-current{font-size:30px}}.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}}.blai-slider-container{align-items:center;display:flex;justify-content:center;margin:-170px 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}}:root{--yellow:#f5c518;--yellow-hot:#e8b500;--yellow-muted:#f5c51824;--yellow-glow:#f5c51859;--white:#fff;--off-white:#fafafa;--black:#111;--text-primary:#111;--text-secondary:#555;--text-muted:#888;--card-bg:#fff;--card-border:#00000014;--border-idle:#f5c51833;--border-active:#f5c51899;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 40px #0000001f}.hub-section{background:#fff;background:var(--white);color:#111;color:var(--text-primary);font-family:Poppins,sans-serif;margin-bottom:50px;margin-top:-120px;overflow:hidden;padding:80px 50px 70px;position:relative}.hub-section:before{background-image:radial-gradient(circle,rgba(0,0,0,.055) 1px,#0000 0);background-size:36px 36px;inset:0}.hub-section:after,.hub-section:before{content:"";pointer-events:none;position:absolute;z-index:0}.hub-section:after{background:radial-gradient(ellipse,#f5c5181f 0,#0000 70%);height:360px;left:50%;top:58%;transform:translate(-50%,-50%);width:600px}.hub-header{margin:0 auto;max-width:1300px;padding:0 0 12px;position:relative;text-align:center;z-index:2}.integrations-pill{align-items:center;background:#f5c5181f;border:1px solid #f5c51866;border-radius:4px;color:#9a7800;display:inline-flex;font-family:Poppins,sans-serif;font-size:9px;font-weight:700;gap:7px;letter-spacing:.2em;margin-bottom:20px;padding:6px 18px;text-transform:uppercase}.integrations-pill:before{animation:blink-dot 2s ease-in-out infinite;background:#e8b500;background:var(--yellow-hot);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:5px;width:5px}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.15}}.hub-header h2{color:#111;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:46px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px}.hub-header h2 span{color:#e8b500;color:var(--yellow-hot)}.hub-header p{color:#555;color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.7;margin:0 auto;max-width:660px}.hub-stats{border-top:1px solid #00000012;display:flex;gap:48px;justify-content:center;margin-top:32px;padding-top:28px}.hub-stat{text-align:center}.hub-stat-number{color:#e8b500;color:var(--yellow-hot);font-family:Poppins,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1}.hub-stat-label{color:#888;color:var(--text-muted);font-family:Poppins,sans-serif;font-size:9px;font-weight:600;letter-spacing:.14em;margin-top:4px;text-transform:uppercase}.hub-visualization{height:500px;margin:0 auto;max-width:95%;position:relative;z-index:1}.hub-svg{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:1}.hub-line{fill:none;stroke:#f5c5182e;stroke-width:1;stroke-linecap:round;stroke-dasharray:4 10;transition:stroke 1.8s ease,stroke-width 1.8s ease,opacity 1.8s ease}.hub-phase-pull .hub-line{stroke:#e8b50080;stroke-width:1.4;stroke-dasharray:4 8}.hub-phase-absorb .hub-line{stroke:#f5c5181a;stroke-width:.8;opacity:.35}.hub-phase-eject .hub-line{stroke:#00000014;stroke-width:1.2;stroke-dasharray:3 12;transition:stroke .6s ease}.hub-phase-cooldown .hub-line,.hub-phase-idle .hub-line{stroke:#f5c5182e;stroke-width:1}.hub-center{align-items:center;display:flex;height:200px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:10}.hub-accretion{animation:orbit-idle 12s linear infinite;border:1.5px solid #0000;border-radius:50%;border-top-color:#f5c51800;height:185px;inset:50%;position:absolute;transform:translate(-50%,-50%) rotate(0deg);transition:border-top-color 1.5s ease,border-right-color 1.5s ease,width 1.5s ease,height 1.5s ease,filter 1.5s ease;width:185px;z-index:2}.hub-phase-pull .hub-accretion{animation-duration:5s;border-right-color:#f5c51840;border-top-color:#e8b500bf;filter:drop-shadow(0 0 6px rgba(232,181,0,.4))}.hub-phase-absorb .hub-accretion{animation-duration:2s;border-right-color:#f5c51880;border-top-color:#e8b500;filter:drop-shadow(0 0 14px rgba(232,181,0,.6));height:160px;width:160px}.hub-phase-eject .hub-accretion{animation-duration:14s;border-right-color:#0000;border-top-color:#0000000f;filter:none;height:230px;transition:width .8s ease,height .8s ease;width:230px}.hub-phase-cooldown .hub-accretion,.hub-phase-idle .hub-accretion{border-right-color:#0000;border-top-color:#f5c51800}@keyframes orbit-idle{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.hub-grav.grav-1{animation:orbit-counter 20s linear infinite;border:1px dashed #e8b5002e;border-radius:50%;height:210px;width:210px}.hub-grav.grav-1,.hub-grav.grav-2{display:block;inset:50%;position:absolute;transform:translate(-50%,-50%) rotate(0deg);z-index:1}.hub-grav.grav-2{animation:orbit-idle 16s linear infinite;border:1px dashed #e8b5001a;border-radius:50%;height:155px;width:155px}.hub-grav.grav-3{display:none}.hub-phase-pull .hub-grav.grav-1{border-color:#e8b50059}.hub-phase-absorb .hub-grav.grav-1{border-color:#e8b5008c}.hub-phase-eject .hub-grav.grav-1{border-color:#0000000d}@keyframes orbit-counter{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}.hub-shockwave{border:2px solid #e8b50000;border-radius:50%;height:160px;inset:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(.9);width:160px;z-index:4}.hub-phase-eject .hub-shockwave{animation:gravity-release 1.4s cubic-bezier(.16,1,.3,1) forwards}@keyframes gravity-release{0%{border-color:#e8b500e6;opacity:1;transform:translate(-50%,-50%) scale(.9)}50%{border-color:#e8b50040}to{border-color:#e8b50000;opacity:0;transform:translate(-50%,-50%) scale(3.2)}}.hub-pulse{animation:ambient-pulse 6s ease-in-out infinite;background:radial-gradient(circle,#f5c51833 0,#f5c51812 50%,#0000 70%);border-radius:50%;filter:blur(12px);height:140px;inset:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:140px;z-index:1}.pulse-2{animation-delay:2s}.pulse-3{animation-delay:4s}.hub-phase-absorb .hub-pulse,.hub-phase-pull .hub-pulse{opacity:.2}.hub-phase-eject .hub-pulse{animation-duration:1.8s;opacity:1}@keyframes ambient-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.85)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.3)}}.hub-core{align-items:center;background:#fff;border:1.5px solid #e8b5004d;border-radius:24px;box-shadow:0 0 0 1px #f5c51814,0 4px 20px #f5c51833,0 16px 40px #0000001f;box-shadow:0 0 0 1px #f5c51814,0 4px 20px #f5c51833,var(--shadow-lg);display:flex;height:150px;justify-content:center;pointer-events:all;position:relative;transition:box-shadow 1.5s ease,border-color 1.5s ease,transform 1.5s cubic-bezier(.4,0,.2,1),background 1.5s ease;width:150px;z-index:3}.hub-phase-pull .hub-core{border-color:#e8b50080;box-shadow:0 0 0 1px #e8b50033,0 0 40px #e8b5004d,0 0 80px #e8b5001a,inset 0 0 20px #f5c5180d;transform:scale(1.05)}.hub-phase-absorb .hub-core{background:#fffef5;border-color:#e8b500cc;box-shadow:0 0 0 2px #e8b50080,0 0 50px #e8b5008c,0 0 120px #e8b5002e,inset 0 0 24px #f5c5181f;transform:scale(1.1);transition:box-shadow .5s ease,border-color .5s ease,transform .5s cubic-bezier(.4,0,.2,1),background .5s ease}.hub-phase-eject .hub-core{background:#fff;border-color:#0000000f;box-shadow:0 0 0 1px #0000000a,0 16px 40px #0000001f;box-shadow:0 0 0 1px #0000000a,var(--shadow-lg);transform:scale(.97);transition:box-shadow .5s ease,border-color .5s ease,transform .5s cubic-bezier(.4,0,.6,1),background .5s ease}.hub-phase-cooldown .hub-core,.hub-phase-idle .hub-core{border-color:#e8b5004d;box-shadow:0 4px 20px #f5c51833,0 16px 40px #0000001f;box-shadow:0 4px 20px #f5c51833,var(--shadow-lg);transform:scale(1)}.hub-core:hover{border-color:#e8b500a6;box-shadow:0 0 0 1px #e8b50026,0 0 40px #e8b5004d,0 16px 40px #0000001f;box-shadow:0 0 0 1px #e8b50026,0 0 40px #e8b5004d,var(--shadow-lg);transform:scale(1.05)}.hub-center-logo{height:100px;object-fit:contain;transition:transform 1.5s ease,filter 1.5s ease,opacity 1.5s ease;width:70px}.hub-phase-absorb .hub-center-logo{filter:brightness(.8) saturate(1.5) drop-shadow(0 0 10px rgba(232,181,0,.5));opacity:.65;transition:filter .5s ease,opacity .5s ease}.hub-phase-eject .hub-center-logo{filter:brightness(1.05);opacity:1;transition:filter .5s ease,opacity .3s ease}.hub-node{--pull-x:0px;--pull-y:0px;align-items:center;background:#fff;border:1.5px solid #00000014;border-radius:16px;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;height:76px;justify-content:center;position:absolute;transition:transform 2s cubic-bezier(.25,.46,.45,.94),opacity .8s ease,border-color .8s ease,box-shadow .8s ease;width:76px;z-index:5}.hub-node-label{color:#888;color:var(--text-muted);display:none;font-family:Poppins,sans-serif;font-size:7px;font-weight:600;letter-spacing:.06em;line-height:1.2;padding:0 4px;text-align:center;text-transform:uppercase}.hub-phase-cooldown .hub-node,.hub-phase-idle .hub-node{border-color:#00000014;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);opacity:1;transform:translate(0) scale(1);transition:transform 2.4s cubic-bezier(.25,.46,.45,.94),opacity 1.2s ease,border-color 1.2s ease,box-shadow 1.2s ease}.hub-phase-pull .hub-node{border-color:#e8b50073;box-shadow:0 2px 8px #0000000f,0 0 18px #e8b50033;box-shadow:var(--shadow-sm),0 0 18px #e8b50033;opacity:.72;transform:translate(var(--pull-x),var(--pull-y)) scale(.86);transition:transform 3.4s cubic-bezier(.4,0,.2,1),opacity 3.4s cubic-bezier(.4,0,.2,1),border-color 2s ease,box-shadow 2s ease}.hub-phase-absorb .hub-node{opacity:0;transform:translate(var(--pull-x),var(--pull-y)) scale(.05);transition:transform .6s cubic-bezier(.55,0,1,.45),opacity .45s ease}.hub-phase-eject .hub-node{border-color:#e8b50066;box-shadow:0 16px 40px #0000001f,0 0 22px #e8b50026;box-shadow:var(--shadow-lg),0 0 22px #e8b50026;opacity:1;transform:translate(0) scale(1.06);transition:transform 1.4s cubic-bezier(.22,1,.36,1),opacity .4s ease,border-color .6s ease,box-shadow .6s ease}.left.l1{--pull-x:165px;--pull-y:190px;left:21%;top:9%}.left.l2{--pull-x:265px;--pull-y:90px;left:13%;top:31%}.left.l3{--pull-x:175px;--pull-y:20px;left:24%;top:43%}.left.l4{--pull-x:295px;--pull-y:-100px;left:11%;top:69%}.right.r1{--pull-x:-165px;--pull-y:190px;right:21%;top:9%}.right.r2{--pull-x:-265px;--pull-y:90px;right:13%;top:31%}.right.r3{--pull-x:-175px;--pull-y:20px;right:24%;top:43%}.right.r4{--pull-x:-295px;--pull-y:-100px;right:11%;top:69%}.hub-node:hover{border-color:#e8b500a6!important;box-shadow:0 16px 40px #0000001f,0 0 28px #e8b50040!important;box-shadow:var(--shadow-lg),0 0 28px #e8b50040!important;transform:scale(1.14)!important;z-index:20}.node-logo{filter:brightness(.9) contrast(1.05);height:36px;object-fit:contain;transition:filter .3s ease,transform .3s ease;width:36px}.hub-node:hover .node-logo{filter:brightness(1.1) contrast(1.1) drop-shadow(0 0 5px rgba(232,181,0,.45));transform:scale(1.1)}.hub-modules-row{border-top:1px solid #00000012;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px;padding-top:28px;position:relative;z-index:2}.hub-module-tag{align-items:center;background:#f5f5f5;border:1px solid #00000014;border-radius:6px;color:#555;color:var(--text-secondary);cursor:default;display:inline-flex;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;gap:6px;letter-spacing:.04em;padding:7px 14px;text-transform:uppercase;transition:border-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease}.hub-module-tag:hover{background:#f5c51817;border-color:#e8b50080;box-shadow:0 2px 10px #e8b5001f;color:#7a5c00}.hub-module-tag-dot{background:#e8b500;background:var(--yellow-hot);border-radius:50%;flex-shrink:0;height:5px;opacity:.7;width:5px}@media (max-width:1200px){.hub-header h2{font-size:40px}.hub-visualization{height:460px}.hub-center{height:140px;width:140px}.hub-core{height:116px;width:116px}.hub-center-logo{height:84px;width:56px}.hub-accretion{height:158px;width:158px}.hub-pulse{height:126px;width:126px}.hub-node{height:68px;width:68px}.node-logo{height:32px;width:32px}}@media (max-width:1024px){.hub-section{padding:70px 0 60px}.hub-header{padding:0 24px}.hub-header h2{font-size:36px}.hub-visualization{height:420px}.hub-stats{gap:32px}.hub-stat-number{font-size:28px}}@media (max-width:768px){.hub-section{padding:60px 0 50px}.hub-header h2{font-size:30px}.hub-header p{font-size:13px}.hub-visualization{height:360px}.hub-node{height:58px;width:58px}.node-logo{height:28px;width:28px}.hub-stats{gap:24px}.hub-stat-number{font-size:26px}.hub-stat-label{font-size:9px}.hub-modules-row{gap:7px}.hub-module-tag{font-size:9px;padding:6px 11px}.left.l1{--pull-x:120px;--pull-y:140px;left:12%}.left.l2{--pull-x:185px;--pull-y:60px;left:8%}.left.l3{--pull-x:120px;--pull-y:14px;left:14%}.left.l4{--pull-x:195px;--pull-y:-70px;left:6%}.right.r1{--pull-x:-120px;--pull-y:140px;right:12%}.right.r2{--pull-x:-185px;--pull-y:60px;right:8%}.right.r3{--pull-x:-120px;--pull-y:14px;right:14%}.right.r4{--pull-x:-195px;--pull-y:-70px;right:6%}}@media (max-width:480px){.hub-section{padding:50px 0 40px}.hub-header{padding:0 20px}.hub-header h2{font-size:26px}.hub-header p{font-size:13px}.hub-visualization{height:280px}.hub-center{height:90px;width:90px}.hub-core{border-radius:16px;height:72px;width:72px}.hub-center-logo{height:50px;width:32px}.hub-accretion{height:100px;width:100px}.hub-pulse{height:84px;width:84px}.hub-node{border-radius:10px;height:46px;width:46px}.node-logo{height:24px;width:24px}.hub-stats{flex-wrap:wrap;gap:14px}.hub-stat-number{font-size:24px}.hub-modules-row{gap:6px}.hub-module-tag{font-size:8px;padding:5px 9px}.left.l1{--pull-x:88px;--pull-y:95px;left:8%}.left.l2{--pull-x:135px;--pull-y:42px;left:5%}.left.l3{--pull-x:90px;--pull-y:8px;left:9%}.left.l4{--pull-x:140px;--pull-y:-52px;left:4%}.right.r1{--pull-x:-88px;--pull-y:95px;right:8%}.right.r2{--pull-x:-135px;--pull-y:42px;right:5%}.right.r3{--pull-x:-90px;--pull-y:8px;right:9%}.right.r4{--pull-x:-140px;--pull-y:-52px;right:4%}}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:-30px;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;text-align:left}.auth-header p{color:#6b7280;font-size:1rem;line-height:1.6;text-align:left}.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;color:#fff}.auth-form{width:100%}.form-row{grid-template-columns:1fr 1fr}.form-group label{color:#374151;font-size:.9rem}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#111827;font-size:.95rem;padding:12px 16px;transition:all .3s ease}.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{color:#6b7280;font-size:.9rem}.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{animation:fadeInUp .5s ease-out;padding:40px 30px}.success-icon{align-items:center;animation:scaleIn .5s ease-out .2s both;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;box-shadow:0 8px 20px #4caf504d;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-message h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;background-clip:text;color:#2e7d32;font-size:28px;font-weight:600;margin-bottom:15px}.success-message p{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:400px}.success-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:50px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:14px 40px;transition:all .3s ease}.success-btn:hover{background:linear-gradient(135deg,#43a047,#1b5e20);box-shadow:0 6px 20px #4caf5066;transform:translateY(-3px)}.success-btn:active{transform:translateY(-1px)}.success-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.success-loading{align-items:center;display:flex;flex-direction:column;gap:20px}.loading-spinner{border-top-color:#4caf50;height:60px;width:60px}.loading-text{color:#666;font-size:14px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.success-message{padding:30px 20px}.success-icon{font-size:35px;height:70px;width:70px}.success-message h3{font-size:24px}.success-message p{font-size:15px}.success-btn{min-width:180px;padding:12px 30px}}@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}}.success-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:20px 0;padding:20px;text-align:left}.detail-item{border-bottom:1px solid #e9ecef;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-size:14px;font-weight:500}.detail-value{color:#333;font-size:14px;font-weight:600}.success-actions{margin:25px 0}.success-footer{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.success-note{align-items:center;color:#4caf50;font-size:14px;gap:8px}.otp-input-wrapper,.success-note{display:flex;justify-content:center}.otp-input-wrapper{margin:20px 0}.otp-input-single{border:2px solid #ccc;border-radius:8px;font-size:20px;font-weight:600;height:52px;letter-spacing:6px;max-width:260px;outline:none;padding:10px 14px;text-align:center;transition:all .3s ease;width:100%}.otp-input-single:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f440}.otp-input-single::placeholder{color:#999;font-size:14px;font-weight:400;letter-spacing:normal}.otp-input-single:disabled{background-color:#f5f5f5;cursor:not-allowed}.otp-input-single.error{border-color:#e53935;box-shadow:0 0 0 3px #e5393540}@media (max-width:480px){.otp-input-single{font-size:18px;height:48px;letter-spacing:5px}}.terms-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.terms-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.terms-modal-header{align-items:center;background:linear-gradient(135deg,#ffc107,#ffc107);border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.terms-modal-header h3{font-size:1.5rem;font-weight:600;margin:0}.terms-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 .2s;width:36px}.terms-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.terms-scrollable-content{flex:1 1;max-height:calc(80vh - 140px);overflow-y:auto;padding:24px}.terms-section{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:20px}.terms-section:last-child{border-bottom:none}.terms-section h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 12px;text-align:left}.terms-section p{color:#555;line-height:1.6;margin:0 0 12px;text-align:left}.terms-section ul{margin:8px 0 0;padding-left:20px}.terms-section li{color:#555;line-height:1.6;margin-bottom:8px;text-align:left}.terms-footer-checkbox{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;padding:16px}.terms-read-confirm{align-items:flex-start;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:12px}.terms-read-confirm input[type=checkbox]{cursor:pointer;height:18px;margin-top:2px;width:18px}.scroll-hint{animation:bounce 1s infinite;color:#f57c00;font-size:.9rem;margin:8px 0 0 30px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.terms-modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;padding:16px 24px}.terms-accept-btn{background:linear-gradient(135deg,#ffc107,#ffc107);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .2s;width:100%}.terms-accept-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.terms-accept-btn:disabled{cursor:not-allowed;opacity:.5}.terms-link-btn{background:none;border:none;color:#667eea;cursor:pointer;display:inline;font-family:inherit;font-size:inherit;padding:0 4px;text-decoration:underline}.terms-link-btn:hover{color:#764ba2}.form-terms{background:#f8f9fa;border-radius:6px;margin:20px 0;padding:12px;text-align:left}.terms-checkbox{align-items:flex-start;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:10px;line-height:1.5}.terms-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin-top:3px;width:18px}.terms-scrollable-content::-webkit-scrollbar{width:8px}.terms-scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.terms-scrollable-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.terms-scrollable-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.password-input-field{box-sizing:border-box;height:40px;padding-right:45px}.password-toggle-btn{background:#0000;border:none;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2}.phone-input-field{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.phone-input-field:focus{border-color:#4e73df;box-shadow:0 0 0 3px #4e73df1a;outline:none}.phone-input-field:disabled{background-color:#f7fafc;cursor:not-allowed}.email-input-wrapper{width:100%}.email-input-field{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.email-input-field:focus{border-color:#4e73df;box-shadow:0 0 0 3px #4e73df1a;outline:none}.email-input-field.error{border-color:#e53e3e}.email-input-field.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.email-input-field:disabled{background-color:#f7fafc;cursor:not-allowed}.email-error-message{color:#e53e3e;font-size:12px;margin-top:5px;padding-left:4px}.password-input-container,.password-input-wrapper{position:relative;width:100%}.password-input-field{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 40px 12px 12px;transition:all .3s ease;width:100%}.password-input-field:focus{border-color:#4e73df;box-shadow:0 0 0 3px #4e73df1a;outline:none}.password-input-field:disabled{background-color:#f7fafc;cursor:not-allowed}.password-eye-btn{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-eye-btn:hover{color:#4e73df}.password-eye-btn:disabled{cursor:not-allowed;opacity:.5}.password-strength{border-radius:4px;font-size:12px;margin-top:5px;padding:4px 8px}.password-strength.strong{background:#f0fff4;color:#38a169}.password-strength.medium{background:#fffaf0;color:#ed8936}.password-strength.weak{background:#fff5f5;color:#e53e3e}.academic-dashboard-wrapper{background-color:#fff;font-family:Poppins,sans-serif;margin-left:280px;margin-top:-30px;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,#fff,#fff);display:flex;font-family:Poppins,sans-serif;min-height:100vh;padding-top:0}.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,#e4bb00,#e4bb00);border-radius:20px;box-shadow:0 10px 40px #0000001a;color:wblack;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{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,#e4bb00,#e4bb00);border:none;border-radius:12px;color:#000;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}}.edu-refresh-btn-small{align-items:center;background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-left:auto;padding:6px 12px}.edu-refresh-btn-small:hover{background:#f5f5f5;border-color:#ccc}.edu-section-header{align-items:center;display:flex;gap:12px}.edu-selected-info{background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;margin-top:8px;padding:10px}.edu-selected-info small{color:#495057;line-height:1.5}.edu-form-alert{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-top:8px;padding:8px 12px}.edu-form-alert small{color:#856404}.edu-refresh-spin{animation:spin 1s linear infinite}.edu-view-list-btn{align-items:center;background:#4a5568;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s}.edu-view-list-btn:hover{background:#2d3748}.edu-existing-drivers-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:20px}.edu-existing-drivers-list h4{color:#2d3748;font-size:16px;margin:0 0 15px}.edu-drivers-table-container{border-radius:6px;max-height:400px;overflow-y:auto}.edu-drivers-table{border-collapse:collapse;font-size:14px;width:100%}.edu-drivers-table th{background:#e4bb00;color:#000;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.edu-drivers-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px}.edu-drivers-table tr:hover{background:#fff5e6}.edu-action-btn{background:#0000;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;margin:0 4px;padding:6px 10px;transition:all .3s}.edu-action-btn.view{color:#3182ce}.edu-action-btn.view:hover{background:#3182ce;color:#fff}.edu-action-btn.use{color:#38a169}.edu-action-btn.use:hover{background:#38a169;color:#fff}.edu-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edu-modal-content{background:#fff;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.edu-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.edu-modal-header h3{color:#2d3748;margin:0}.edu-modal-close{background:none;border:none;color:#718096;cursor:pointer;font-size:24px}.edu-modal-close:hover{color:#e53e3e}.edu-modal-body{padding:20px}.edu-detail-row{border-bottom:1px solid #f0f0f0;display:flex;padding:10px 0}.edu-detail-row label{color:#4a5568;font-weight:600;width:140px}.edu-detail-row span{color:#2d3748;flex:1 1}.status-active{color:#38a169;font-weight:600}.status-inactive{color:#e53e3e;font-weight:600}.edu-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.edu-btn-primary.small,.edu-btn-secondary.small{font-size:14px;padding:8px 16px}.edu-loading-spinner{color:#718096;padding:20px;text-align:center}.edu-spinner{animation:spin 1s linear infinite;margin-right:8px}.edu-no-data{background:#fff5f5;border-radius:6px;color:#718096;padding:30px;text-align:center}.source-badge-users{background-color:#3b82f6}.source-badge-drivers,.source-badge-users{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px}.source-badge-drivers{background-color:#10b981}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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}}.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:-10px;min-height:100vh;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}}.password-change-modal{background-color:#000000b3;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:2rem;width:90%}.modal-subtitle{color:#666;margin-bottom:1.6rem;margin-top:10px}.password-change-form{margin-top:1rem}.password-rules{background:#f8f9fa;border-left:4px solid #4a6bff;border-radius:8px;margin:1rem 0;padding:1rem;text-align:justify}.password-rules h4{color:#333;margin-top:0}.password-rules ul{margin:.5rem 0;padding-left:1.2rem}.password-rules li{color:#666;margin:.3rem 0}.modal-buttons{gap:1rem;margin-top:1.5rem}.cancel-button{background:#f1f1f1;border:none;border-radius:5px;cursor:pointer}.cancel-button,.submit-button{flex:1 1;font-weight:500;padding:.8rem 1.5rem}.submit-button{background:#4a6bff}.submit-button:hover{background:#3a5bef}.submit-button:disabled{background:#ccc}.temporary-password-note{background:#fff9e6;border-left:3px solid #e67e22;border-radius:4px;color:#e67e22;font-size:.85rem;margin-top:.3rem;padding:.5rem}.change-password-link{color:#4a6bff;font-size:.9rem;margin-top:.5rem;padding:0}.change-password-link:hover{color:#3a5bef}.fullscreen-bg-container,.fullscreen-login-wrapper{min-height:100vh;overflow:hidden;position:relative;width:100%}.fullscreen-bg-container{top:-20px}.fullscreen-bg-image{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%;z-index:0}.fullscreen-overlay{z-index:1}.fullscreen-gradient,.fullscreen-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.fullscreen-gradient{z-index:2}.form-overlay-container{left:30%;max-width:480px;padding-top:60px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:3}.role-login-card-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px}.role-login-card-overlay h2{color:#000;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.role-login-card-overlay>p{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.login-info-compact{border-top:1px solid #e5e5e5;margin-top:20px}.login-info-compact .info-text{color:#666;font-size:13px;margin-bottom:10px}.particle-float{animation:float-anim 6s ease-in-out infinite;background-color:#ffc107b3;border-radius:50%;height:12px;pointer-events:none;position:absolute;width:12px;z-index:4}.particle-float.particle-1{animation-delay:0s;left:10%;top:15%}.particle-float.particle-2{animation-delay:1s;right:15%;top:70%}.particle-float.particle-3{animation-delay:2s;bottom:20%;left:20%}@keyframes float-anim{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.15)}}@media (max-width:768px){.form-overlay-container{max-width:400px;width:95%}.role-login-card-overlay{padding:30px 25px}.role-login-card-overlay h2{font-size:24px}}.forgot-password-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.forgot-password-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:450px;padding:35px 30px;position:relative;width:92%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;position:absolute;right:22px;top:18px;transition:all .2s ease;width:36px}.modal-close:hover{background-color:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.forgot-password-content h2{color:#0f172a;font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.modal-subtitle{color:#475569;font-size:15px;line-height:1.5;margin-bottom:28px;padding-right:20px}.modal-subtitle strong{background:#eff6ff;border-radius:6px;color:#2563eb;font-weight:600;padding:2px 8px}.forgot-password-form,.otp-verify-form,.reset-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-form .form-group,.reset-password-form .form-group{display:flex;flex-direction:column;gap:8px}.forgot-password-form label,.reset-password-form label{color:#334155;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.forgot-password-form input,.forgot-password-form select,.reset-password-form input,.reset-password-form select{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 16px;transition:all .2s ease}.forgot-password-form input:focus,.forgot-password-form select:focus,.reset-password-form input:focus,.reset-password-form select:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.forgot-password-form input:hover,.forgot-password-form select:hover,.reset-password-form input:hover,.reset-password-form select:hover{background-color:#fff;border-color:#94a3b8}.otp-input-container{display:flex;gap:12px;justify-content:center;margin:25px 0 15px}.otp-input{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:28px;font-weight:700;height:65px;text-align:center;transition:all .2s ease;width:55px}.otp-input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none;transform:scale(1.02)}.otp-input:hover{background-color:#fff;border-color:#64748b}.resend-otp{margin:10px 0 5px;text-align:center}.resend-otp p{background:#f1f5f9;border-radius:30px;color:#64748b;display:inline-block;font-size:14px;font-weight:500;padding:10px 18px}.resend-button{background:none;border:none;border-radius:30px;color:#2563eb;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;text-decoration:underline;text-underline-offset:3px;transition:all .2s ease}.resend-button:hover{background-color:#eff6ff;color:#1e40af}.resend-button:disabled{color:#94a3b8;cursor:not-allowed;text-decoration:none}.password-rules{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:5px 0 10px;padding:18px 20px}.password-rules h4{color:#0f172a;font-size:15px;font-weight:700;margin-bottom:10px}.password-rules ul{list-style:none;margin:0;padding:0}.password-rules li{color:#475569;font-size:14px;padding:6px 0 6px 24px;position:relative}.password-rules li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.modal-buttons{display:flex;gap:15px;margin-top:15px}.modal-buttons button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 20px;transition:all .2s ease}.cancel-button{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.cancel-button:hover{background-color:#e2e8f0;color:#0f172a;transform:translateY(-1px)}.submit-button{background:linear-gradient(145deg,#2563eb,#1d4ed8);box-shadow:0 4px 6px -1px #2563eb33}.submit-button:hover{background:linear-gradient(145deg,#1d4ed8,#1e40af);box-shadow:0 8px 12px -1px #2563eb4d}.cancel-button:disabled,.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.forgot-password-link-container{margin-bottom:20px;margin-top:-5px;text-align:center}.forgot-password-link-btn{align-items:center;background:none;border:none;border-radius:20px;color:#2563eb;cursor:pointer;font-size:16px;font-weight:600;padding:6px 12px;text-align:center;text-decoration:underline;text-underline-offset:3px;transition:all .2s ease}.forgot-password-link-btn:hover{background-color:#eff6ff;color:#1e40af}.temporary-password-note{align-items:center;background-color:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px;color:#b45309;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:10px 14px}.change-password-link{background:none;border:none;border-radius:20px;color:#64748b;cursor:pointer;font-size:13px;padding:8px 16px;text-decoration:underline;transition:all .2s ease}.change-password-link:hover{background-color:#f1f5f9;color:#0f172a}.login-info-compact{border-top:1px solid #e2e8f0;margin-top:25px;padding-top:20px;text-align:center}.info-text{color:#475569;font-size:13px;margin-bottom:10px}.info-text strong{color:#0f172a}.password-change-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.password-change-modal .modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:450px;padding:35px 30px;position:relative;width:92%}.password-change-modal h2{color:#0f172a;font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}@media (max-width:768px){.forgot-password-content,.password-change-modal .modal-content{padding:30px 20px;width:95%}.forgot-password-content h2,.password-change-modal h2{font-size:24px}.otp-input-container{gap:8px}.otp-input{font-size:24px;height:55px;width:45px}.modal-buttons{flex-direction:column;gap:10px}.modal-buttons button{width:100%}}@media (max-width:480px){.forgot-password-content,.password-change-modal .modal-content{padding:25px 18px}.forgot-password-content h2,.password-change-modal h2{font-size:22px}.modal-subtitle{font-size:14px}.otp-input{font-size:22px;height:50px;width:40px}.otp-input-container{gap:5px}.forgot-password-form input,.forgot-password-form select,.reset-password-form input{padding:12px 14px}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.otp-input.error{animation:shake .3s ease;border-color:#ef4444}.otp-input.success{border-color:#10b981}.resend-button:disabled,.submit-button:disabled{color:#0000!important;position:relative}.resend-button:disabled:after,.submit-button:disabled:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:18px;left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%;width:18px}.resend-button:disabled:after{border:2px solid #2563eb33;border-top-color:#2563eb}.subscription-expired-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.subscription-expired-content{max-width:450px;padding:40px 30px;text-align:center}.expired-icon{animation:pulse 2s infinite;font-size:60px;margin-bottom:20px}.expired-details{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.detail-item{color:#495057;margin:8px 0}.expired-actions{display:flex;gap:15px;margin:25px 0}.contact-admin-btn,.upgrade-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .3s ease}.contact-admin-btn{background:#6c757d;color:#fff}.contact-admin-btn:hover{background:#5a6268}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.upgrade-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.expired-note{color:#868e96;font-size:13px;margin:15px 0}.close-btn{border:1px solid #dee2e6;border-radius:5px;color:#495057;padding:8px 20px}.dashboard-container{font-family:Poppins,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;padding:20px}.sidebar-title{color:#ecf0f1;font-size:1.3rem;font-weight:600;margin-bottom:10px}.user-info{font-size:.9rem}.user-name{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;overflow-y:auto;padding:20px 0}.menu-item{margin-bottom:5px}.menu-link{border-left:4px solid #0000;color:#ecf0f1;padding:12px 20px}.menu-link:hover{background:#3498db1a;border-left-color:#3498db;color:#3498db}.logout-btn{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;color:#e74c3c;font-size:.9rem;justify-content:center;padding:12px}.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;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.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:Poppins,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;color:#fff;cursor:pointer;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}.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}}.subj-dashboard-container{background-color:#f9fafb;display:flex;min-height:100vh}.subj-dashboard-content{background-color:#fff;flex:1 1;padding:24px}.subj-subjects-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;margin-top:20px;padding-bottom:24px}.subj-header-left{flex:1 1}.subj-title{align-items:center;color:#1f2937;display:flex;font-size:28px;font-weight:700;gap:12px;margin-bottom:8px}.subj-title-icon{color:#667eea}.subj-subtitle{color:#6b7280;font-size:14px;text-align:left}.subj-btn-primary{align-items:center;background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.subj-btn-primary:hover:not(:disabled){background-color:#5a67d8}.subj-btn-primary:disabled{cursor:not-allowed;opacity:.5}.subj-btn-icon{flex-shrink:0}.subj-filter-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:20px}.subj-search-filters{display:flex;gap:20px;margin-bottom:16px}.subj-search-form{flex:1 1}.subj-search-group{position:relative}.subj-search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px 12px 44px;transition:all .2s;width:100%}.subj-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.subj-search-btn{background:none;border:none;cursor:pointer;left:12px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.subj-search-icon{color:#9ca3af}.subj-filter-group{align-items:center;display:flex;gap:12px}.subj-class-filter,.subj-type-filter{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:140px;padding:10px 12px}.subj-btn-clear-filters{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.subj-btn-clear-filters:hover{background-color:#e5e7eb}.subj-clear-icon{color:#9ca3af}.subj-filter-stats{display:flex;gap:24px}.subj-stat{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px}.subj-stat-icon{color:#9ca3af}.subj-stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.subj-stat-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.subj-stat-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.subj-stat-icon{color:#667eea}.subj-stat-info h3{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:4px}.subj-stat-info p{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.subj-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.subj-form-container{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.subj-form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.subj-form-title{color:#1f2937;font-size:20px;font-weight:700}.subj-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;transition:color .2s}.subj-close-btn:hover{color:#374151}.subj-subject-form{padding:24px}.subj-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.subj-form-group{margin-bottom:0}.subj-form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.subj-form-input,.subj-form-select,.subj-form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.subj-form-input:focus,.subj-form-select:focus,.subj-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.subj-form-textarea{min-height:80px;resize:vertical}.subj-error{border-color:#ef4444}.subj-error-message{color:#ef4444;display:block;font-size:12px;margin-top:4px}.subj-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.subj-btn-save{align-items:center;background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.subj-btn-save:hover:not(:disabled){background-color:#5a67d8}.subj-btn-save:disabled{cursor:not-allowed;opacity:.5}.subj-btn-cancel{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.subj-btn-cancel:hover:not(:disabled){background-color:#e5e7eb}.subj-loading-icon{animation:spin 1s linear infinite}.subj-subjects-container{margin-top:32px}.subj-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px}.subj-spinner{color:#667eea;margin-bottom:16px}.subj-loading-text{color:#6b7280;font-size:14px}.subj-subjects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.subj-subject-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.subj-subject-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.subj-subject-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.subj-subject-info h3{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:4px}.subj-subject-code{background-color:#e0e7ff;border-radius:12px;color:#667eea;font-size:12px;font-weight:600;padding:2px 8px}.subj-subject-badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.subj-type-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.core{background-color:#dbeafe;color:#1e40af}.elective{background-color:#f0f9ff;color:#0369a1}.practical{background-color:#f0fdf4;color:#166534}.language{background-color:#faf5ff;color:#7c3aed}.subj-status-badge{align-items:center;border-radius:20px;display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.subj-active{background-color:#d1fae5;color:#065f46}.subj-inactive{background-color:#f3f4f6;color:#6b7280}.subj-status-icon{flex-shrink:0}.subj-subject-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.subj-detail-item{align-items:center;display:flex;font-size:13px;gap:8px}.subj-detail-icon{color:#9ca3af;flex-shrink:0}.subj-detail-label{color:#6b7280;font-weight:600;min-width:80px}.subj-detail-value{color:#374151;flex:1 1}.subj-full-width{align-items:flex-start}.subj-description-text{color:#6b7280;font-size:12px;line-height:1.5}.subj-subject-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding-top:16px}.subj-btn-delete,.subj-btn-edit,.subj-btn-status{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.subj-btn-edit{background-color:#dbeafe;border-color:#dbeafe;color:#1e40af}.subj-btn-edit:hover:not(:disabled){background-color:#bfdbfe}.subj-btn-delete{background-color:#fee2e2;border-color:#fee2e2;color:#991b1b}.subj-btn-delete:hover:not(:disabled){background-color:#fecaca}.subj-btn-status{background-color:#f3f4f6;border-color:#f3f4f6;color:#4b5563}.subj-deactivate{background-color:#fef3c7;border-color:#fef3c7;color:#92400e}.subj-deactivate:hover:not(:disabled){background-color:#fde68a}.subj-activate{background-color:#dcfce7;border-color:#dcfce7;color:#166534}.subj-activate:hover:not(:disabled){background-color:#bbf7d0}.subj-action-icon{flex-shrink:0}.subj-empty-state{grid-column:1/-1;padding:64px 24px;text-align:center}.subj-empty-icon{color:#d1d5db;margin-bottom:20px}.subj-empty-title{color:#374151;font-size:18px;font-weight:600;margin-bottom:8px}.subj-empty-description{color:#6b7280;font-size:14px;margin:0 auto 24px;max-width:400px}.subj-empty-actions{display:flex;gap:12px;justify-content:center}.subj-btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.subj-btn-secondary:hover{background-color:#e5e7eb}.timta-dashboard-container{background-color:#f9fafb;display:flex;min-height:100vh}.timta-dashboard-content{background-color:#fff;flex:1 1;padding:24px}.timta-timetable-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;margin-top:30px;padding-bottom:24px}.timta-header-left{flex:1 1}.timta-title{align-items:center;color:#1f2937;display:flex;font-size:28px;font-weight:700;gap:12px;margin-bottom:8px}.timta-title-icon{color:#667eea}.timta-subtitle{color:#6b7280;font-size:14px;margin-bottom:8px;text-align:left}.timta-selected-class-info{background-color:#f3f4f6;border-radius:6px;color:#4b5563;display:inline-block;font-size:14px;margin-top:8px;padding:6px 12px}.timta-header-actions{display:flex;gap:12px}.timta-btn-primary{align-items:center;background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.timta-btn-primary:hover:not(:disabled){background-color:#5a67d8}.timta-btn-primary:disabled{cursor:not-allowed;opacity:.5}.timta-btn-secondary{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.timta-btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.timta-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.timta-btn-icon{flex-shrink:0}.timta-view-mode-toggle{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;display:inline-flex;gap:1px;margin-bottom:24px;overflow:hidden}.timta-toggle-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.timta-toggle-btn:hover:not(:disabled){background-color:#e5e7eb}.timta-toggle-btn.timta-active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.timta-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.timta-toggle-icon{flex-shrink:0}.timta-filter-section{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:32px;padding:20px}.timta-filter-group{align-items:center;display:flex;gap:12px}.timta-filter-label{color:#374151;font-size:14px;font-weight:600;white-space:nowrap}.timta-class-filter{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:240px;padding:10px 12px}.timta-filter-stats{display:flex;gap:24px}.timta-stat{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px}.timta-stat-icon{color:#9ca3af}.timta-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.timta-form-container{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-left:230px;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.timta-form-container.timta-large{max-width:900px}.timta-form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.timta-form-title{color:#1f2937;font-size:20px;font-weight:700}.timta-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;transition:color .2s}.timta-close-btn:hover{color:#374151}.timta-timetable-form{padding:24px}.timta-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.timta-form-group{margin-bottom:0}.timta-form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.timta-form-input,.timta-form-select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.timta-form-input:focus,.timta-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.timta-form-input[type=time]{font-family:monospace}.timta-field-info{background-color:#f3f4f6;color:#6b7280}.timta-field-info,.timta-field-warning{border-radius:4px;font-size:12px;margin-top:4px;padding:6px 8px}.timta-field-warning{background-color:#fef3c7;color:#92400e}.timta-debug-info{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#666;font-size:11px;margin-top:5px;padding:8px}.timta-debug-info div{margin-bottom:2px}.timta-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.timta-btn-save{align-items:center;background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.timta-btn-save:hover:not(:disabled){background-color:#5a67d8}.timta-btn-save:disabled{cursor:not-allowed;opacity:.5}.timta-btn-cancel{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.timta-btn-cancel:hover:not(:disabled){background-color:#e5e7eb}.timta-loading-icon{animation:spin 1s linear infinite}.timta-save-icon{flex-shrink:0}.timta-timetable-container{margin-top:32px}.timta-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px}.timta-spinner{color:#667eea;margin-bottom:16px}.timta-loading-text{color:#6b7280;font-size:14px}.timta-timetable-wrapper{margin-top:24px}.timta-timetable-grid{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.timta-timetable-header-row{background-color:#667eea;color:#fff;display:grid;grid-template-columns:120px repeat(5,1fr)}.timta-day-header,.timta-time-slot-header{border-right:1px solid #ffffff1a;font-weight:700;padding:16px;text-align:center}.timta-day-header:last-child{border-right:none}.timta-timetable-row{border-top:1px solid #e5e7eb;display:grid;grid-template-columns:120px repeat(5,1fr)}.timta-period-header{align-items:center;background-color:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:16px}.timta-period-label{color:#1f2937;font-weight:700}.timta-period-time{color:#6b7280;font-size:12px}.timta-timetable-cell-container{background-color:#fff;border-right:1px solid #e5e7eb;min-height:100px;padding:12px}.timta-timetable-cell-container:last-child{border-right:none}.timta-teacher-view{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.timta-teacher-view-title{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:24px}.timta-teacher-list{display:flex;flex-direction:column;gap:20px}.timta-teacher-schedule{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.timta-teacher-name{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:16px}.timta-teacher-icon{color:#667eea}.timta-teacher-periods{display:flex;flex-direction:column;gap:8px}.timta-teacher-period{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:14px;gap:12px;padding:12px}.timta-teacher-class,.timta-teacher-day,.timta-teacher-period-num,.timta-teacher-room,.timta-teacher-time{align-items:center;background-color:#f3f4f6;border-radius:4px;display:flex;gap:4px;padding:4px 8px}.timta-class-icon,.timta-day-icon,.timta-period-icon,.timta-room-icon,.timta-time-icon{color:#9ca3af}.timta-no-schedule{align-items:center;background-color:#fff;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;display:flex;font-style:italic;gap:8px;padding:16px}.timta-empty-icon{color:#d1d5db}.timta-empty-state{padding:64px 24px;text-align:center}.timta-empty-title{color:#374151;font-size:18px;font-weight:600;margin-bottom:8px}.timta-empty-description{color:#6b7280;font-size:14px;margin:0 auto 24px;max-width:400px}.timta-empty-actions{align-items:center;display:flex;gap:12px;justify-content:center}.timta-class-selector{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px;padding:10px 12px}.timta-quick-actions{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.timta-quick-title{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:16px}.timta-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.timta-action-icon{flex-shrink:0}.timta-input-error{background-color:#ffebee!important;border-color:#f44336!important}.timta-error-message{align-items:center;background-color:#ffebee;border-left:3px solid #c62828;border-radius:4px;color:#c62828;display:flex;font-size:.875rem;gap:8px;margin-bottom:16px;padding:8px 12px}.timta-error-message svg{color:#c62828;flex-shrink:0}.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}.header-left p{color:#7f8c8d}.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;padding:3rem}.spinner{border:3px solid #f3f3f3;border-top-color:#3498db;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{color:#7f8c8d;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{align-items:center;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;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.search-box{flex:1 1;min-width:300px}.search-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#3498db;outline:none}.search-icon{color:#7f8c8d;left:1rem}.filter-group{flex-wrap:wrap;gap:1rem}.filter-select{border:2px solid #e9ecef;cursor:pointer;font-size:1rem;min-width:150px;padding:.75rem 1rem}.filter-select:focus{border-color:#3498db;outline:none}.stats-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{box-shadow:0 2px 10px #0000001a;gap:1rem;padding:1.5rem}.stat-info h3{font-size: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;color:#fff;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:none;border-radius:6px;cursor:pointer;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;height:8px;width:8px}.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;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}}.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}.capacity-bar{background:#ecf0f1;border-radius:3px;height:6px;overflow:hidden;width:100%}.capacity-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);height:100%;transition:width .3s ease}.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;border-left:3px solid #3498db;border-radius:8px;margin-bottom:10px;padding:15px}.btn-secondary{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;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}}.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-container{margin-bottom:20px}.tabs{background:#f8f9fa;border-radius:8px;display:flex;padding:4px}.tab{background:#0000;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:12px 20px;transition:all .3s ease}.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{border-radius:12px;font-size:.75em;padding:4px 8px}.status-badge.success{background:#d4edda;color:#155724}.status-badge.danger{background:#f8d7da;color:#721c24}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.info{background:#d1ecf1;color:#0c5460}.status-badge.secondary{background:#e2e3e5;color:#383d41}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.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{background:#ffc107;color:#000}.btn-delete{background:#dc3545}.btn-status{background:#6c757d;color:#fff}.btn-receipt{background:#17a2b8;color:#fff}.btn-edit:hover{background:#e0a800}.btn-delete:hover{background:#c82333}.btn-status:hover{background:#5a6268}.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}.menu-items-container{padding:20px}.category-badge{border-radius:12px;display:inline-block;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{display:flex;flex-wrap:wrap;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;border:none;border-radius:4px;color:#fff;cursor:pointer;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}.preview-table th{background:#f8f9fa;font-weight:600}.pagination-controls{gap:10px;justify-content:center;margin:20px 0}.pagination-btn{border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;min-width:40px;padding:8px 12px}.pagination-btn:hover:not(:disabled){background:#f8f9fa}.pagination-btn.active{background:#007bff;border-color:#007bff;color:#fff}.page-numbers{gap:5px}@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}}.dashboard-container{background-color:#fff;margin-top:0}.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{background:linear-gradient(135deg,#e4bb00,#e4bb00);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 label{font-size:14px}.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%);font-size:24px;height:50px;width:50px}.stat-info p{color:#7b8a8b}.form-container{border-radius:12px;overflow-y:auto}.form-header{background:#fff;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;border-radius:6px}.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;margin-bottom:20px}.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;transform:scale(1.1)}.btn-edit:hover{background:#fde68a;transform:scale(1.1)}.btn-delete:hover{background:#fecaca;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-state{box-shadow:0 2px 10px #0000001a}.empty-icon{font-size:64px}.empty-state h3{color:#2d3748;font-size:20px}.empty-state p{font-size:16px;margin-bottom:25px}.loading{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#718096}.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{position:-webkit-sticky;position:sticky;top:0;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-section h4{color:#2d3748}.form-row:last-child{margin-bottom:0}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;transition:all .2s ease}.form-group input[type=checkbox]{margin-right:10px;width:auto}.checkbox-group label{align-items:center;cursor:pointer;display:flex;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{border-top:1px solid #e2e8f0;margin-top:20px;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{background:#e2e8f0;color:#4a5568;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{margin:0 auto 15px}.adi-empty-state{background:#f8f9fa}.adi-table-info-bar{margin-bottom:15px}.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}.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-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-container{background:#f5f7fa}.dashboard-content{overflow-x:hidden}.admission-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:25px}.header-lefts h1{color:#000;font-size:29px;font-weight:600;margin:0}.header-lefts p{color:#000;font-size:14px;margin:5px 0 0}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;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{animation:slideIn .3s ease;border-radius:8px;font-size:14px;margin-bottom:20px;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}.filters-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:25px;padding:20px}.search-box{margin-bottom:20px;position:relative}.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}.search-icon{color:#a0aec0;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.filter-grid{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{flex-direction:column}.filter-group label{color:#4a5568;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{cursor:not-allowed;opacity:.6}.stats-container{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{box-shadow:0 2px 10px #00000014;transition:transform .3s ease}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-info h3{font-weight:600}.stat-info p{font-size:13px}.form-overlay{animation:fadeIn .3s ease;background:#00000080}.form-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.wide-form{max-width:1400px}.form-header{padding:20px 30px}.form-header h3{font-size:20px;font-weight:500}.close-btn{background:none;font-size:28px;transition:background .3s ease}.close-btn:hover{background:#ffffff1a}.admission-form{max-height:calc(90vh - 80px);overflow-y:auto;padding:30px}.form-section{border-bottom:1px solid #e0e6ed;margin-bottom:30px;padding-bottom:25px}.form-section:last-child{border-bottom:none}.form-section h4{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.section-subtitle{color:#4a5568;font-size:14px;font-weight:500;margin:15px 0 10px;padding-left:5px}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#4a5568;font-size:13px;font-weight:500}.form-group label span.required{color:#e53e3e}.form-group input,.form-group select,.form-group textarea{font-size:14px;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}.checkbox-group{align-items:center;flex-direction:row;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none}.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{border-collapse:collapse;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}.form-actions{border-top:1px solid #e0e6ed}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);font-size:14px;font-weight:500;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;font-weight:500}.btn-cancel:hover:not(:disabled){background:#718096;transform:translateY(-1px)}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.admissions-container{border-radius:12px;box-shadow:0 2px 10px #00000014}.empty-state,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #e0e6ed}.loading-container p{color:#718096;font-size:14px}.empty-state h3{font-size:18px}.empty-state p{color:#718096;max-width:400px;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-badge{padding:4px 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;color:#2b6cb0}.btn-edit:hover{background:#bee3f8}.btn-delete{background:#fed7d7;color:#c53030}.btn-delete:hover{background:#feb2b2}.table-pagination{background:#f8fafc;border-top:1px solid #e0e6ed;gap:20px;justify-content:center;padding:20px}.pagination-btn{background:#fff;border:1px solid #cbd5e0;color:#4a5568;font-size:14px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#edf2f7;border-color:#a0aec0}.pagination-info{color:#4a5568;font-size:14px}@media (max-width:768px){.dashboard-content{padding:15px}.admission-header{flex-direction:column;gap:15px;padding:15px;text-align:center}.header-lefts 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{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:20px;text-align:left}.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{display:flex;gap:15px;justify-content:center;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}.btn-done,.btn-print{border:none;color:#fff}.btn-done{background:#3498db}.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)}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;display:inline-block;height:16px;width:16px}@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{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.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{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.form-header h3{color:#fff;margin:0}.close-btn{background:#fff3;border:none;height:40px;width:40px}.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;display:grid;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-gap:15px;display:grid;gap:15px;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{border:2px solid #e0e0e0;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{background:#3498db1a;border-radius:8px;height:40px;width:40px}.payment-method.active .method-icon{background:#3498db33}.method-info h5{color:#2c3e50;margin:0 0 5px}.method-info p{color:#7f8c8d}.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;transition:all .3s ease}.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;margin-bottom:20px}@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;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.fees-header,.fees-title{align-items:center;display:flex}.fees-title{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;font-size:20px}.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{background:#fff;border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.fees-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;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}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#742a2a}.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;display:flex;justify-content:space-between;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{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.btn-edit:hover:not(:disabled){background:#fde68a}.btn-delete{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.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{align-items:center;display:flex;gap:16px}.pagination-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e2e8f0;color:#475569}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{align-items:center;display:flex;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;flex-direction:column;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{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 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;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:99999}.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,#e4bb00,#e4bb00);border-bottom:1px solid #e8ecf5;border-radius:16px 16px 0 0;color:#000;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 #000;color:#2d3748;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 25px;padding-bottom:12px}.adm-section-icon{color:#e4bb00;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:#e4bb00;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:#e4bb00;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:#e4bb00;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:#e4bb00;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,#e4bb00,#e4bb00);border:none;border-radius:8px;color:#000;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}}.paypal-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:15px}.paypal-loading{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:30px}.payment-processing{padding:30px;text-align:center}.payment-processing .spinner,.paypal-loading .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 15px;width:40px}.payment-security-note{align-items:center;background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:6px;display:flex;gap:10px;margin-top:15px;padding:10px}.security-icon{font-size:24px}.security-text{flex:1 1}.security-text strong{color:#2e7d32;display:block;margin-bottom:4px}.security-text p{color:#1b5e20;font-size:12px;margin:0}.error-message{background-color:#ffebee;border-left:4px solid #f44336;border-radius:6px;color:#c62828;font-size:14px;margin-bottom:15px;padding:12px}.btn-retry{background-color:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-right:10px;padding:12px 24px;transition:background-color .3s}.btn-retry:hover{background-color:#f57c00}.payment-method{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:12px 15px;transition:all .3s ease}.payment-method:hover{border-color:#0070ba;box-shadow:0 2px 8px #0070ba1a}.payment-method.active{background-color:#f0f7ff;border-color:#0070ba;border-width:2px}.method-icon{align-items:center;display:flex;font-size:24px;height:48px;justify-content:center;margin-right:15px;width:48px}.method-info{flex:1 1}.method-info h5{font-size:16px;font-weight:600;margin:0 0 4px}.method-info p{color:#666;font-size:12px;margin:0}.method-check{align-items:center;background-color:#0070ba;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.summary-item:last-child{border-top:1px dashed #ddd;color:#666;font-size:13px;margin-top:8px;padding-top:8px}.adm-existing-doc{background:#f0f9ff;border-radius:4px;font-size:12px;margin-top:8px;padding:8px}.adm-existing-doc a{color:#3b82f6;display:block;margin-bottom:4px;text-decoration:none}.adm-existing-doc a:hover{text-decoration:underline}.adm-existing-doc small{color:#6b7280;font-size:10px}.adm-document-preview{margin-top:8px;text-align:center}.adm-document-preview img{border:1px solid #e5e7eb;border-radius:8px;max-height:100px;max-width:100px;padding:4px}.adm-success-message{color:#10b981;display:block;font-size:11px;margin-top:4px}select:disabled{cursor:not-allowed;opacity:.6}.adm-status-select{transition:all .2s ease}.adm-status-select:hover:not(:disabled){border-width:2px}.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{background:#f8fafc;border:1px solid #e8edf2;border-radius:10px;margin-bottom:20px;padding:25px}.form-section h3{color:#3498db;font-size:20px;font-weight:600;margin:0 0 20px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group label{color:#2c3e50}.form-group label span.required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e6ed;box-sizing:border-box;transition:all .3s ease}.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;min-height:80px}.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;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;padding-bottom:15px}.detail-item{display:flex;flex-direction:column;gap:5px}.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)}.error-message,.success-message{border-radius:8px;font-weight:600;margin-top:20px;padding:15px;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}}.sidebar{background:linear-gradient(135deg,#1976d2,#1976d2);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;border-bottom:1px solid #ffffff1a;padding:25px 20px}.sidebar-title{color:#fff;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.school-info{margin-top:5px}.school-info small{font-size:.8rem;opacity:.8}.sidebar-menu{list-style:none;margin:0;padding:0;text-align:left}.menu-item{border-bottom:1px solid #ffffff0d}.menu-link{align-items:center;color:#fff;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;padding:15px 20px;text-decoration:none;transition:all .3s ease}.menu-link:hover{background:#ffffff1a;padding-left:25px}.menu-icon{font-size:1.1rem;margin-right:12px;text-align:center}.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-item{margin-top:auto}.logout-btn{align-items:center;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.logout-btn:hover{background:#fff3;padding-left:25px}.sidebar-footer{background:#0000001a;border-top:1px solid #ffffff1a;padding:20px}.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;font-size:.8rem;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;font-weight:500}.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;display:flex;font-size:.75rem;justify-content:space-between;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;width:20px}.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}.dashboard-container{background-color:#f5f5f5}.admission-header{align-items:center;background:#e4bb00;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.header-left h1{align-items:center;color:#2c3e50;display:flex;font-size:24px;gap:10px;margin:0 0 8px}.header-left p{color:#000;font-size:14px;font-weight:500;margin:0;text-align:left}.adi-message-alert{font-size:14px;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-spinner{animation:adi-spin 1s linear infinite;border:4px solid #f3f3f3;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}.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{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:15px 20px}.adi-total-count{color:#495057;font-size:14px}.adi-filter-info{color:#6c757d}.adi-table-container{overflow-x:auto}.adi-table{min-width:1400px}.adi-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}.adi-table td{border-bottom:1px solid #e9ecef;font-size:14px;padding:12px}.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{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{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{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{gap:8px;justify-content:center}.adi-btn-delete,.adi-btn-view{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}.adi-btn-delete:hover:not(:disabled){background-color:#f5c6cb}.adi-btn-delete:disabled,.adi-btn-view:disabled{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;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;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}.adi-th-photo{min-width:60px!important;text-align:center!important;width:60px!important}.adi-td-photo{padding:5px!important;text-align:center!important;vertical-align:middle!important}.adi-photo-cell,.adi-profile-photo{align-items:center;display:flex;justify-content:center}.adi-profile-photo{background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;height:40px;overflow:hidden;transition:all .2s ease;width:40px}.adi-profile-photo:hover{border-color:#4299e1;transform:scale(1.1)}.adi-profile-photo img{height:100%;object-fit:cover;width:100%}.adi-photo-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;width:100%}.adi-photo-placeholder.small{font-size:12px;height:30px;width:30px}.adi-name-with-photo{align-items:center;display:flex;gap:8px}.adi-inline-photo{cursor:pointer}.adi-small-photo{border:2px solid #e2e8f0;border-radius:50%;height:30px;object-fit:cover;width:30px}.adi-gender-icon{font-size:14px;margin-left:5px}.adi-photo-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.adi-photo-modal-content{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90%;max-width:90%;padding:20px;position:relative}.adi-photo-modal-img{border-radius:8px;display:block;margin:0 auto;max-height:70vh;max-width:100%}.adi-photo-modal-close{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all .2s ease;width:36px;z-index:1}.adi-photo-modal-close:hover{background:#dc2626;transform:scale(1.1)}.adi-photo-modal-info{background:#f8fafc;border-radius:8px;margin-top:15px;padding:10px;text-align:center}.adi-photo-modal-info h4{color:#2d3748;font-size:18px;margin:0 0 5px}.adi-photo-modal-info p{color:#4a5568;font-size:14px;margin:0}.adi-class-info,.adi-father-info,.adi-mobile-info{display:flex;flex-direction:column;gap:2px}.adi-age,.adi-days-ago,.adi-email,.adi-medium,.adi-mother-name,.adi-payment-mode{color:#666;font-size:12px}.adi-balance-due{color:#e53e3e;font-size:12px;font-weight:500;margin-top:2px}.adi-status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.adi-status-pending{background-color:#fef3c7;color:#92400e}.adi-status-approved{background-color:#d1fae5;color:#065f46}.adi-status-rejected{background-color:#fee2e2;color:#991b1b}.adi-status-waiting_list{background-color:#e0e7ff;color:#3730a3}.adi-status-admitted{background-color:#dbeafe;color:#1e40af}.adi-payment-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.adi-payment-partial,.adi-payment-pending{background-color:#fef3c7;color:#92400e}.adi-payment-paid{background-color:#d1fae5;color:#065f46}.adi-payment-overdue{background-color:#fee2e2;color:#991b1b}.adi-facility-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.adi-hostel{background-color:#e0e7ff;color:#3730a3}.adi-transport{background-color:#d1fae5;color:#065f46}.adi-btn-delete,.adi-btn-view{font-size:14px}.adi-btn-view{background-color:#4299e1}.adi-btn-view:hover:not(:disabled){background-color:#3182ce}.adi-btn-delete{background-color:#fc8181}.adi-btn-delete:hover:not(:disabled){background-color:#f56565}.adi-btn-delete:disabled,.adi-btn-view:disabled{cursor:not-allowed;opacity:.5}.adi-table{border-collapse:collapse;font-size:14px;width:100%}.adi-table th{background-color:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:12px 8px;text-align:left}.adi-table td{border-bottom:1px solid #edf2f7;padding:10px 8px;vertical-align:middle}.adi-table-row:hover{background-color:#f8fafc}.adi-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.adi-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#4299e1;height:40px;margin-bottom:15px;width:40px}.adi-empty-state{align-items:center;background-color:#f8fafc;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px 20px;text-align:center}.adi-empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.adi-table-info-bar{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 0}.adi-total-count{color:#4a5568;font-weight:600}.adi-filter-info{color:#718096;font-size:13px}.adi-message-alert{animation:slideIn .3s ease;border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 16px}.adi-alert-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.adi-alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.adi-alert-warning{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.adi-alert-info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.header-actions{display:flex;gap:10px}.adi-btn-export,.adi-btn-refresh{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.adi-btn-export{background-color:#10b981;color:#fff}.adi-btn-export:hover:not(:disabled){background-color:#0da271}.adi-btn-refresh{background-color:#4299e1;color:#fff}.adi-btn-refresh:hover:not(:disabled){background-color:#3182ce}.adi-btn-export:disabled,.adi-btn-refresh:disabled{cursor:not-allowed;opacity:.5}.adi-details-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.adi-details-modal{animation:slideUp .4s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.adi-details-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.adi-details-modal-title{display:flex;flex-direction:column;gap:5px}.adi-details-modal-title h2{align-items:center;display:flex;font-size:24px;gap:10px;margin:0}.adi-title-icon{font-size:24px}.adi-details-admission-no{font-size:14px;font-weight:500;margin:0;opacity:.9}.adi-details-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.adi-details-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.adi-details-modal-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:30px}.adi-details-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:25px;transition:transform .2s ease}.adi-details-section:hover{box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.adi-details-section-header{border-bottom:2px solid #edf2f7;margin-bottom:20px;padding-bottom:15px}.adi-details-section-header h3{align-items:center;color:#2d3748;display:flex;font-size:18px;gap:10px;margin:0}.adi-section-icon{color:#667eea;font-size:20px}.adi-profile-section{background:linear-gradient(135deg,#f6f9ff,#f0f4ff)}.adi-profile-grid{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:300px 1fr}.adi-profile-photo-section{text-align:center}.adi-details-photo{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 10px 30px #0000001a;height:180px;margin:0 auto 20px;overflow:hidden;position:relative;width:180px}.adi-clickable-photo{cursor:pointer;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.adi-clickable-photo:hover{transform:scale(1.05)}.adi-details-photo-placeholder{align-items:center;color:#fff;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.adi-profile-basic-info h4{color:#2d3748;font-size:24px;margin:0 0 15px}.adi-profile-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.adi-profile-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px}.adi-gender-tag{background:#e0e7ff;color:#3730a3}.adi-age-tag{background:#d1fae5;color:#065f46}.adi-blood-group{background:#fee2e2;color:#991b1b}.adi-profile-details{display:flex;flex-direction:column;gap:15px}.adi-detail-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.adi-detail-item{display:flex;flex-direction:column;gap:5px}.adi-detail-label{align-items:center;color:#718096;display:flex;font-size:14px;font-weight:500;gap:8px}.adi-detail-value{color:#2d3748;font-size:16px;font-weight:600}.adi-parent-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.adi-parent-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.adi-parent-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.adi-parent-header h4{color:#2d3748;font-size:16px;margin:0}.adi-parent-icon{color:#667eea;font-size:18px}.adi-parent-details{display:flex;flex-direction:column;gap:12px}.adi-address-details{display:flex;flex-direction:column;gap:20px}.adi-detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.adi-full-address{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:15px}.adi-academic-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.adi-facilities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.adi-facility-card{border:2px solid;border-radius:8px;padding:20px}.adi-facility-card.adi-active{background:linear-gradient(135deg,#f0fff4,#e6fffa);border-color:#d1fae5}.adi-facility-card.adi-inactive{background:#f8fafc;border-color:#e2e8f0}.adi-facility-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.adi-facility-header h4{color:#2d3748;flex:1 1;font-size:16px;margin:0}.adi-facility-icon{color:#667eea;font-size:20px}.adi-facility-status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.adi-facility-status.adi-active{background:#d1fae5;color:#065f46}.adi-facility-status.adi-inactive{background:#e2e8f0;color:#4a5568}.adi-facility-details{display:flex;flex-direction:column;gap:8px}.adi-payment-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr}.adi-payment-summary{background:linear-gradient(135deg,#f6f9ff,#f0f4ff);border:1px solid #e0e7ff;border-radius:10px;padding:20px}.adi-payment-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.adi-payment-row:last-child{border-bottom:none}.adi-payment-row.adi-balance-row{border-top:2px solid #e2e8f0;margin-top:5px;padding-top:15px}.adi-payment-label{color:#4a5568;font-size:14px;font-weight:500}.adi-payment-value{font-size:16px;font-weight:600}.adi-paid-amount{color:#10b981}.adi-balance-due{color:#ef4444}.adi-balance-zero{color:#10b981}.adi-payment-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.adi-payment-status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.adi-details-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 30px}.adi-modal-actions{gap:10px}.adi-btn-close,.adi-btn-download,.adi-btn-print{border-radius:6px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.adi-btn-print{background:#3b82f6}.adi-btn-print:hover{background:#2563eb;transform:translateY(-2px)}.adi-btn-download{background:#10b981}.adi-btn-download:hover{background:#0da271;transform:translateY(-2px)}.adi-btn-close{background:#6b7280}.adi-btn-close:hover{background:#4b5563;transform:translateY(-2px)}@media (max-width:1200px){.adi-facilities-grid,.adi-parent-grid,.adi-payment-grid,.adi-profile-grid{grid-template-columns:1fr}}@media (max-width:768px){.adi-details-modal{max-height:95vh;width:95%}.adi-academic-grid,.adi-detail-grid,.adi-detail-row,.adi-payment-info{grid-template-columns:1fr}.adi-modal-actions{flex-direction:column}}.adi-table td,.adi-table th{font-size:13px;padding:12px 8px}.adi-td-name{min-width:180px}.adi-student-info{align-items:center;display:flex}.adi-name-details{display:flex;flex-direction:column;gap:4px}.adi-student-name{color:#2d3748;font-weight:600}.adi-student-gender{color:#718096;font-size:12px}.adi-td-facilities{text-align:center}.adi-facilities-icons{display:flex;gap:5px;justify-content:center}.adi-facility-icon{font-size:16px}.adi-no-facility{color:#cbd5e0;font-style:italic}.adi-action-buttons{display:flex;flex-direction:column;gap:5px;min-width:100px}.adi-btn-delete,.adi-btn-view{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;justify-content:center;padding:6px 10px;transition:all .2s ease;width:100%}.adi-btn-view{background:#3b82f6;color:#fff}.adi-btn-view:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 5px #2563eb4d;transform:translateY(-1px)}.adi-btn-delete{background:#ef4444;color:#fff}.adi-btn-delete:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 5px #ef44444d;transform:translateY(-1px)}.adi-photo-error{padding:40px 20px;text-align:center}.adi-error-icon{font-size:48px;margin-bottom:10px;opacity:.5}.adi-details-modal-content::-webkit-scrollbar{width:8px}.adi-details-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.adi-details-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.adi-details-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.adi-btn-download{overflow:hidden;position:relative}.adi-spinner{animation:spin 1s linear infinite;margin-right:8px}.adi-btn-download:disabled{cursor:not-allowed;opacity:.7}.adi-modal-actions{display:flex;flex-wrap:wrap;gap:12px}.adi-btn-close,.adi-btn-download,.adi-btn-print{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.adi-btn-print{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.adi-btn-print:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.adi-btn-download{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.adi-btn-download:hover:not(:disabled){background:linear-gradient(135deg,#0da271,#047857);box-shadow:0 6px 20px #10b9814d;transform:translateY(-2px)}.adi-btn-close{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.adi-btn-close:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 6px 20px #6b72804d;transform:translateY(-2px)}.adi-btn-close:active,.adi-btn-download:active,.adi-btn-print:active{transform:translateY(0)}.adi-pdf-loading{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;text-align:center;top:0;z-index:10002}.adi-pdf-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#10b981;height:60px;margin-bottom:20px;width:60px}.adi-pdf-loading h3{font-size:20px;margin:0 0 10px}.adi-pdf-loading p{font-size:14px;margin:0;opacity:.8}.dashboard-container{background:#fff}.dashboard-content{flex:1 1;overflow-y:auto;padding:20px}.dept-header{align-items:center;background:#e4bb00;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:#000;font-size:28px;margin:0;text-align:left}.dept-header-left p{color:#000;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}}.dashboard-container{background-color:#f8fafc;display:flex;min-height:100vh}.resto-dashboard-container{position:relative}.resto-dashboard-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:2rem;position:relative}.resto-header-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 10px 25px -5px #667eea33;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.resto-header-left{align-items:center;display:flex;gap:1.25rem}.resto-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;display:flex;height:56px;justify-content:center;width:56px}.resto-title-icon{stroke-width:2;color:#fff;height:32px;width:32px}.resto-header-text{display:flex;flex-direction:column;gap:.25rem}.resto-title{color:#fff;font-size:1.875rem;font-weight:700;line-height:1.2;margin:0}.resto-subtitle{color:#fffc;font-size:.875rem;font-weight:400;margin:0}.resto-cart-indicator,.resto-header-right{align-items:center;display:flex}.resto-cart-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;cursor:pointer;gap:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.resto-cart-indicator:hover{background:#ffffff26;transform:translateY(-1px)}.resto-cart-icon-wrapper{position:relative}.resto-cart-icon{stroke-width:2;color:#fff;height:24px;width:24px}.resto-cart-badge{align-items:center;background:#ef4444;border:2px solid #764ba2;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.resto-cart-info{display:flex;flex-direction:column;gap:.125rem}.resto-cart-label{color:#ffffffb3;font-size:.75rem;font-weight:500}.resto-cart-total{color:#fff;font-size:1.125rem;font-weight:700}.resto-controls-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.resto-search-section{display:flex;gap:1rem;margin-bottom:1rem}.resto-search-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.resto-search-icon{stroke-width:2;color:#9ca3af;height:20px;left:1rem;pointer-events:none;position:absolute;width:20px}.resto-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9375rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .2s;width:100%}.resto-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.resto-clear-search{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;position:absolute;right:1rem;transition:color .2s}.resto-clear-search:hover{color:#ef4444}.resto-filter-toggle{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;color:#4b5563;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s;white-space:nowrap}.resto-filter-toggle:hover{border-color:#9ca3af;color:#1f2937}.resto-filter-toggle.resto-filter-active{background:#667eea;border-color:#667eea;color:#fff}.resto-filter-icon{stroke-width:2;height:18px;width:18px}.resto-filters-panel{grid-gap:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;padding:1.5rem}.resto-filter-group{display:flex;flex-direction:column;gap:.5rem}.resto-filter-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.resto-filter-group-icon{stroke-width:2;color:#667eea;height:18px;width:18px}.resto-select-wrapper{position:relative}.resto-filter-select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .2s;width:100%}.resto-filter-select:focus{border-color:#667eea;outline:none}.resto-select-arrow{stroke-width:2;color:#6b7280;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.resto-clear-filters{align-items:center;align-self:flex-end;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-self:flex-start;padding:.75rem 1.5rem;transition:all .2s}.resto-clear-filters:hover{background:#e5e7eb}.resto-clear-icon{stroke-width:2;height:16px;width:16px}.resto-combos-section{margin-bottom:2rem}.resto-section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.resto-section-icon{stroke-width:2;color:#667eea;height:24px;width:24px}.resto-section-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.resto-combos-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.resto-combo-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.resto-combo-card:hover{border-color:#667eea;box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.resto-combo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.resto-combo-icon svg{stroke-width:2;color:#fff;height:24px;width:24px}.resto-combo-content{display:flex;flex:1 1;flex-direction:column;gap:.375rem}.resto-combo-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.resto-combo-items{color:#6b7280;font-size:.8125rem;line-height:1.4;margin:0}.resto-combo-pricing{align-items:center;display:flex;gap:1rem;margin-top:.25rem}.resto-combo-price{color:#667eea;font-size:1.125rem;font-weight:700}.resto-combo-save{background:#d1fae5;border-radius:.25rem;color:#10b981;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.resto-combo-add-btn{align-items:center;background:#667eea;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:background .2s;white-space:nowrap}.resto-combo-add-btn:hover{background:#5a67d8}.resto-add-icon{stroke-width:2;height:16px;width:16px}.resto-food-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem}.resto-no-results{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:1rem;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.resto-no-results-icon{margin-bottom:1.5rem}.resto-no-results-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.resto-no-results-desc{color:#6b7280;margin:0 0 1.5rem;max-width:400px}.resto-reset-filters-btn{align-items:center;background:#667eea;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s}.resto-reset-filters-btn:hover{background:#5a67d8}.resto-reset-icon{stroke-width:2;height:16px;width:16px}.resto-cart-sidebar{background:#fff;box-shadow:-5px 0 25px #0000001a;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:-450px;top:0;transition:right .3s ease-in-out;width:450px;z-index:1000}.resto-cart-sidebar.resto-cart-open{right:0}.resto-cart-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem;z-index:1}.resto-cart-title-section{align-items:center;display:flex;gap:.75rem}.resto-cart-title-icon{stroke-width:2;color:#667eea;height:24px;width:24px}.resto-cart-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.resto-close-cart-btn{align-items:center;background:#f3f4f6;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.resto-close-cart-btn:hover{background:#e5e7eb;color:#1f2937}.resto-cart-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.resto-empty-cart{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.resto-empty-cart-icon{margin-bottom:1.5rem}.resto-empty-cart-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.resto-empty-cart-desc{color:#6b7280;margin:0 0 1.5rem}.resto-browse-menu-btn{align-items:center;background:#667eea;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s}.resto-browse-menu-btn:hover{background:#5a67d8}.resto-browse-icon{stroke-width:2;height:16px;width:16px}.resto-cart-items-list{display:flex;flex-direction:column;gap:1rem}.resto-cart-item-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.resto-cart-item-image{border-radius:.5rem;flex-shrink:0;height:80px;overflow:hidden;width:80px}.resto-cart-item-img{height:100%;object-fit:cover;width:100%}.resto-cart-item-placeholder{align-items:center;background:#e5e7eb;color:#9ca3af;display:flex;height:100%;justify-content:center;width:100%}.resto-cart-item-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.resto-cart-item-name{color:#1f2937;font-size:.9375rem;font-weight:600;line-height:1.3;margin:0}.resto-cart-item-price{color:#667eea;font-size:.875rem;font-weight:500;margin:0}.resto-cart-item-controls{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.resto-quantity-selector{align-items:center;display:flex;gap:.5rem}.resto-quantity-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.resto-quantity-btn:hover{background:#f3f4f6;border-color:#9ca3af}.resto-quantity-display{color:#1f2937;font-size:.875rem;font-weight:500;min-width:24px;text-align:center}.resto-remove-item-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.resto-remove-item-btn:hover{background:#fecaca}.resto-remove-icon{stroke-width:2;height:14px;width:14px}.resto-cart-summary-section{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1.5rem}.resto-charges-breakdown{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.resto-charges-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.resto-charge-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.5rem 0}.resto-charge-item:last-child{border-bottom:none}.resto-charge-item span:first-child{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.resto-charge-icon{stroke-width:2;color:#667eea;height:14px;width:14px}.resto-charge-item span:last-child{color:#1f2937;font-size:.875rem;font-weight:500}.resto-charge-item.resto-charge-total{border-top:1px solid #e5e7eb;padding-top:1rem}.resto-charge-total span:first-child{color:#1f2937;font-size:1rem;font-weight:600}.resto-total-amount{color:#667eea;font-size:1.25rem;font-weight:700}.resto-proceed-checkout-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.resto-proceed-checkout-btn:hover{box-shadow:0 10px 25px -5px #667eea66;transform:translateY(-1px)}.resto-proceed-icon{stroke-width:2;height:16px;width:16px}.resto-delivery-details-section{display:flex;flex-direction:column;gap:1.5rem}.resto-delivery-form{display:flex;flex-direction:column;gap:1.25rem}.resto-form-group{display:flex;flex-direction:column;gap:.5rem}.resto-form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.resto-form-icon{stroke-width:2;color:#667eea;height:16px;width:16px}.resto-form-input{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem;transition:all .2s}.resto-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.resto-address-input{line-height:1.5;min-height:80px;resize:vertical}.resto-form-actions{display:flex;gap:1rem;margin-top:1rem}.resto-back-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.resto-back-btn:hover{background:#e5e7eb}.resto-back-icon{stroke-width:2;height:16px;width:16px}.resto-continue-btn{align-items:center;background:#667eea;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background .2s}.resto-continue-btn:hover{background:#5a67d8}.resto-continue-icon{stroke-width:2;height:16px;width:16px}.resto-payment-section{display:flex;flex-direction:column;gap:2rem}.resto-order-review{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem}.resto-review-title{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.resto-review-icon{stroke-width:2;color:#10b981;height:18px;width:18px}.resto-review-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.resto-review-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.5rem 0}.resto-review-item:last-child{border-bottom:none}.resto-review-item span{color:#6b7280;font-size:.875rem}.resto-review-total{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:1rem}.resto-review-total span:first-child{color:#1f2937;font-size:.9375rem;font-weight:600}.resto-total-price{color:#667eea;font-size:1.125rem;font-weight:700}.resto-delivery-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem}.resto-delivery-title{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.resto-delivery-icon{stroke-width:2;color:#667eea;height:18px;width:18px}.resto-delivery-details{display:flex;flex-direction:column;gap:.5rem}.resto-delivery-detail{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.resto-delivery-detail strong{color:#374151}.resto-payment-options{display:flex;flex-direction:column;gap:1.5rem}.resto-payment-title{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.resto-payment-icon{stroke-width:2;color:#667eea;height:18px;width:18px}.resto-payment-method{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem}.resto-method-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.resto-method-icon{stroke-width:2;color:#667eea;height:20px;width:20px}.resto-method-name{color:#1f2937;font-size:1rem;font-weight:600}.resto-paypal-button-wrapper{margin-top:1rem}.resto-cod-button{align-items:center;background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.875rem;transition:background .2s;width:100%}.resto-cod-button:hover{background:#059669}.resto-cod-icon{stroke-width:2;height:16px;width:16px}.resto-cod-note{color:#6b7280;font-size:.75rem;margin:.75rem 0 0;text-align:center}.resto-edit-details-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .2s}.resto-edit-details-button:hover{background:#e5e7eb}.resto-edit-icon{stroke-width:2;height:16px;width:16px}.resto-cart-overlay{animation:resto-fadeIn .3s ease-in-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes resto-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.resto-dashboard-content{padding:1rem}.resto-header-section{align-items:stretch;flex-direction:column;gap:1rem;padding:1.25rem}.resto-header-left{justify-content:center;text-align:center}.resto-header-text{align-items:center}.resto-cart-indicator{justify-content:center}.resto-search-section{flex-direction:column}.resto-combos-grid,.resto-filters-panel{grid-template-columns:1fr}.resto-food-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.resto-cart-sidebar{right:-100%;width:100%}.resto-cart-sidebar.resto-cart-open{right:0}.resto-form-actions{flex-direction:column}}@media (max-width:480px){.resto-title{font-size:1.5rem}.resto-header-icon{height:48px;width:48px}.resto-title-icon{height:24px;width:24px}.resto-food-grid{grid-template-columns:1fr}.resto-cart-item-card{flex-direction:column}.resto-cart-item-image{height:120px;width:100%}}.foodcard-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.foodcard-card:hover{border-color:#c7d2fe;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.foodcard-header,.foodcard-image-wrapper{overflow:hidden;position:relative}.foodcard-image-wrapper{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);height:180px;width:100%}.foodcard-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.foodcard-card:hover .foodcard-image{transform:scale(1.05)}.foodcard-image-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;height:100%;justify-content:center;width:100%}.foodcard-placeholder-icon{stroke-width:1.5;color:#9ca3af}.foodcard-badges{display:flex;flex-direction:column;gap:6px;left:12px;position:absolute;top:12px;z-index:10}.foodcard-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;border-radius:4px;display:flex;font-size:.6875rem;font-weight:600;gap:4px;padding:4px 8px;white-space:nowrap}.foodcard-badge-icon{stroke-width:2;flex-shrink:0;height:12px;width:12px}.foodcard-discount-badge{background:#ef4444e6;color:#fff}.foodcard-bestseller-badge{background:#f59e0be6;color:#fff}.foodcard-featured-badge{background:#3b82f6e6;color:#fff}.foodcard-favorite-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:36px;z-index:10}.foodcard-favorite-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.foodcard-favorite-btn.foodcard-favorite-active{background:#fecaca}.foodcard-favorite-btn.foodcard-favorite-active:hover{background:#fca5a5}.foodcard-heart-filled{color:#dc2626;height:20px;width:20px}.foodcard-heart-outline{stroke-width:1.5;color:#9ca3af;height:20px;width:20px}.foodcard-favorite-btn:hover .foodcard-heart-outline{color:#dc2626}.foodcard-type-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;border-radius:4px;bottom:12px;display:flex;font-size:.6875rem;font-weight:600;gap:4px;left:12px;padding:4px 8px;position:absolute;z-index:10}.foodcard-type-icon{stroke-width:2;flex-shrink:0;height:12px;width:12px}.foodcard-type-label{white-space:nowrap}.foodcard-body{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.foodcard-header-row{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.foodcard-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;flex:1 1;font-size:1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.foodcard-rating-badge{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:.375rem;color:#92400e;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.foodcard-rating-icon{stroke-width:2;color:#f59e0b;flex-shrink:0;height:12px;width:12px}.foodcard-rating-value{font-weight:600}.foodcard-review-count{color:#92400e;opacity:.8}.foodcard-category-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem}.foodcard-category-icon{align-items:center;display:flex;justify-content:center}.foodcard-category-svg{stroke-width:2;color:#667eea;height:16px;width:16px}.foodcard-category-name{color:#6b7280;font-size:.8125rem;font-weight:500}.foodcard-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;flex:1 1;font-size:.8125rem;line-height:1.5;margin:0 0 .75rem;overflow:hidden}.foodcard-additional-info{border-bottom:1px solid #f3f4f6;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.foodcard-info-item{align-items:center;display:flex;gap:4px}.foodcard-info-icon{stroke-width:2;color:#9ca3af;flex-shrink:0;height:14px;width:14px}.foodcard-info-text{color:#6b7280;font-size:.75rem;font-weight:500}.foodcard-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:auto}.foodcard-price-section{display:flex;flex-direction:column;gap:2px}.foodcard-price-row{align-items:center;display:flex;gap:.5rem}.foodcard-original-price{color:#9ca3af;font-size:.8125rem;font-weight:500;text-decoration:line-through}.foodcard-final-price,.foodcard-final-price.foodcard-single-price{color:#1f2937;font-size:1.125rem;font-weight:700}.foodcard-discount-tag{align-self:flex-start;background:#d1fae5;border-radius:.25rem;color:#10b981;font-size:.6875rem;font-weight:600;padding:2px 6px}.foodcard-add-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:600;gap:6px;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.foodcard-add-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.foodcard-add-btn:active:not(:disabled){transform:translateY(0)}.foodcard-btn-icon{stroke-width:2;flex-shrink:0;height:16px;width:16px}.foodcard-add-btn.foodcard-btn-disabled{background:#f3f4f6;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.foodcard-stock-status{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:.75rem;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.foodcard-status-icon{stroke-width:2;color:#6b7280;height:32px;margin-bottom:.5rem;width:32px}.foodcard-status-text{background:#f3f4f6;border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:600;padding:.375rem .75rem}@keyframes foodcard-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.foodcard-card:hover .foodcard-add-btn:not(.foodcard-btn-disabled){animation:foodcard-pulse 1s infinite}@media (max-width:768px){.foodcard-image-wrapper{height:160px}.foodcard-body{padding:1rem}.foodcard-name{font-size:.9375rem}.foodcard-footer{align-items:stretch;flex-direction:column;gap:.75rem}.foodcard-add-btn{justify-content:center;width:100%}.foodcard-price-section{align-items:center;text-align:center}.foodcard-discount-tag{align-self:center}}@media (max-width:480px){.foodcard-image-wrapper{height:140px}.foodcard-badges{flex-direction:row;flex-wrap:wrap;left:8px;top:8px}.foodcard-badge{font-size:.625rem;padding:3px 6px}.foodcard-type-badge{bottom:8px;font-size:.625rem;left:8px}.foodcard-favorite-btn{height:32px;right:8px;top:8px;width:32px}.foodcard-heart-filled,.foodcard-heart-outline{height:18px;width:18px}}.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}}.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;margin-bottom:20px;padding:12px 15px}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724}.form-hint{color:#6c757d;display:block;font-size:12px;margin-top:5px}.form-error{background-color:#f8d7da;border-radius:4px;color:#721c24;font-size:14px;margin:10px 0;padding:10px}.results-summary{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;color:#6c757d;justify-content:space-between;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{color:#6c757d;margin-bottom:10px}.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;font-size:32px}.stat-info h3{color:#333;font-size:24px;font-weight:700}.stat-info p{color:#666}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.filters-grid{display:flex;flex-direction:column;gap:15px}.full-width{width:100%}.filter-row{align-items:center}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;min-width:180px;padding:10px 15px}.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;cursor:pointer;font-size:14px;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;color:#fff}.btn-export:hover{background:#219653}.btn-export:disabled,.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.results-summary{background:#fff;border-radius:8px;color:#666;display:flex;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;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.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;border-radius:20px;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;min-width:80px;padding:8px 12px}.status-badge small{display:block;font-size:10px;margin-top:2px;opacity:.9}.actions{gap:5px}.actions button{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}.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;color:#fff}.empty-icon{font-size:48px}.empty-state h3{color:#2c3e50;margin:0 0 10px}.empty-state p{color:#666}.form-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-save{background:#27ae60;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s}.btn-save:hover:not(:disabled){background:#219653}.btn-save:disabled{opacity:.5}.btn-cancel{background:#95a5a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s}.btn-cancel:hover{background:#7f8c8d}.loading{font-size:16px;padding:40px;text-align:center}@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%}}:root{--tesl-primary:#4361ee;--tesl-primary-dark:#3a56d4;--tesl-secondary:#6c757d;--tesl-success:#28a745;--tesl-danger:#dc3545;--tesl-warning:#ffc107;--tesl-info:#17a2b8;--tesl-light:#f8f9fa;--tesl-dark:#343a40;--tesl-white:#fff;--tesl-border:#e0e0e0;--tesl-shadow:0 4px 6px #0000001a;--tesl-radius:12px;--tesl-radius-sm:8px;--tesl-transition:all 0.3s ease}.tesl-dashboard-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;margin-left:270px;margin-top:70px;min-height:100vh}.tesl-dashboard-content{background:#f5f7fa;flex:1 1;overflow-y:auto;padding:24px}.tesl-header{background:#fff;background:var(--tesl-white);border-radius:12px;border-radius:var(--tesl-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--tesl-shadow);justify-content:space-between;margin-bottom:30px;padding:24px}.tesl-header,.tesl-header-left{align-items:center;display:flex}.tesl-header-left{gap:20px}.tesl-header-icon{align-items:center;background:linear-gradient(135deg,#4361ee,#3a56d4);background:linear-gradient(135deg,var(--tesl-primary),var(--tesl-primary-dark));border-radius:12px;border-radius:var(--tesl-radius);display:flex;height:60px;justify-content:center;width:60px}.tesl-header-icon .tesl-icon-main{fill:#fff;fill:var(--tesl-white);height:32px;width:32px}.tesl-title{color:#343a40;color:var(--tesl-dark);font-size:24px;font-weight:700;margin:0 0 8px}.tesl-subtitle{font-size:14px;margin:0 0 4px}.tesl-subtitle,.tesl-teacher-id{color:#6c757d;color:var(--tesl-secondary);text-align:left}.tesl-teacher-id{font-size:12px;margin:0}.tesl-teacher-id span{color:#4361ee;color:var(--tesl-primary);font-weight:600}.tesl-header-actions{display:flex;gap:12px}.tesl-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--tesl-radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;transition:var(--tesl-transition)}.tesl-btn:disabled{cursor:not-allowed;opacity:.6}.tesl-btn-primary{background:#4361ee;background:var(--tesl-primary);color:#fff;color:var(--tesl-white)}.tesl-btn-primary:hover:not(:disabled){background:#3a56d4;background:var(--tesl-primary-dark);transform:translateY(-2px)}.tesl-btn-secondary{background:#f8f9fa;background:var(--tesl-light);border:1px solid #e0e0e0;border:1px solid var(--tesl-border);color:#6c757d;color:var(--tesl-secondary)}.tesl-btn-secondary:hover:not(:disabled){background:#fff;background:var(--tesl-white);border-color:#4361ee;border-color:var(--tesl-primary);color:#4361ee;color:var(--tesl-primary)}.tesl-btn-success{background:#28a745;background:var(--tesl-success);color:#fff;color:var(--tesl-white)}.tesl-btn-danger{background:#dc3545;background:var(--tesl-danger);color:#fff;color:var(--tesl-white)}.tesl-btn-sm{font-size:12px;padding:6px 12px}.tesl-btn-icon .tesl-icon{height:16px;width:16px}.tesl-icon{fill:currentColor;height:20px;width:20px}.tesl-spinner{animation:tesl-spin 1s linear infinite}.tesl-spinner-path{stroke:currentColor;stroke-linecap:round;animation:tesl-spinner-dash 1.5s ease-in-out infinite}@keyframes tesl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tesl-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.tesl-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.tesl-stat-card{align-items:center;background:#fff;background:var(--tesl-white);border-radius:12px;border-radius:var(--tesl-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--tesl-shadow);display:flex;gap:20px;padding:24px;transition:all .3s ease;transition:var(--tesl-transition)}.tesl-stat-card:hover{transform:translateY(-4px)}.tesl-stat-icon{align-items:center;border-radius:8px;border-radius:var(--tesl-radius-sm);display:flex;height:48px;justify-content:center;width:48px}.tesl-stat-total .tesl-stat-icon{background:#4361ee1a;color:#4361ee;color:var(--tesl-primary)}.tesl-stat-pending .tesl-stat-icon{background:#ffc1071a;color:#ffc107;color:var(--tesl-warning)}.tesl-stat-approved .tesl-stat-icon{background:#28a7451a;color:#28a745;color:var(--tesl-success)}.tesl-stat-rejected .tesl-stat-icon{background:#dc35451a;color:#dc3545;color:var(--tesl-danger)}.tesl-stat-content h3{color:#343a40;color:var(--tesl-dark);font-size:28px;font-weight:700;margin:0 0 4px}.tesl-stat-content p{color:#6c757d;color:var(--tesl-secondary);font-size:14px;margin:0}.tesl-tabs-container{margin-bottom:24px}.tesl-tabs{background:#fff;background:var(--tesl-white);border-radius:12px;border-radius:var(--tesl-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--tesl-shadow);display:flex;gap:8px;padding:8px}.tesl-tab{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--tesl-radius-sm);color:#6c757d;color:var(--tesl-secondary);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;transition:var(--tesl-transition)}.tesl-tab:hover{background:#4361ee0d;color:#4361ee;color:var(--tesl-primary)}.tesl-tab-active{background:#4361ee;background:var(--tesl-primary);color:#fff;color:var(--tesl-white)}.tesl-tab-count{background:#fff3;border-radius:12px;font-size:12px;padding:2px 8px}.tesl-search-container{margin-bottom:24px}.tesl-search-box{max-width:500px;position:relative}.tesl-search-box .tesl-icon{fill:#6c757d;fill:var(--tesl-secondary);height:20px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.tesl-search-box .tesl-icon:first-child{left:16px}.tesl-search-box .tesl-icon:last-child{right:16px}.tesl-search-input{background:#fff;background:var(--tesl-white);border:2px solid #e0e0e0;border:2px solid var(--tesl-border);border-radius:12px;border-radius:var(--tesl-radius);font-size:14px;padding:12px 48px;transition:all .3s ease;transition:var(--tesl-transition);width:100%}.tesl-search-input:focus{border-color:#4361ee;border-color:var(--tesl-primary);box-shadow:0 0 0 3px #4361ee1a;outline:none}.tesl-leaves-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tesl-leave-card{background:#fff;background:var(--tesl-white);border-left:4px solid #e0e0e0;border-left:4px solid var(--tesl-border);border-radius:12px;border-radius:var(--tesl-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--tesl-shadow);padding:24px;transition:all .3s ease;transition:var(--tesl-transition)}.tesl-leave-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.tesl-leave-pending{border-left-color:#ffc107;border-left-color:var(--tesl-warning)}.tesl-leave-approved{border-left-color:#28a745;border-left-color:var(--tesl-success)}.tesl-leave-rejected{border-left-color:#dc3545;border-left-color:var(--tesl-danger)}.tesl-leave-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.tesl-student-info{align-items:center;display:flex;gap:12px}.tesl-student-avatar{align-items:center;background:linear-gradient(135deg,#4361ee,#3a56d4);background:linear-gradient(135deg,var(--tesl-primary),var(--tesl-primary-dark));border-radius:50%;color:#fff;color:var(--tesl-white);display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.tesl-student-name{color:#343a40;color:var(--tesl-dark);font-size:16px;margin:0 0 4px}.tesl-roll-number,.tesl-student-class{color:#6c757d;color:var(--tesl-secondary);font-size:12px}.tesl-student-class{align-items:center;display:flex;gap:8px;margin:0}.tesl-student-class span{align-items:center;display:flex;gap:4px}.tesl-leave-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.tesl-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.tesl-leave-type{color:#6c757d;color:var(--tesl-secondary);font-size:12px}.tesl-leave-dates{align-items:center;background:#f8f9fa;background:var(--tesl-light);border-radius:8px;border-radius:var(--tesl-radius-sm);display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px}.tesl-date-separator{color:#6c757d;color:var(--tesl-secondary)}.tesl-leave-days{color:#4361ee;color:var(--tesl-primary);font-weight:600;margin-left:auto}.tesl-leave-reason{background:#f8f9fa;background:var(--tesl-light);border-radius:8px;border-radius:var(--tesl-radius-sm);margin-bottom:16px;padding:12px}.tesl-leave-reason p{color:#343a40;color:var(--tesl-dark);font-size:14px;line-height:1.5;margin:0}.tesl-student-contact{background:#f8f9fa;background:var(--tesl-light);border-radius:8px;border-radius:var(--tesl-radius-sm);display:flex;gap:16px;margin-bottom:16px;padding:12px}.tesl-contact-item{align-items:center;color:#6c757d;color:var(--tesl-secondary);display:flex;font-size:12px;gap:8px}.tesl-leave-footer{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--tesl-border);display:flex;justify-content:space-between;padding-top:16px}.tesl-applied-date{align-items:center;color:#6c757d;color:var(--tesl-secondary);display:flex;font-size:12px;gap:4px}.tesl-leave-actions{display:flex;gap:8px}.tesl-error-message{align-items:center;background:#dc35451a;border-left:4px solid #dc3545;border-left:4px solid var(--tesl-danger);border-radius:8px;border-radius:var(--tesl-radius-sm);color:#dc3545;color:var(--tesl-danger);display:flex;gap:12px;margin-bottom:24px;padding:16px}.tesl-error-container{background:#fff;background:var(--tesl-white);border-radius:12px;border-radius:var(--tesl-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--tesl-shadow);padding:48px 24px;text-align:center}.tesl-error-container .tesl-icon{fill:#dc3545;fill:var(--tesl-danger);height:48px;margin-bottom:16px;width:48px}.tesl-error-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.tesl-empty-state{background:#fff;background:var(--tesl-white);border-radius:12px;border-radius:var(--tesl-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--tesl-shadow);padding:48px 24px;text-align:center}.tesl-empty-state .tesl-icon{fill:#6c757d;fill:var(--tesl-secondary);height:64px;margin-bottom:16px;width:64px}.tesl-loading-container{padding:48px 24px;text-align:center}.tesl-loading-container .tesl-spinner{height:48px;margin-bottom:16px;width:48px}.tesl-modal-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}.tesl-modal-container{background:#fff;background:var(--tesl-white);border-radius:12px;border-radius:var(--tesl-radius);box-shadow:0 20px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.tesl-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--tesl-border);display:flex;justify-content:space-between;padding:24px}.tesl-modal-title{align-items:center;color:#343a40;color:var(--tesl-dark);display:flex;font-size:20px;gap:12px;margin:0}.tesl-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--tesl-secondary);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .3s ease;transition:var(--tesl-transition);width:40px}.tesl-modal-close:hover{background:#f8f9fa;background:var(--tesl-light);color:#343a40;color:var(--tesl-dark)}.tesl-modal-content{padding:24px}.tesl-leave-summary{background:#f8f9fa;background:var(--tesl-light);border-radius:8px;border-radius:var(--tesl-radius-sm);margin-bottom:24px;padding:16px}.tesl-leave-summary h3{align-items:center;color:#343a40;color:var(--tesl-dark);display:flex;font-size:16px;gap:8px;margin:0 0 16px}.tesl-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.tesl-summary-item{display:flex;flex-direction:column;gap:4px}.tesl-summary-label{color:#6c757d;color:var(--tesl-secondary);font-size:12px}.tesl-summary-value{color:#343a40;color:var(--tesl-dark);font-size:14px;font-weight:500}.tesl-approval-form{margin-top:24px}.tesl-form-group{margin-bottom:20px}.tesl-form-group label{color:#343a40;color:var(--tesl-dark);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.tesl-textarea{border:2px solid #e0e0e0;border:2px solid var(--tesl-border);border-radius:8px;border-radius:var(--tesl-radius-sm);font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:all .3s ease;transition:var(--tesl-transition);width:100%}.tesl-textarea:focus{border-color:#4361ee;border-color:var(--tesl-primary);outline:none}.tesl-modal-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--tesl-border);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.tesl-table-modal-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:1001}.tesl-table-modal-container{background:#fff;background:var(--tesl-white);border-radius:12px;border-radius:var(--tesl-radius);box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.tesl-table-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--tesl-border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.tesl-table-modal-title{align-items:center;color:#343a40;color:var(--tesl-dark);display:flex;font-size:20px;gap:12px;margin:0}.tesl-table-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--tesl-secondary);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .3s ease;transition:var(--tesl-transition);width:40px}.tesl-table-modal-close:hover{background:#f8f9fa;background:var(--tesl-light);color:#343a40;color:var(--tesl-dark)}.tesl-table-modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:24px}.tesl-table-container{display:flex;flex:1 1;flex-direction:column;position:relative}.tesl-table-scroll-controls{display:flex;justify-content:space-between;left:0;padding:0 8px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.tesl-scroll-btn{align-items:center;background:#fff;background:var(--tesl-white);border:2px solid #e0e0e0;border:2px solid var(--tesl-border);border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;pointer-events:auto;transition:all .3s ease;transition:var(--tesl-transition);width:40px}.tesl-scroll-btn:hover{background:#4361ee;background:var(--tesl-primary);border-color:#4361ee;border-color:var(--tesl-primary);color:#fff;color:var(--tesl-white)}.tesl-scroll-btn .tesl-icon{height:20px;width:20px}.tesl-table-wrapper{background:#fff;background:var(--tesl-white);border:1px solid #e0e0e0;border:1px solid var(--tesl-border);border-radius:8px;border-radius:var(--tesl-radius-sm);flex:1 1;overflow-x:auto;position:relative}.tesl-leaves-table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.tesl-leaves-table thead{background:#f8f9fa;background:var(--tesl-light);position:-webkit-sticky;position:sticky;top:0;z-index:5}.tesl-leaves-table th{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--tesl-border);color:#343a40;color:var(--tesl-dark);font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.tesl-leaves-table td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--tesl-border);color:#343a40;color:var(--tesl-dark);font-size:13px;padding:12px;vertical-align:middle}.tesl-leaves-table tbody tr{transition:all .3s ease;transition:var(--tesl-transition)}.tesl-leaves-table tbody tr:hover{background:#4361ee05}.tesl-leaves-table tbody tr:last-child td{border-bottom:none}.tesl-table-student{align-items:center;display:flex;gap:12px}.tesl-table-avatar{align-items:center;background:linear-gradient(135deg,#4361ee,#3a56d4);background:linear-gradient(135deg,var(--tesl-primary),var(--tesl-primary-dark));border-radius:50%;color:#fff;color:var(--tesl-white);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.tesl-table-email{align-items:center;color:#6c757d;color:var(--tesl-secondary);display:flex;font-size:11px;gap:4px;margin-top:2px}.tesl-table-email .tesl-icon{height:12px;width:12px}.tesl-table-type{font-size:18px}.tesl-table-status{display:inline-block}.tesl-table-actions{display:flex;gap:4px}.tesl-table-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;transition:var(--tesl-transition);width:32px}.tesl-table-btn:disabled{cursor:not-allowed;opacity:.5}.tesl-table-approve{background:#28a7451a;color:#28a745;color:var(--tesl-success)}.tesl-table-approve:hover:not(:disabled){background:#28a745;background:var(--tesl-success);color:#fff;color:var(--tesl-white)}.tesl-table-reject{background:#dc35451a;color:#dc3545;color:var(--tesl-danger)}.tesl-table-reject:hover:not(:disabled){background:#dc3545;background:var(--tesl-danger);color:#fff;color:var(--tesl-white)}.tesl-table-view{background:#6c757d1a;color:#6c757d;color:var(--tesl-secondary)}.tesl-table-view:hover:not(:disabled){background:#6c757d;background:var(--tesl-secondary);color:#fff;color:var(--tesl-white)}.tesl-table-btn .tesl-icon{height:16px;width:16px}@media (max-width:768px){.tesl-dashboard-content{padding:16px}.tesl-header{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.tesl-header-left{gap:16px}.tesl-header-actions{justify-content:center}.tesl-stats-grid{grid-template-columns:repeat(2,1fr)}.tesl-leaves-grid{grid-template-columns:1fr}.tesl-tabs{flex-wrap:wrap}.tesl-tab{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:0}.tesl-modal-overlay,.tesl-table-modal-overlay{padding:16px}.tesl-modal-container,.tesl-table-modal-container{max-width:100%}.tesl-summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.tesl-stats-grid{grid-template-columns:1fr}.tesl-tab{flex:1 0 100%}.tesl-leave-header{flex-direction:column;gap:12px}.tesl-leave-meta{align-items:flex-start}.tesl-leave-footer{align-items:stretch;flex-direction:column;gap:12px}.tesl-leave-actions{justify-content:center}}.tesl-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.tesl-table-wrapper::-webkit-scrollbar-track{background:#f8f9fa;background:var(--tesl-light);border-radius:4px}.tesl-table-wrapper::-webkit-scrollbar-thumb{background:#6c757d;background:var(--tesl-secondary);border-radius:4px}.tesl-table-wrapper::-webkit-scrollbar-thumb:hover{background:#4361ee;background:var(--tesl-primary)}.tesl-modal-container::-webkit-scrollbar{width:6px}.tesl-modal-container::-webkit-scrollbar-track{background:#f8f9fa;background:var(--tesl-light)}.tesl-modal-container::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--tesl-border);border-radius:3px}@keyframes tesl-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tesl-modal-container,.tesl-table-modal-container{animation:tesl-modal-slide-up .3s ease-out}.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;margin:0}.header-left p{margin:5px 0 0;opacity:.9}.stats-container{grid-gap:15px;display:grid;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;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon{background:linear-gradient(135deg,#3182ce,#2b6cb0);border-radius:10px;color:#fff;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{border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;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;height:40px;margin-bottom:15px;width:40px}.empty-state{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;opacity:.5}.empty-state h3{color:#4a5568;margin:10px 0}.empty-state p{color:#a0aec0;margin-bottom:20px}.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}}.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:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;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;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.export-btn:hover{background:#218838;transform:translateY(-2px)}.message{align-items:center;animation:slideDown .3s ease;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;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:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:20px;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-section{flex-shrink:0}.profile-photo-container{height:150px;position:relative;width:150px}.profile-photo{object-fit:cover}.default-avatar,.profile-photo{border:5px solid #ffffff4d;border-radius:50%;height:100%;width:100%}.default-avatar{background:#fff3;color:#fff;font-size:60px;font-weight:700}.default-avatar,.photo-upload-overlay{align-items:center;display:flex;justify-content:center}.photo-upload-overlay{background:#000000b3;border-radius:50%;bottom:0;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{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.meta-item{align-items:center;display:flex;font-size:14px;gap:8px}.meta-icon{font-size:16px}.role-badge{background:#fff3;border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px}.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{align-items:center;background:#f8f9fa;border:none;color:#6c757d;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:20px;transition:all .3s}.tab-btn:hover{background:#e9ecef;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;gap:20px;padding:25px;transition:transform .3s}.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:4px solid #f3f3f3;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{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:20px 0}.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:32px;margin-bottom:10px}.document-name{color:#2d3748;font-weight:500;margin-bottom:5px;word-break:break-word}.document-meta{color:#718096;font-size:12px;margin-bottom:10px}.document-actions{display:flex;gap:8px}.delete-btn,.view-btn{border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px}.view-btn{background:#4a90e2;border:none;color:#fff}.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{align-items:center;background:#ebf8ff;border-radius:8px;display:flex;gap:15px;margin:15px 0;padding:15px}.storage-icon{font-size:24px}.storage-details{flex:1 1}.storage-bar{background:#e2e8f0;border-radius:4px;height:8px;margin:8px 0;overflow:hidden;width:100%}.storage-used{background:#4a90e2;border-radius:4px;height:100%}.storage-text{color:#4a5568;font-size:14px}.storage-warning{color:#e53e3e;font-weight:500}.photo-actions{display:flex;gap:5px;position:absolute;right:10px;top:10px}.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;opacity:0;transition:opacity .3s ease;width:30px}.profile-photo-container:hover .view-photo-btn{opacity:1}.view-photo-btn:hover{background:#fff;transform:scale(1.1)}.photo-info{margin-top:10px;text-align:center}.photo-info-text{color:#718096;font-size:12px}.upload-status{border-radius:6px;margin-top:10px;padding:10px;text-align:center}.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}.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}.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,#e4bb00,#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{display:flex;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;transform:translateY(-5px)}.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{color:#2c3e50;font-size:2rem;font-weight:700;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;text-align:center}.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:none;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:5px;justify-content:center;min-width:70px;padding:8px 12px;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{align-items:center;background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.summary-label{color:#2c3e50;font-weight:600}.summary-value{color:#2c3e50;font-size:1.1rem;font-weight:700}@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-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}.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}}.sth-hero-section{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:560px;overflow:hidden;position:relative;width:100%}.sth-overlay{inset:0;position:absolute;z-index:1}.sth-hero-container{margin:0 auto;max-width:780px;padding:100px 32px;position:relative;text-align:center;width:100%;z-index:3}.sth-content{align-items:center;display:flex;flex-direction:column;gap:20px}.sth-reveal-actions,.sth-reveal-backpack,.sth-reveal-desc,.sth-reveal-plane,.sth-reveal-title{opacity:0;transition:opacity .7s ease,transform .7s ease}.sth-reveal-title{transform:translateY(40px);transition-delay:.1s}.sth-reveal-desc{transform:translateY(40px);transition-delay:.25s}.sth-reveal-actions{transform:translateY(40px);transition-delay:.4s}.sth-reveal-plane{transform:translate(-40px,-20px);transition-delay:.05s}.sth-reveal-backpack{transform:translate(40px,20px);transition-delay:.15s}.sth-visible{opacity:1!important;transform:translate(0)!important}.sth-title{color:#0d0d0d;font-size:clamp(2rem,4.5vw,2.9rem);font-weight:800;letter-spacing:-.3px;line-height:1.22;margin:0;max-width:700px}.sth-cycling-text{color:#1a2535;display:inline-block;position:relative;transition:opacity .5s ease,transform .5s ease}.sth-cycling-in{opacity:1;transform:translateY(0)}.sth-cycling-out{opacity:0;transform:translateY(-18px)}.sth-cycling-text:after{background:#1a2535;border-radius:2px;bottom:-4px;content:"";height:3px;left:0;position:absolute;transform:scaleX(1);transform-origin:left;transition:transform .5s ease;width:100%}.sth-cycling-out:after{transform:scaleX(0)}.sth-description{color:#111;font-size:clamp(.95rem,2vw,1.08rem);font-weight:400;line-height:1.78;margin:0;max-width:610px;opacity:.85}.sth-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}.sth-btn-primary{background:#1a2535;border:none;border-radius:10px;box-shadow:0 4px 18px #1a25354d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.2px;padding:16px 52px;transition:background .22s ease,transform .18s ease,box-shadow .22s ease}.sth-btn-primary:hover{background:#0e1620;box-shadow:0 10px 28px #1a25356b;transform:translateY(-3px)}.sth-btn-primary:active{transform:translateY(0)}.sth-btn-secondary{background:#fff;border:none;border-radius:10px;box-shadow:0 4px 16px #00000021;color:#1a2535;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.2px;padding:16px 52px;transition:background .22s ease,transform .18s ease,box-shadow .22s ease}.sth-btn-secondary:hover{background:#f0f0f0;box-shadow:0 10px 24px #0000002e;transform:translateY(-3px)}.sth-btn-secondary:active{transform:translateY(0)}.sth-icon-plane{align-items:flex-end;animation:planeFloat 4s ease-in-out infinite;display:flex;flex-direction:column;left:7%;pointer-events:none;position:absolute;top:8%;z-index:2}.sth-plane-svg{filter:drop-shadow(1px 3px 6px rgba(0,0,0,.14));height:95px;width:95px}.sth-plane-trail{height:130px;margin-right:18px;margin-top:-8px;opacity:.72;width:55px}@keyframes planeFloat{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(6px,-12px) rotate(3deg)}}.sth-icon-backpack{animation:backpackBob 5s ease-in-out infinite;bottom:8%;pointer-events:none;position:absolute;right:5%;z-index:2}.sth-backpack-svg{filter:drop-shadow(1px 3px 6px rgba(0,0,0,.1));height:115px;width:95px}@keyframes backpackBob{0%,to{transform:translateY(0) rotate(0deg)}30%{transform:translateY(-8px) rotate(-1.5deg)}70%{transform:translateY(-4px) rotate(1deg)}}@media (max-width:768px){.sth-hero-container{padding:70px 20px}.sth-icon-plane{left:2%;top:4%}.sth-plane-svg{height:65px;width:65px}.sth-plane-trail{height:90px;width:38px}.sth-icon-backpack{bottom:3%;right:2%}.sth-backpack-svg{height:80px;width:65px}.sth-btn-primary,.sth-btn-secondary{font-size:.95rem;padding:14px 36px}}@media (max-width:480px){.sth-hero-section{min-height:460px}.sth-title{font-size:1.55rem}.sth-actions{align-items:center;flex-direction:column}.sth-btn-primary,.sth-btn-secondary{max-width:300px;text-align:center;width:100%}}.campix-community-container{background-color:#fff;margin:0 auto 40px;max-width:1400px;padding:0}.campix-community-header{background:linear-gradient(135deg,#000,#333);color:gold;margin-bottom:60px;padding:60px 40px;position:relative;text-align:center}.campix-community-header h1{color:gold;font-size:4rem;font-weight:800;letter-spacing:2px;margin-bottom:20px;text-shadow:3px 3px 0 #000;text-transform:uppercase}.campix-section ul li:before{content:"📚"}@media (max-width:768px){.campix-community-header{padding:80px 30px}.campix-community-header h1{font-size:3rem}.campix-subtitle{font-size:1.2rem}.campix-content{padding:0 30px 30px}.campix-section{margin-bottom:40px;padding:30px}.campix-section h2{font-size:1.8rem}.campix-section h3{font-size:1.3rem}.campix-cta{flex-direction:column}.campix-brand{font-size:2.8rem}}@media (max-width:480px){.campix-community-header{padding:60px 20px}.campix-community-header h1{font-size:2.2rem}.campix-subtitle{font-size:1rem;padding:8px 20px}.campix-content{padding:0 20px 20px}.campix-section{margin-bottom:30px;padding:25px 20px}.campix-section h2{font-size:1.5rem}.campix-section h3{font-size:1.2rem}.campix-contact-info{padding:20px}.campix-footer{padding:40px 20px}.campix-brand{font-size:2.2rem}}.helpi-container{background:#fff;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin-top:10px;min-height:100vh}.helpi-hero{background:linear-gradient(135deg,#fdb935,#f59e0b);overflow:hidden;padding:80px 20px;position:relative}.helpi-hero-content{margin:0 auto;max-width:1200px}.helpi-hero-text{margin-bottom:40px;text-align:center}.helpi-hero-title{color:#fff;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:16px}.helpi-hero-subtitle{color:#fffffff2;font-size:1.25rem;font-weight:400;margin-bottom:40px}.helpi-search-form{margin:0 auto;max-width:700px}.helpi-search-wrapper{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;margin-bottom:20px;padding:8px}.helpi-search-icon{color:#9ca3af;font-size:1.25rem;margin:0 12px}.helpi-search-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:1rem;outline:none;padding:12px 8px}.helpi-search-input::placeholder{color:#9ca3af}.helpi-search-btn{background:linear-gradient(135deg,#fdb935,#f59e0b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:transform .2s,box-shadow .2s}.helpi-search-btn:hover{box-shadow:0 4px 12px #fdb9354d;transform:translateY(-2px)}.helpi-search-tags{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.helpi-tag-label{color:#ffffffe6}.helpi-tag,.helpi-tag-label{font-size:.875rem;font-weight:500}.helpi-tag{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;padding:6px 16px;transition:all .2s}.helpi-tag:hover{background:#ffffff4d;border-color:#ffffff80}.helpi-hero-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:40px auto 0;max-width:800px}.helpi-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;padding:20px;text-align:center}.helpi-stat-number{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:8px}.helpi-stat-label{color:#ffffffe6;font-size:1rem;font-weight:500}.helpi-main{margin:0 auto;max-width:1200px;padding:60px 20px}.helpi-section-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:12px}.helpi-section-subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:40px}.helpi-quick-access{margin-bottom:80px;margin-top:-60px}.helpi-quick-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.helpi-quick-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;cursor:pointer;padding:32px 24px;transition:all .3s ease}.helpi-quick-card:hover{border-color:#fdb935;box-shadow:0 8px 24px #fdb93526;transform:translateY(-4px)}.helpi-quick-icon{align-items:center;background:linear-gradient(135deg,#fdb935,#f59e0b);border-radius:12px;color:#fff;display:flex;font-size:1.75rem;height:64px;justify-content:center;margin-bottom:20px;width:64px}.helpi-quick-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:12px}.helpi-quick-desc{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:20px}.helpi-quick-link{align-items:center;color:#f59e0b;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;text-decoration:none;transition:gap .2s}.helpi-quick-link:hover{gap:12px}.helpi-categories{margin-bottom:80px}.helpi-categories-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.helpi-view-all{align-items:center;color:#f59e0b;display:inline-flex;font-weight:600;gap:8px;text-decoration:none;transition:gap .2s}.helpi-view-all:hover{gap:12px}.helpi-categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.helpi-category-btn{align-items:center;background:#fff;border:2px solid #f3f4f6;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:24px;text-align:left;transition:all .3s ease;width:100%}.helpi-category-btn:hover{border-color:#fdb935;box-shadow:0 4px 12px #fdb9351a}.helpi-active-category{background:linear-gradient(135deg,#fdb9350d,#f59e0b0d);border-color:#f59e0b}.helpi-category-icon{align-items:center;background:linear-gradient(135deg,#fdb935,#f59e0b);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.helpi-category-content{flex:1 1}.helpi-category-name{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:4px}.helpi-category-meta{align-items:center;display:flex;justify-content:space-between}.helpi-article-count{color:#6b7280;font-size:.875rem}.helpi-category-arrow{color:#9ca3af}.helpi-featured{margin-bottom:80px;margin-top:-90px}.helpi-featured-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px;text-align:center}.helpi-filter-options{display:flex;flex-wrap:wrap;gap:12px}.helpi-filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.helpi-filter-btn:hover{border-color:#fdb935;color:#f59e0b}.helpi-filter-btn.active{background:linear-gradient(135deg,#fdb935,#f59e0b);border-color:#f59e0b;color:#fff}.helpi-articles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.helpi-article-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;padding:28px;position:relative;transition:all .3s ease}.helpi-article-card:hover{border-color:#fdb935;box-shadow:0 8px 24px #fdb93526;transform:translateY(-4px)}.helpi-featured-article{background:linear-gradient(135deg,#fdb93508,#f59e0b08);border-color:#f59e0b}.helpi-featured-badge{background:linear-gradient(135deg,#fdb935,#f59e0b);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 14px;position:absolute;right:16px;top:16px}.helpi-article-badge{background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:16px;padding:6px 12px;text-transform:uppercase}.helpi-article-title{color:#1f2937;font-size:1.125rem;font-weight:700;line-height:1.4;margin-bottom:12px}.helpi-article-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.helpi-article-date,.helpi-article-readtime,.helpi-article-views{color:#9ca3af;font-size:.875rem}.helpi-article-excerpt{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:20px}.helpi-article-link{align-items:center;color:#f59e0b;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;text-decoration:none;transition:gap .2s}.helpi-article-link:hover{gap:12px}.helpi-learning-paths{margin-bottom:80px;margin-top:-90px}.helpi-paths-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.helpi-path-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;padding:28px;transition:all .3s ease}.helpi-path-card:hover{border-color:#fdb935;box-shadow:0 8px 24px #fdb93526;transform:translateY(-4px)}.helpi-path-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.helpi-path-number{align-items:center;background:linear-gradient(135deg,#fdb935,#f59e0b);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.helpi-path-title{color:#1f2937;font-size:1.125rem;font-weight:700;line-height:1.3}.helpi-path-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.helpi-path-detail{background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.helpi-detail-label{color:#6b7280;font-size:.875rem;font-weight:500}.helpi-detail-value{color:#1f2937;font-size:.875rem;font-weight:600}.helpi-path-btn{background:linear-gradient(135deg,#fdb935,#f59e0b);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:all .2s;width:100%}.helpi-path-btn:hover{box-shadow:0 6px 16px #fdb9354d;transform:translateY(-2px)}.helpi-faq-section{margin-bottom:80px;margin-top:-100px}.helpi-faq-header{margin-bottom:40px;text-align:center}.helpi-faq-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.helpi-faq-item{background:#fff;border:2px solid #f3f4f6;border-radius:12px;overflow:hidden;transition:all .3s ease}.helpi-faq-item:hover{border-color:#fdb935}.helpi-expanded{border-color:#f59e0b;box-shadow:0 4px 12px #fdb9351a}.helpi-faq-question{align-items:center;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:24px;text-align:left}.helpi-question-text{color:#1f2937;flex:1 1;font-size:1.125rem;font-weight:600}.helpi-faq-toggle{color:#f59e0b;flex-shrink:0;font-size:1.25rem}.helpi-faq-answer{animation:fadeIn .3s ease;padding:0 24px 24px;text-align:left}.helpi-answer-text{color:#4b5563;font-size:1rem;line-height:1.7;margin-bottom:20px}.helpi-faq-actions{display:flex;flex-wrap:wrap;gap:12px}.helpi-action-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.helpi-action-btn:hover{background:linear-gradient(135deg,#fdb935,#f59e0b);border-color:#f59e0b;color:#fff}.helpi-action-link{color:#f59e0b;font-size:.875rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:color .2s}.helpi-action-link:hover{color:#fdb935}.helpi-faq-footer{align-items:center;background:linear-gradient(135deg,#fdb9350d,#f59e0b0d);border:2px solid #fdb935;border-radius:16px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:32px}.helpi-faq-stats{display:flex;gap:40px}.helpi-stat-item{text-align:center}.helpi-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fdb935,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.helpi-stat-label{color:#6b7280;font-size:.875rem}.helpi-ask-question{align-items:center;background:linear-gradient(135deg,#fdb935,#f59e0b);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;transition:all .2s}.helpi-ask-question:hover{box-shadow:0 6px 16px #fdb9354d;transform:translateY(-2px)}.helpi-support-channels{margin-bottom:80px;margin-top:-130px}.helpi-support-card{grid-gap:40px;background:#fff;border:2px solid #f3f4f6;border-radius:20px;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:40px}@media (max-width:968px){.helpi-support-card{grid-template-columns:1fr}}.helpi-support-title{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:12px}.helpi-support-desc{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:32px}.helpi-channel-grid{grid-gap:20px;display:grid;gap:20px}.helpi-channel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.helpi-channel:hover{background:#fff;border-color:#fdb935;box-shadow:0 4px 12px #fdb9351a}.helpi-channel-icon{align-items:center;background:linear-gradient(135deg,#fdb935,#f59e0b);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.helpi-channel-content h4{color:#1f2937;font-size:1rem;font-weight:700;margin-bottom:4px}.helpi-channel-detail{color:#f59e0b;font-size:.95rem;font-weight:600;margin-bottom:4px}.helpi-channel-time{color:#9ca3af;font-size:.875rem}.helpi-ticket-form{background:linear-gradient(135deg,#fdb9350d,#f59e0b0d);border:2px solid #fdb935;border-radius:16px;padding:32px}.helpi-form-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:24px}.helpi-support-form{display:flex;flex-direction:column;gap:20px}.helpi-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:640px){.helpi-form-row{grid-template-columns:1fr}}.helpi-form-group{display:flex;flex-direction:column;gap:8px}.helpi-form-label{color:#374151;font-size:.875rem;font-weight:600}.helpi-form-input,.helpi-form-select,.helpi-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s}.helpi-form-input:focus,.helpi-form-select:focus,.helpi-form-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #fdb9351a;outline:none}.helpi-form-input::placeholder,.helpi-form-textarea::placeholder{color:#9ca3af}.helpi-priority-buttons{display:flex;flex-wrap:wrap;gap:12px}.helpi-priority-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;min-width:80px;padding:10px 16px;transition:all .2s}.helpi-priority-btn:hover{border-color:#fdb935}.helpi-priority-btn.active{background:linear-gradient(135deg,#fdb935,#f59e0b);border-color:#f59e0b;color:#fff}.helpi-priority-btn.helpi-low:not(.active){border-color:#d1d5db}.helpi-priority-btn.helpi-medium:not(.active){border-color:#fdb935;color:#f59e0b}.helpi-priority-btn.helpi-high:not(.active){border-color:#fbbf24;color:#f59e0b}.helpi-priority-btn.helpi-critical:not(.active){border-color:#ef4444;color:#dc2626}.helpi-form-footer{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:8px}.helpi-submit-btn{background:linear-gradient(135deg,#fdb935,#f59e0b);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .2s}.helpi-submit-btn:hover{box-shadow:0 6px 16px #fdb9354d;transform:translateY(-2px)}.helpi-form-note{color:#6b7280;font-size:.875rem}.helpi-system-status{margin-bottom:80px}.helpi-status-card{background:#fff;border:2px solid #f3f4f6;border-radius:20px;box-shadow:0 8px 24px #0000000f;padding:40px}.helpi-status-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:16px;margin-bottom:32px;padding-bottom:24px}.helpi-status-indicator{border-radius:50%;height:12px;position:relative;width:12px}.helpi-status-operational{background:#10b981}.helpi-status-operational:after{animation:statusPulse 2s infinite;border:2px solid #10b981;border-radius:50%;bottom:-6px;content:"";left:-6px;opacity:.4;position:absolute;right:-6px;top:-6px}@keyframes statusPulse{0%{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(1.2)}to{opacity:.4;transform:scale(1)}}.helpi-status-title{flex:1 1}.helpi-status-title h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:4px}.helpi-status-subtitle{color:#6b7280;font-size:.95rem}.helpi-status-time{color:#9ca3af;font-size:.875rem}.helpi-status-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.helpi-status-service{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.helpi-status-service:hover{background:#fff;border-color:#fdb935;box-shadow:0 4px 12px #fdb9351a}.helpi-service-name{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:12px}.helpi-service-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:6px 12px;text-transform:uppercase}.helpi-status-up{background:#d1fae5;color:#065f46}.helpi-status-maintenance{background:#fef3c7;color:#92400e}.helpi-service-uptime{color:#6b7280;font-size:.875rem}.helpi-status-footer{border-top:2px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:32px;padding-top:24px}.helpi-status-link{align-items:center;color:#f59e0b;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;text-decoration:none;transition:all .2s}.helpi-status-link:hover{color:#fdb935;gap:12px}.helpi-footer{background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:2px solid #fdb935;padding:60px 20px 40px}.helpi-footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 40px;max-width:1200px}.helpi-footer-section{display:flex;flex-direction:column;gap:20px}.helpi-footer-brand{align-items:center;display:flex;gap:12px}.helpi-footer-icon{color:#f59e0b;font-size:2rem}.helpi-footer-brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.helpi-footer-description{color:#6b7280;font-size:.95rem;line-height:1.7}.helpi-footer-social{display:flex;gap:16px}.helpi-social-link{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.875rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s}.helpi-social-link:hover{background:#fef3c7;border-color:#fdb935;color:#f59e0b}.helpi-footer-heading{color:#1f2937;font-size:1.125rem;font-weight:700;margin-bottom:16px;padding-bottom:8px;position:relative}.helpi-footer-heading:after{background:linear-gradient(135deg,#fdb935,#f59e0b);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.helpi-footer-links{display:flex;flex-direction:column;gap:12px;list-style:none}.helpi-footer-link{border:1px solid #0000;border-radius:8px;color:#4b5563;font-size:.95rem;padding:8px 12px;text-decoration:none;transition:all .2s}.helpi-footer-link:hover{background:#fdb9351a;border-color:#fdb935;color:#f59e0b;padding-left:16px}.helpi-footer-bottom{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding-top:30px}.helpi-copyright{color:#6b7280;font-size:.875rem}.helpi-footer-meta{display:flex;flex-wrap:wrap;gap:24px}.helpi-meta-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#9ca3af;font-size:.75rem;padding:4px 12px}.helpi-floating-assistant{align-items:flex-end;bottom:30px;display:flex;flex-direction:column;gap:16px;position:fixed;right:30px;z-index:1000}.helpi-assistant-btn{align-items:center;background:linear-gradient(135deg,#fdb935,#f59e0b);border:none;border-radius:50%;box-shadow:0 8px 24px #fdb9354d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.helpi-assistant-btn:hover{box-shadow:0 12px 32px #fdb93566;transform:scale(1.1)}.helpi-assistant-text{background:#1f2937;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:50%;opacity:0;padding:8px 16px;position:absolute;top:-35px;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.helpi-assistant-btn:hover .helpi-assistant-text{opacity:1}.helpi-quick-actions{display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(20px);transition:all .3s ease}.helpi-floating-assistant:hover .helpi-quick-actions{opacity:1;transform:translateY(0)}.helpi-quick-action{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#1f2937;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:10px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.helpi-quick-action:hover{background:#fef3c7;border-color:#fdb935;box-shadow:0 6px 20px #fdb93533;transform:translateX(-10px)}.helpi-quick-action svg{color:#f59e0b;font-size:1rem}.helpi-navbar{background:#fff;border-bottom:2px solid #f3f4f6;box-shadow:0 2px 8px #0000000d;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.helpi-nav-content{align-items:center;display:flex;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px}.helpi-brand{align-items:center;display:flex;gap:10px}.helpi-brand-icon{color:#f59e0b;font-size:1.75rem}.helpi-brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.helpi-brand-subtext{background:#f3f4f6;border-radius:12px;color:#9ca3af;font-size:.875rem;font-weight:500;margin-left:8px;padding:4px 12px}.helpi-nav-links{display:flex;gap:24px}.helpi-nav-link{border-radius:8px;color:#6b7280;font-size:.95rem;font-weight:600;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s}.helpi-nav-link:hover{background:#fdb9351a;color:#f59e0b}.helpi-nav-link.active{background:#fdb93526;color:#f59e0b}.helpi-nav-link.active:after{background:#f59e0b;border-radius:50%;bottom:-16px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.helpi-contact-btn{align-items:center;background:linear-gradient(135deg,#fdb935,#f59e0b);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.helpi-contact-btn:hover{box-shadow:0 6px 16px #fdb9354d;transform:translateY(-2px)}@media (max-width:1024px){.helpi-hero-title{font-size:2.5rem}.helpi-support-card{padding:30px}.helpi-status-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.helpi-hero{padding:60px 16px}.helpi-hero-title{font-size:2rem}.helpi-hero-subtitle{font-size:1.125rem}.helpi-main{padding:40px 16px}.helpi-section-title{font-size:1.75rem}.helpi-articles-grid,.helpi-categories-grid,.helpi-paths-grid,.helpi-quick-grid{grid-template-columns:1fr}.helpi-categories-header,.helpi-faq-footer,.helpi-featured-header,.helpi-footer-bottom,.helpi-form-footer,.helpi-status-footer{align-items:flex-start;flex-direction:column}.helpi-faq-stats{flex-direction:column;gap:20px}.helpi-nav-content{flex-direction:column;gap:16px}.helpi-nav-links{flex-wrap:wrap;justify-content:center}.helpi-floating-assistant{bottom:20px;right:20px}}@media (max-width:480px){.helpi-hero-title{font-size:1.75rem}.helpi-search-wrapper{flex-direction:column;padding:16px}.helpi-search-input{margin-bottom:12px;width:100%}.helpi-search-btn{width:100%}.helpi-search-tags{align-items:flex-start;flex-direction:column}.helpi-hero-stats{grid-template-columns:1fr}.helpi-article-card,.helpi-category-btn,.helpi-path-card,.helpi-quick-card,.helpi-status-card,.helpi-support-card{padding:24px}.helpi-faq-question{padding:20px}.helpi-faq-answer{padding:0 20px 20px}.helpi-ticket-form{padding:24px}.helpi-form-row{grid-template-columns:1fr}.helpi-floating-assistant{bottom:16px;right:16px}.helpi-assistant-btn{font-size:1.25rem;height:50px;width:50px}.helpi-quick-action{font-size:.8125rem;padding:10px 16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.helpi-action-btn:focus,.helpi-ask-question:focus,.helpi-assistant-btn:focus,.helpi-category-btn:focus,.helpi-contact-btn:focus,.helpi-filter-btn:focus,.helpi-form-input:focus,.helpi-form-select:focus,.helpi-form-textarea:focus,.helpi-path-btn:focus,.helpi-priority-btn:focus,.helpi-quick-action:focus,.helpi-search-btn:focus,.helpi-search-input:focus,.helpi-submit-btn:focus{outline:2px solid #f59e0b;outline-offset:2px}@media (prefers-color-scheme:dark){.helpi-container{background:#111827;color:#f9fafb}.helpi-article-card,.helpi-category-btn,.helpi-channel,.helpi-faq-footer,.helpi-faq-item,.helpi-path-card,.helpi-quick-card,.helpi-stat,.helpi-status-card,.helpi-status-service,.helpi-support-card,.helpi-ticket-form{background:#1f2937;border-color:#374151;color:#f9fafb}.helpi-article-title,.helpi-category-name,.helpi-footer-heading,.helpi-path-title,.helpi-quick-title,.helpi-service-name,.helpi-status-title h3{color:#f9fafb}.helpi-answer-text,.helpi-article-excerpt,.helpi-footer-description,.helpi-quick-desc,.helpi-section-subtitle,.helpi-service-uptime,.helpi-stat-label,.helpi-support-desc{color:#d1d5db}.helpi-article-date,.helpi-article-readtime,.helpi-article-views,.helpi-channel-time,.helpi-copyright,.helpi-form-note,.helpi-meta-item,.helpi-status-time{color:#9ca3af}.helpi-article-badge,.helpi-detail-label{background:#374151;color:#d1d5db}.helpi-form-input,.helpi-form-select,.helpi-form-textarea,.helpi-path-detail{background:#374151;border-color:#4b5563;color:#f9fafb}.helpi-form-input::placeholder,.helpi-form-textarea::placeholder{color:#9ca3af}.helpi-action-btn,.helpi-filter-btn,.helpi-priority-btn:not(.active){background:#374151;border-color:#4b5563;color:#d1d5db}.helpi-footer{background:linear-gradient(135deg,#374151,#4b5563);border-top-color:#f59e0b}.helpi-footer-link,.helpi-meta-item,.helpi-social-link{background:#1f2937;border-color:#374151;color:#d1d5db}.helpi-footer-link:hover,.helpi-social-link:hover{background:#374151;color:#f59e0b}.helpi-quick-action{background:#1f2937;border-color:#374151;color:#f9fafb}.helpi-quick-action:hover{background:#374151}}@media print{.helpi-floating-assistant,.helpi-footer,.helpi-hero,.helpi-navbar{display:none}.helpi-container{background:#fff;color:#000}.helpi-main{padding:20px}.helpi-article-card,.helpi-category-btn,.helpi-path-card,.helpi-quick-card,.helpi-status-card,.helpi-support-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.helpi-section-title{-webkit-text-fill-color:#000;background:none;color:#000}}.rola-attendance-container{background:#f8fafc;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.rola-attendance-main{flex:1 1;margin-left:280px;margin-top:75px;padding:24px}.rola-attendance-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.rola-header-left{align-items:center;display:flex;gap:12px}.rola-header-title{color:#1e293b;font-size:28px;font-weight:700;margin:0}.rola-user-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:12px 20px}.rola-user-name{color:#334155;font-weight:600}.rola-user-role{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.rola-role-admin{background:#fef3c7;color:#92400e}.rola-role-teacher{background:#dbeafe;color:#1e40af}.rola-role-student{background:#dcfce7;color:#166534}.rola-message-alert{align-items:center;animation:rola-slideIn .3s ease;border-radius:12px;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}@keyframes rola-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rola-alert-success{background:#dcfce7;border-left:4px solid #22c55e;color:#166534}.rola-alert-error{background:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.rola-today-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:32px;padding:32px}.rola-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.rola-card-title{color:#1e293b;font-size:24px;font-weight:700;margin:0}.rola-card-date{color:#64748b;font-size:14px;font-weight:500}.rola-status-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.rola-status-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.rola-status-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.rola-status-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.rola-status-in .rola-status-icon{background:#dbeafe;color:#1d4ed8}.rola-status-out .rola-status-icon{background:#fef3c7;color:#d97706}.rola-status-hours .rola-status-icon{background:#dcfce7;color:#15803d}.rola-status-info{display:flex;flex-direction:column}.rola-status-label{color:#64748b;font-size:14px;margin-bottom:4px}.rola-status-value{color:#1e293b;font-size:20px;font-weight:700}.rola-action-buttons{display:flex;gap:16px}.rola-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:14px 28px;transition:all .2s ease}.rola-btn:disabled{cursor:not-allowed;opacity:.6}.rola-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.rola-btn-primary:hover:not(:disabled){box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}.rola-btn-secondary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.rola-btn-secondary:hover:not(:disabled){box-shadow:0 8px 16px #ef44444d;transform:translateY(-2px)}.rola-btn-filter{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.rola-btn-filter:hover{background:#e2e8f0}.rola-btn-clear{background:#fff;border:1px solid #cbd5e1;color:#64748b}.rola-btn-clear:hover{background:#f8fafc}.rola-completed-badge{align-items:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;color:#166534;display:flex;font-weight:600;gap:12px;padding:16px 24px}.rola-history-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:32px}.rola-history-header{margin-bottom:24px}.rola-history-title{align-items:center;display:flex;gap:12px;margin-bottom:24px}.rola-history-title h2{color:#1e293b;font-size:20px;font-weight:700;margin:0}.rola-filter-controls{gap:24px;justify-content:space-between}.rola-filter-controls,.rola-filter-input-group{align-items:flex-end;display:flex;flex-wrap:wrap}.rola-filter-input-group{gap:16px}.rola-filter-input{display:flex;flex-direction:column;gap:8px}.rola-filter-input label{color:#475569;font-size:14px;font-weight:500}.rola-date-input{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;min-width:160px;padding:10px 14px;transition:border-color .2s ease}.rola-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rola-total-hours{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:8px;padding:12px 20px}.rola-total-label{color:#64748b;font-size:14px}.rola-total-value{color:#1d4ed8;font-size:18px;font-weight:700}.rola-table-container{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.rola-attendance-table{border-collapse:initial;border-spacing:0;min-width:800px;width:100%}.rola-attendance-table thead{background:#f8fafc}.rola-attendance-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.rola-attendance-table td{border-bottom:1px solid #f1f5f9;padding:20px}.rola-attendance-table tbody tr{transition:background-color .2s ease}.rola-attendance-table tbody tr:hover{background:#f8fafc}.rola-th-date{width:25%}.rola-th-time{width:20%}.rola-th-hours{width:15%}.rola-th-status{width:20%}.rola-time-cell{align-items:center;display:flex;gap:8px}.rola-hours-badge{background:#dbeafe;color:#1d4ed8;font-size:14px;padding:6px 12px}.rola-hours-badge,.rola-status-badge{border-radius:20px;display:inline-block;font-weight:600}.rola-status-badge{font-size:12px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.rola-status-present{background:#dcfce7;color:#166534}.rola-status-absent{background:#fee2e2;color:#991b1b}.rola-status-late{background:#fef3c7;color:#92400e}.rola-status-pending{background:#f1f5f9;color:#475569}.rola-empty-row td{padding:48px 20px;text-align:center}.rola-empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px}.rola-empty-state .rola-icon{height:48px;width:48px}.rola-icon{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media (max-width:1200px){.rola-attendance-main{margin-left:240px}.rola-status-grid{grid-template-columns:1fr}}@media (max-width:768px){.rola-attendance-main{margin-left:0;padding:16px}.rola-attendance-header{align-items:flex-start;flex-direction:column;gap:16px}.rola-filter-controls,.rola-filter-input-group{align-items:stretch;flex-direction:column}.rola-btn{width:100%}.rola-history-section,.rola-today-card{padding:20px}}@keyframes rola-pulse{0%,to{opacity:1}50%{opacity:.5}}.rola-loading{animation:rola-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media print{.rola-attendance-container{display:block}.rola-history-section,.rola-today-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.rola-btn,.rola-filter-controls{display:none}}.stuqz-dashboard-container{background:#f8fafc;display:flex;min-height:100vh}.stuqz-dashboard-content{flex:1 1;margin-left:250px;margin-top:80px}@keyframes stuqz-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stuqz-quiz-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.stuqz-quiz-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;transition:transform .2s,box-shadow .2s}.stuqz-quiz-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stuqz-quiz-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.stuqz-quiz-title{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.stuqz-quiz-description{color:#64748b;font-size:14px;margin-bottom:12px}.stuqz-quiz-status{background:#dcfce7;border-radius:20px;color:#166534;font-size:12px;font-weight:600;padding:4px 12px}.stuqz-quiz-status-inactive{background:#e2e8f0;color:#64748b}.stuqz-quiz-stats{grid-gap:10px;background:#f8fafc;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;padding:15px}.stuqz-stat-item{text-align:center}.stuqz-stat-value{color:#3b82f6;font-size:16px;font-weight:600}.stuqz-stat-label{color:#64748b;font-size:11px}.stuqz-quiz-meta{color:#64748b;font-size:12px;margin-bottom:20px}.stuqz-meta-item{margin-bottom:4px}.stuqz-meta-item,.stuqz-start-btn{align-items:center;display:flex;gap:8px}.stuqz-start-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;justify-content:center;padding:12px;transition:background-color .2s;width:100%}.stuqz-start-btn:hover:not(:disabled){background:#2563eb}.stuqz-start-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.stuqz-quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.stuqz-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:15px;padding:10px 20px}.stuqz-timer{background:#dbeafe;border-radius:10px;color:#1d4ed8;font-size:20px;font-weight:600;min-width:120px;padding:12px 20px;text-align:center}.stuqz-timer-warning{background:#fee2e2;color:#dc2626}.stuqz-progress-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:20px}.stuqz-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.stuqz-progress-track{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.stuqz-progress-fill{background:#3b82f6;border-radius:4px;height:100%;transition:width .3s ease}.stuqz-question-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;margin-bottom:30px;padding:25px}.stuqz-question-card-answered{background:#f0fdf4;border-color:#86efac}.stuqz-question-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:20px}.stuqz-question-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:36px;justify-content:center;width:36px}.stuqz-question-number-answered{background:#10b981}.stuqz-question-text{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:10px}.stuqz-question-type{background:#fef3c7;color:#92400e;display:inline-block;margin-bottom:15px}.stuqz-question-status,.stuqz-question-type{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.stuqz-question-status{background:#e2e8f0;color:#64748b}.stuqz-question-status-answered{background:#dcfce7;color:#166534}.stuqz-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stuqz-option-label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s}.stuqz-option-label-selected{background:#dbeafe;border-color:#3b82f6}.stuqz-option-radio{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.stuqz-option-radio-selected{background:#3b82f6;border-color:#3b82f6}.stuqz-option-radio-dot{background:#fff;border-radius:50%;height:12px;width:12px}.stuqz-option-id{align-items:center;background:#e2e8f0;border-radius:6px;color:#475569;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.stuqz-option-id-selected{background:#3b82f6;color:#fff}.stuqz-option-text{color:#475569;flex:1 1}.stuqz-option-text-selected{color:#1e293b;font-weight:600}.stuqz-summary-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.stuqz-summary-header{align-items:center;display:flex;justify-content:space-between}.stuqz-summary-stats{display:flex;gap:20px}.stuqz-stat-indicator{align-items:center;display:flex;gap:8px}.stuqz-indicator-dot{border-radius:50%;height:12px;width:12px}.stuqz-indicator-answered{background:#10b981}.stuqz-indicator-pending{background:#e2e8f0}.stuqz-submit-btn{align-items:center;background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:15px 40px;transition:background-color .2s}.stuqz-submit-btn:hover:not(:disabled){background:#059669}.stuqz-submit-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.stuqz-submit-spinner{animation:stuqz-spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.stuqz-empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:60px 20px;text-align:center}.stuqz-empty-icon{font-size:64px;margin-bottom:20px}.stuqz-empty-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:10px}.stuqz-empty-description{color:#64748b;margin-bottom:30px}.stuqz-loading-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:60px 20px;text-align:center}.stuqz-loading-spinner{animation:stuqz-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:50px;margin:0 auto 20px;width:50px}.stuqz-loading-text{color:#64748b;font-size:16px}@media (max-width:768px){.stuqz-dashboard-content{margin-left:0;padding:15px}.stuqz-options-grid,.stuqz-quiz-list{grid-template-columns:1fr}.stuqz-quiz-header{gap:15px}.stuqz-quiz-header,.stuqz-summary-header{align-items:flex-start;flex-direction:column}.stuqz-summary-header{gap:20px}}@media (max-width:480px){.stuqz-quiz-stats{grid-template-columns:1fr}.stuqz-summary-stats{flex-direction:column;gap:10px}}.anouni-dashboard-container{background-color:#fff;display:flex;margin-top:0;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}}.ap-dashboard-container{background:#fff;display:flex;margin-left:270px;margin-top:-20px;min-height:100vh}.ap-dashboard-content{background:linear-gradient(135deg,#fff,#fff);flex:1 1;min-height:100vh;padding:30px}.ap-header{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;justify-content:space-between;margin-bottom:30px;padding:25px}.ap-header,.ap-header-left h1{align-items:center;display:flex}.ap-header-left h1{color:#2d3748;font-size:28px;gap:12px;margin-bottom:8px}.ap-subtitle{color:#718096;font-size:14px;font-weight:500}.ap-header-actions{display:flex;gap:12px}.ap-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.ap-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ap-btn-primary:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.ap-btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.ap-btn-secondary:hover{border-color:#667eea;color:#667eea}.ap-btn-danger{background:linear-gradient(135deg,#f56565,#ed64a6);color:#fff}.ap-btn-danger:hover{box-shadow:0 10px 20px #f565654d;transform:translateY(-2px)}.ap-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.ap-stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;display:flex;gap:20px;padding:25px;transition:transform .3s ease}.ap-stat-card:hover{transform:translateY(-5px)}.ap-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.ap-stat-total .ap-stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.ap-stat-completed .ap-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.ap-stat-incomplete .ap-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.ap-stat-roles .ap-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.ap-stat-content{flex:1 1}.ap-stat-value{color:#2d3748;font-size:32px;font-weight:700;line-height:1}.ap-stat-label{color:#718096;font-size:14px;margin-top:5px}.ap-filters-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;margin-bottom:20px;padding:25px}.ap-search-box{margin-bottom:20px;position:relative}.ap-search-icon{color:#a0aec0;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.ap-search-input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.ap-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.ap-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.ap-filter-group{align-items:center;display:flex;gap:10px}.ap-filter-group label{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:5px}.ap-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;min-width:150px;padding:10px 15px}.ap-view-toggle{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;padding:4px}.ap-view-btn{background:none;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.ap-view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.ap-results-summary{background:#ebf8ff;border-radius:10px;color:#2c5282;font-size:14px;font-weight:500;margin-bottom:20px;padding:15px 20px}.ap-loading{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;padding:60px;text-align:center}.ap-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.ap-table-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;overflow:hidden}.ap-table{border-collapse:collapse;width:100%}.ap-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.ap-table th{color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:20px;text-align:left;transition:background .3s ease;-webkit-user-select:none;user-select:none}.ap-table th:hover{background:#ffffff1a}.ap-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .3s ease}.ap-table tbody tr:hover{background:#f8fafc}.ap-table td{color:#4a5568;font-size:14px;padding:20px}.ap-user-info{gap:12px}.ap-user-avatar,.ap-user-info{align-items:center;display:flex}.ap-user-avatar{border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.ap-user-details{display:flex;flex-direction:column}.ap-user-details strong{color:#2d3748}.ap-user-details small{color:#a0aec0;font-size:12px}.ap-role-tag{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.ap-documents-summary,.ap-education-summary,.ap-experience-summary{align-items:center;color:#4a5568;display:flex;gap:8px}.ap-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.ap-status-completed{background:#d1fae5;color:#065f46}.ap-status-incomplete{background:#fef3c7;color:#92400e}.ap-actions{display:flex;gap:8px}.ap-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.ap-action-view{background:#e0f2fe;color:#0369a1}.ap-action-view:hover{background:#bae6fd}.ap-action-delete{background:#fee2e2;color:#dc2626}.ap-action-delete:hover{background:#fecaca}.ap-cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.ap-profile-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;overflow:hidden;transition:transform .3s ease}.ap-profile-card:hover{transform:translateY(-5px)}.ap-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:15px;padding:25px 25px 15px}.ap-card-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:50px;justify-content:center;width:50px}.ap-card-title{flex:1 1}.ap-card-title h4{color:#2d3748;margin:0 0 5px}.ap-card-role{font-size:12px;font-weight:600;text-transform:uppercase}.ap-card-body{padding:20px 25px}.ap-card-info{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ap-info-item{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:10px}.ap-card-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);text-align:center}.ap-stat-item{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:12px;gap:5px}.ap-stat-item svg{color:#667eea;font-size:18px}.ap-card-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;padding:20px 25px}.ap-card-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.ap-card-view{background:#e0f2fe;color:#0369a1}.ap-card-view:hover{background:#bae6fd}.ap-card-delete{background:#fee2e2;color:#dc2626;flex:0 0 40px}.ap-card-delete:hover{background:#fecaca}.ap-empty-cards,.ap-empty-state{color:#a0aec0;padding:60px;text-align:center}.ap-empty-cards svg,.ap-empty-state svg{margin-bottom:20px}.ap-file-icon.word{color:#4299e1}.ap-file-icon.excel{color:#10b981}.ap-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ap-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ap-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:25px}.ap-modal-header h3{align-items:center;color:#2d3748;display:flex;gap:10px;margin:0}.ap-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:background .3s ease;width:40px}.ap-modal-close:hover{background:#f7fafc}.ap-modal-body{padding:25px}.ap-profile-details{display:flex;flex-direction:column;gap:25px}.ap-detail-section{background:#f8fafc;border-radius:12px;padding:20px}.ap-detail-section h4{align-items:center;color:#2d3748;display:flex;gap:10px;margin:0 0 15px}.ap-detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ap-detail-item{display:flex;flex-direction:column;gap:5px}.ap-detail-label{color:#718096;font-size:12px;font-weight:500}.ap-detail-value{color:#2d3748;font-weight:500}.ap-role-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.ap-documents-list,.ap-education-list,.ap-experience-list{display:flex;flex-direction:column;gap:12px}.ap-education-item,.ap-experience-item{background:#fff;border-left:3px solid #667eea;border-radius:8px;padding:15px}.ap-edu-header,.ap-exp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ap-edu-year,.ap-exp-duration{color:#718096;font-size:12px}.ap-edu-institution,.ap-exp-org{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:8px}.ap-edu-marks{color:#718096;font-size:12px;margin-top:5px}.ap-document-item{transition:background .3s ease}.ap-document-item:hover{background:#f1f5f9}.ap-doc-link{color:#667eea}.ap-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 25px}@media (max-width:768px){.ap-header{flex-direction:column;gap:20px;text-align:center}.ap-header-actions{flex-wrap:wrap;justify-content:center}.ap-cards-grid{grid-template-columns:1fr}.ap-table{display:block;overflow-x:auto}.ap-filter-controls{align-items:stretch;flex-direction:column}.ap-modal-content{margin:10px;max-height:80vh}}.ap-document-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;display:flex;gap:12px;margin-bottom:8px;padding:12px;text-decoration:none;transition:all .3s ease}.ap-document-item:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.ap-doc-info{flex:1 1}.ap-doc-name{color:#2d3748;font-weight:500;margin-bottom:4px;word-break:break-word}.ap-doc-size{color:#a0aec0;font-size:11px}.ap-doc-actions{display:flex;gap:8px}.ap-doc-action{align-items:center;background:#edf2f7;border-radius:6px;color:#4a5568;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .3s ease;width:32px}.ap-doc-action:hover{background:#e2e8f0;color:#2d3748}.ap-doc-action.view:hover{background:#e0f2fe;color:#0369a1}.ap-doc-action.download:hover{background:#dcfce7;color:#166534}.ap-doc-quick-links{display:flex;gap:4px;margin-top:5px}.ap-doc-link{align-items:center;background:#edf2f7;border-radius:4px;color:#4a5568;display:flex;font-size:12px;height:24px;justify-content:center;text-decoration:none;transition:all .3s ease;width:24px}.ap-doc-link:hover{background:#e2e8f0;color:#2d3748}.ap-doc-more{color:#a0aec0;font-size:11px;margin-left:4px}.ap-photo-preview{padding:20px;text-align:center}.ap-photo-preview img{background:#f7fafc;border:5px solid #fff;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:150px;object-fit:cover;width:150px}.ap-file-icon.pdf{color:#f56565}.ap-file-icon.word{color:#2b579a}.ap-file-icon.excel{color:#217346}.ap-file-icon.image{color:#ed8936}.ap-file-icon.other{color:#a0aec0}.campix-privacy-container{background-color:#fff;margin:0 auto 40px;max-width:1400px;padding:0}.campix-privacy-header{background:linear-gradient(135deg,#000,#333);color:gold;margin-bottom:60px;padding:60px 40px;position:relative;text-align:center}.campix-privacy-header h1{color:gold;font-size:4rem;font-weight:800;letter-spacing:2px;margin-bottom:20px;text-shadow:3px 3px 0 #000;text-transform:uppercase}.campix-section ul li:before{content:"🔒"}@media (max-width:768px){.campix-privacy-header{padding:80px 30px}.campix-privacy-header h1{font-size:3rem}.campix-subtitle{font-size:1.2rem}.campix-content{padding:0 30px 30px}.campix-section{margin-bottom:40px;padding:30px}.campix-section h2{font-size:1.8rem}.campix-section h3{font-size:1.3rem}.campix-cta{flex-direction:column}.campix-brand{font-size:2.8rem}}@media (max-width:480px){.campix-privacy-header{padding:60px 20px}.campix-privacy-header h1{font-size:2.2rem}.campix-subtitle{font-size:1rem;padding:8px 20px}.campix-content{padding:0 20px 20px}.campix-section{margin-bottom:30px;padding:25px 20px}.campix-section h2{font-size:1.5rem}.campix-section h3{font-size:1.2rem}.campix-contact-info{padding:20px}.campix-footer{padding:40px 20px}.campix-brand{font-size:2.2rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#000;font-family:Poppins,sans-serif}.campix-terms-container{background-color:#fff;margin:0 auto 40px;max-width:1400px;padding:0}.campix-terms-header{background:linear-gradient(135deg,#000,#333);color:gold;margin-bottom:60px;padding:60px 40px;position:relative;text-align:center}.campix-terms-header h1{color:gold;font-size:4rem;font-weight:800;letter-spacing:2px;margin-bottom:20px;text-shadow:3px 3px 0 #000;text-transform:uppercase}.campix-subtitle{background-color:#000000b3;border:2px solid gold;border-radius:30px;color:#fff;display:inline-block;font-size:1.4rem;font-weight:500;letter-spacing:2px;padding:10px 30px}.campix-content{padding:0 60px 40px}.campix-section{background-color:#fff;border:3px solid #000;border-radius:15px;margin-bottom:50px;padding:40px;position:relative;transition:all .3s ease}.campix-section:hover{box-shadow:12px 12px 0 gold;transform:translateY(-5px)}.campix-section h2{color:#000;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:25px;padding-bottom:15px;position:relative;text-align:justify;text-transform:uppercase}.campix-section h2:before{bottom:-4px;content:"";height:4px;left:0;position:absolute;width:100px}.campix-section h3{border-radius:5px;font-size:1.5rem;font-weight:600;margin-top:30px;padding:10px 20px}.campix-section h3,.campix-section p{color:#000;margin-bottom:20px;text-align:justify}.campix-section p{font-size:1.1rem;font-weight:400;line-height:1.8}.campix-section ul{list-style:none;margin-bottom:20px;margin-left:30px;margin-top:20px}.campix-section ul li{color:#000;font-size:1.1rem;font-weight:400;line-height:1.9;margin-bottom:15px;padding-left:35px;position:relative;text-align:justify}.campix-section ul li:before{color:gold;content:"⚖️";font-size:1.2rem;left:0;position:absolute;top:0}.campix-contact-info{background-color:#fffde7;border-radius:10px;margin-top:25px;padding:30px}.campix-contact-info p{color:#000;font-size:1.1rem;margin-bottom:15px;padding-left:20px;position:relative}.campix-contact-info p:before{color:gold;content:"▶";font-weight:700;left:0;position:absolute}.campix-contact-info strong{background-color:gold;border-radius:3px;color:#000;font-weight:700;margin-right:10px;padding:3px 8px}.campix-cta{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.campix-join-btn{background-color:#000;border:3px solid gold;border-radius:10px;color:gold;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.campix-join-btn:hover{background-color:gold;box-shadow:0 5px 15px #0003;color:#000;transform:translateY(-3px)}.campix-explore-btn{background-color:gold;border:3px solid #000;border-radius:10px;color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.campix-explore-btn:hover{background-color:#000;box-shadow:0 5px 15px #0003;color:gold;transform:translateY(-3px)}.campix-footer{background-color:#000;color:gold;margin-top:80px;padding:50px 40px}.campix-footer-content{text-align:center}.campix-brand{color:gold;font-size:3.5rem;font-weight:900;letter-spacing:3px;margin-bottom:10px;text-transform:uppercase}.campix-tagline{color:#fff;font-size:1.3rem;font-weight:500;letter-spacing:2px;margin-bottom:20px}.campix-copyright{color:#fff;font-size:1rem;font-weight:400;opacity:.9}@media (max-width:1024px){.campix-content{padding:0 40px 40px}.campix-section{padding:35px}}@media (max-width:768px){.campix-terms-header{padding:80px 30px}.campix-terms-header h1{font-size:3rem}.campix-subtitle{font-size:1.2rem}.campix-content{padding:0 30px 30px}.campix-section{margin-bottom:40px;padding:30px}.campix-section h2{font-size:1.8rem}.campix-section h3{font-size:1.3rem}.campix-cta{flex-direction:column}.campix-brand{font-size:2.8rem}}@media (max-width:480px){.campix-terms-header{padding:60px 20px}.campix-terms-header h1{font-size:2.2rem}.campix-subtitle{font-size:1rem;padding:8px 20px}.campix-content{padding:0 20px 20px}.campix-section{margin-bottom:30px;padding:25px 20px}.campix-section h2{font-size:1.5rem}.campix-section h3{font-size:1.2rem}.campix-contact-info{padding:20px}.campix-footer{padding:40px 20px}.campix-brand{font-size:2.2rem}}@keyframes pulse{0%{box-shadow:8px 8px 0 gold}50%{box-shadow:12px 12px 0 gold}to{box-shadow:8px 8px 0 gold}}.campix-section:hover{animation:pulse 1.5s infinite}
/*# sourceMappingURL=main.4efc56d0.css.map*/