@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--border-color);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header-scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.header-content{align-items:center;display:flex;justify-content:space-between;min-height:70px;padding:1rem 0}.header-logo{flex-shrink:0}.logo{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;text-decoration:none;transition:color .3s ease}.logo:hover{color:var(--primary-color)}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.logo-icon svg{height:18px;width:18px}.logo-image{border-radius:8px;height:100%;width:100%}.header-nav{display:flex;flex:1 1;justify-content:center}.nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{color:var(--text-color);display:block;font-weight:500;padding:.5rem 0;text-decoration:none;transition:color .3s ease}.nav-link-active,.nav-link:hover{color:var(--primary-color)}.nav-link:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link-active:after,.nav-link:hover:after{width:100%}.header-cta{flex-shrink:0}.header-cta .btn{padding:.75rem 1.5rem}.mobile-menu-btn{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:0;width:40px}.mobile-menu-btn span{background:var(--text-color);border-radius:1px;height:2px;transition:all .3s ease;width:24px}.mobile-menu-btn.menu-open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.menu-open span:nth-child(2){opacity:0}.mobile-menu-btn.menu-open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-menu{background:#fff;box-shadow:-2px 0 20px #0000001a;height:100vh;overflow-y:auto;padding:2rem;position:absolute;right:0;top:0;width:280px}.mobile-nav-list{list-style:none;margin:2rem 0;padding:0}.mobile-nav-item{margin-bottom:1rem}.mobile-nav-link{border-bottom:1px solid var(--border-color);color:var(--text-color);display:block;font-size:1.125rem;font-weight:500;padding:1rem 0;text-decoration:none;transition:color .3s ease}.mobile-nav-link.nav-link-active,.mobile-nav-link:hover{color:var(--primary-color)}.mobile-cta{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.mobile-cta .btn{justify-content:center;width:100%}@media (max-width:768px){.header-cta,.header-nav{display:none}.mobile-menu-btn{display:flex!important}.mobile-menu-overlay{display:block}.logo-text{display:none}.header-content{min-height:60px;padding:.75rem 0}}@media (max-width:480px){.mobile-menu{width:100%}}.mobile-menu{animation:slideInRight .3s ease-out}.footer{background:var(--gray-900);color:#fff;padding:4rem 0 0}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1.5fr;margin-bottom:3rem}.footer-section h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.footer-logo .logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.footer-logo .logo-icon svg{height:24px;width:24px}.footer-logo .logo-text{color:#fff;font-size:1.25rem;font-weight:700}.footer-description{color:#fff;line-height:1.6;margin-bottom:2rem}.social-links{display:flex;gap:1rem}.social-links a{align-items:center;background:var(--gray-800);border-radius:8px;color:var(--gray-200);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-links a:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.social-links svg{height:20px;width:20px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;color:#fff;display:flex;gap:.75rem}.contact-item svg{color:var(--primary-color);flex-shrink:0;height:20px;width:20px}.footer-bottom{border-top:1px solid var(--gray-800);padding:2rem 0}.footer-bottom-content{align-items:center;color:#fff;display:flex;justify-content:space-between}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#fff;font-size:.875rem;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:var(--primary-color)}.link-button{background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;padding:0;text-decoration:none;transition:color .3s ease}.link-button:hover{color:var(--primary-color)}@media (max-width:1024px){.footer-content{gap:2rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer{padding:3rem 0 0}.footer-content{gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-bottom-links{gap:1rem}}@media (max-width:480px){.footer{padding:2rem 0 0}.social-links{justify-content:center}.contact-info{align-items:center;text-align:center}.contact-item{justify-content:center}}.hero{align-items:center;background:radial-gradient(circle at 20% 80%,#667eea26 0,#0000 50%),radial-gradient(circle at 80% 20%,#f5576c26 0,#0000 50%),radial-gradient(circle at 40% 40%,#00f2fe1a 0,#0000 50%);display:flex;min-height:100vh;overflow:hidden;padding-top:120px;position:relative}.hero:before{background:linear-gradient(45deg,#0000 30%,#667eea08 70%),linear-gradient(-45deg,#0000 30%,#f5576c08 70%);background-size:100px 100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;min-height:80vh;z-index:2}.hero-content,.hero-text{position:relative}.hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:900;line-height:1.1;margin-bottom:2rem;text-shadow:0 0 40px #667eea4d}.hero-text .subtitle{color:var(--text-light);font-size:1.5rem;font-weight:400;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.hero-image-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;box-shadow:0 25px 50px #0000004d,inset 0 1px 0 #ffffff1a;height:400px;max-width:600px;overflow:hidden;position:relative;transform:perspective(1000px) rotateY(-15deg) rotateX(10deg);transition:all .6s cubic-bezier(.25,.46,.45,.94);width:100%}.hero-image-container:hover{box-shadow:0 40px 80px #0006;transform:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.05)}.hero-image-container:before{background:linear-gradient(135deg,#667eea1a,#f5576c1a);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-image-container img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.hero-image-container:hover img{transform:scale(1.1)}.floating-element{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-glass);padding:1rem;position:absolute}.floating-element-1{right:10%;top:10%}.floating-element-2{bottom:20%;left:5%}.floating-element-3{right:5%;top:50%}.stats-section{background:#0000;margin-top:-50px;padding:5rem 0;position:relative;z-index:10}.stats-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:25px;box-shadow:var(--shadow-glass);overflow:hidden;padding:3rem;position:relative}.stats-container:before{background:var(--primary-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(4,1fr)}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.stat-item:hover{background:#ffffff14;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;transition:all .3s ease}.stat-item:hover .stat-number{transform:scale(1.1)}.stat-label{color:var(--text-light);font-size:1rem;letter-spacing:1px}.services-section{padding:8rem 0;position:relative}.section-header{margin-bottom:5rem;position:relative;text-align:center}.section-header h2{color:var(--text-white);font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;position:relative}.section-header h2:after{background:var(--primary-gradient);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.section-header p{color:var(--text-light);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.services-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.service-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:25px;box-shadow:var(--shadow-glass);cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.service-card:before{background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{background:#ffffff1f;box-shadow:0 30px 60px #0000004d;transform:translateY(-15px) rotateX(5deg)}.service-icon{align-items:center;background:var(--primary-gradient);border-radius:20px;box-shadow:0 10px 30px #667eea4d;display:flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:80px}.service-card:hover .service-icon{box-shadow:0 15px 40px #667eea66;transform:scale(1.1) rotate(5deg)}.service-card h3{color:var(--text-white);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.service-card p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.service-features{list-style:none;padding:0}.service-features li{color:var(--text-light);margin-bottom:.5rem;padding-left:2rem;position:relative}.service-features li:before{color:var(--accent-color);content:"✓";font-size:.85rem;font-weight:700;left:0;line-height:1;position:absolute;top:4px;transform:translateY(-1px)}.projects-section{padding:8rem 0;position:relative}.projects-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.project-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:25px;box-shadow:var(--shadow-glass);cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.project-card:hover{box-shadow:0 30px 60px #0000004d;transform:translateY(-10px)}.project-image img{transition:transform .6s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-white);font-size:.875rem;font-weight:600;padding:.5rem 1rem;right:10px;top:10px}.project-card .card-content{padding:2rem}.project-card h3{color:var(--text-white);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.project-location{color:var(--text-light);font-size:.9rem}.testimonials-section{padding:8rem 0;position:relative}.testimonials-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.testimonial-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:25px;box-shadow:var(--shadow-glass);padding:2.5rem;position:relative;transition:all .4s ease}.testimonial-card:hover{background:#ffffff1a;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:1rem}.star{color:gold;font-size:1.2rem}.testimonial-text{color:var(--text-light);font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.testimonial-author strong{color:var(--text-white);font-weight:600}.testimonial-author span{color:var(--text-light);font-size:.9rem}.cta-section{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);border-top:1px solid var(--glass-border);margin:4rem 0;padding:8rem 0;position:relative}.cta-section:before{background:radial-gradient(circle at 30% 40%,#667eea1a 0,#0000 50%),radial-gradient(circle at 70% 60%,#f5576c14 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-content h2{-webkit-text-fill-color:#0000;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-white);font-size:3rem;font-weight:800;margin-bottom:1.5rem}.cta-content p{color:var(--text-light);font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem}.cta-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:4rem}.projects-grid,.services-grid,.stats-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{min-height:80vh;padding-top:5rem}.hero-text h1{font-size:3rem}.hero-text .subtitle{font-size:1.2rem}.section-header h2{font-size:2.5rem}.stats-grid{gap:1.5rem}.projects-grid,.services-grid,.stats-grid,.testimonials-grid{grid-template-columns:1fr}.hero-actions{align-items:center;flex-direction:column}.cta-content h2{font-size:2.2rem}.cta-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.hero-text h1{font-size:2.2rem}.section-header h2{font-size:2rem}.hero-image-container{height:300px;transform:none}.hero-image-container:hover{transform:scale(1.02)}.stats-container{padding:2rem}.service-icon{font-size:1.5rem;height:60px;width:60px}.project-card,.service-card,.testimonial-card{padding:1.5rem}.project-image{height:200px}.floating-element{display:none}.cta-section,.projects-section,.services-section,.testimonials-section{padding:5rem 0}}.partners-section{background:var(--section-bg);padding:6rem 0;position:relative}.partners-section:before{background:radial-gradient(circle at 20% 80%,#667eea0d 0,#0000 50%),radial-gradient(circle at 80% 20%,#38b2ac0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.partners-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.partner-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.partner-card:before{background:linear-gradient(135deg,#667eea1a,#38b2ac1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.partner-card:hover:before{opacity:1}.partner-card:hover{border-color:#667eea4d;box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.partner-logo{align-items:center;background:#ffffffe6;border-radius:12px;display:flex;height:110px;justify-content:center;margin:0 auto 1.5rem;padding:1.2rem;transition:all .3s ease;width:160px}.partner-card:hover .partner-logo{background:#fffffff2;box-shadow:0 8px 25px #0000001a;transform:scale(1.05)}.partner-logo img{filter:grayscale(.3);max-height:100%;max-width:100%;object-fit:contain;transition:filter .3s ease}.partner-card:hover .partner-logo img{filter:grayscale(0)}.partner-info,.partner-name{color:var(--text-white)}.partner-name{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.partner-card:hover .partner-name{color:var(--primary-color)}.partner-description{color:var(--text-light);font-size:.9rem;line-height:1.4}@media (max-width:768px){.partners-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.partner-card{padding:1.5rem}.partner-logo{height:95px;margin-bottom:1rem;width:140px}.partner-name{font-size:1.1rem}.partner-description{font-size:.85rem}}@media (max-width:480px){.partners-grid{gap:1rem;grid-template-columns:1fr}.partner-card{padding:1.2rem}.partner-logo{height:80px;width:120px}}.about-hero{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;overflow:hidden;padding:150px 0 100px;position:relative;text-align:center}.about-hero:before{background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-hero-content{position:relative;z-index:1}.about-hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;color:#fff;margin-bottom:1.5rem}.about-hero-content p{color:#fffc;margin:0 auto;max-width:600px}.story-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23);padding:4rem 0}.story-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.story-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;color:#fff;margin-bottom:2rem}.story-text p{color:#fffc;line-height:1.8;margin-bottom:1.5rem}.story-image{position:relative}.story-image img{border:1px solid #ffffff26;border-radius:12px;box-shadow:0 10px 30px #0000004d;height:auto;width:100%}.values-section{background:linear-gradient(135deg,#16213e,#0f0f23 50%,#1a1a2e);padding:4rem 0}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease}.value-card *{background:#0000}.value-card:hover{background:#ffffff1f;border-color:#667eea66;box-shadow:0 10px 40px #667eea33;transform:translateY(-5px)}.value-icon{color:#667eea;font-size:3rem;margin-bottom:1.5rem}.value-card h3{color:#fff;margin-bottom:1rem}.value-card p{color:#ffffffb3;line-height:1.6}.mission-vision-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23);padding:4rem 0}.mission-vision-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.mission-card,.vision-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.mission-card *,.vision-card *{background:#0000}.mission-card:hover,.vision-card:hover{background:#ffffff1f;border-color:#667eea66;box-shadow:0 10px 40px #667eea33;transform:translateY(-5px)}.mission-card:before,.vision-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.mission-card h3,.vision-card h3{color:#fff;margin-bottom:1.5rem;margin-top:1rem}.mission-card p,.vision-card p{color:#fffc;line-height:1.8}.team-section{background:linear-gradient(135deg,#16213e,#0f0f23 50%,#1a1a2e);padding:4rem 0}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.team-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;overflow:hidden;padding:0;text-align:center;transition:all .3s ease}.team-card .card-content{background:#0000}.team-card:hover{background:#ffffff1f;border-color:#667eea66;box-shadow:0 10px 40px #667eea33;transform:translateY(-5px)}.team-image{height:300px;overflow:hidden}.team-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.team-card:hover .team-image img{transform:scale(1.05)}.team-card .card-content{padding:2rem}.team-card h3{color:#fff;margin-bottom:.5rem}.team-position{color:#667eea;font-weight:600;margin-bottom:.5rem}.team-experience{color:#ffffffb3;font-size:.9rem;margin:0}.why-choose-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23);padding:4rem 0}.why-choose-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.why-choose-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;color:#fff;margin-bottom:2rem}.why-choose-list{list-style:none;margin:0;padding:0}.why-choose-list li{border-bottom:1px solid #ffffff26;color:#fffc;font-weight:500;padding:.75rem 0;transition:all .3s ease}.why-choose-list li:hover{color:#667eea;padding-left:1rem}.why-choose-list li:last-child{border-bottom:none}.why-choose-image{position:relative}.why-choose-image img{border:1px solid #ffffff26;border-radius:12px;box-shadow:0 10px 30px #0000004d;height:auto;width:100%}@media (max-width:1024px){.mission-vision-grid,.story-content,.why-choose-content{gap:3rem;grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-hero{padding:120px 0 80px}.mission-vision-grid,.story-content,.why-choose-content{gap:2rem}.team-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.about-hero{padding:100px 0 60px}.about-hero-content h1{font-size:2.5rem}.values-grid{grid-template-columns:1fr}.mission-card .card-content,.value-card,.vision-card .card-content{padding:1.5rem}.why-choose-list li{font-size:.9rem}}.services-hero{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;overflow:hidden;padding:150px 0 100px;position:relative;text-align:center}.services-hero:before{background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.services-hero-content{position:relative;z-index:1}.services-hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;color:#fff;margin-bottom:1.5rem}.services-hero-content p{color:#fffc;margin:0 auto;max-width:600px}.services-grid-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23);padding:4rem 0}.services-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.service-detail-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease}.service-detail-card .card-content{background:#0000}.service-detail-card:hover{background:#ffffff1f;border-color:#667eea66;box-shadow:0 10px 40px #667eea33;transform:translateY(-5px)}.service-image{height:250px;overflow:hidden}.service-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.service-detail-card:hover .service-image img{transform:scale(1.05)}.service-detail-card .card-content{display:flex;flex:1 1;flex-direction:column;padding:2rem}.service-detail-card h3{color:#fff;margin-bottom:1rem}.service-description{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.service-features{margin-bottom:1.5rem}.service-features h4{color:#667eea;font-size:1rem;font-weight:600;margin-bottom:.75rem}.service-features ul{list-style:none;margin:0;padding:0}.service-features li{color:#ffffffb3;font-size:.9rem;padding:.5rem 0}.service-applications{margin-bottom:2rem}.service-applications h4{color:#667eea;font-size:1rem;font-weight:600;margin-bottom:.75rem}.applications-tags{display:flex;flex-wrap:wrap;gap:.5rem}.application-tag{background:#667eea33;border:1px solid #667eea4d;border-radius:15px;color:#ffffffe6;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.service-detail-card .btn{align-self:flex-start;margin-top:auto}.process-section{background:linear-gradient(135deg,#16213e,#0f0f23 50%,#1a1a2e);padding:4rem 0}.process-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.process-step{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.process-step *{background:#0000}.process-step:hover{background:#ffffff1f;border-color:#667eea66;box-shadow:0 10px 40px #667eea33;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:inline-block;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step-title{color:#fff;font-size:1.25rem;margin-bottom:1rem}.step-description{color:#ffffffb3;line-height:1.6}.services-cta-section{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;overflow:hidden;padding:5rem 0;position:relative;text-align:center}.services-cta-section:before{background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.services-cta-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;color:#fff;margin-bottom:1rem;position:relative;z-index:1}.services-cta-section p{color:#fffc;position:relative;z-index:1}.services-cta-section .cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;position:relative;z-index:1}.services-cta-section .btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-color:#667eeacc;color:#667eea}.services-cta-section .btn-outline:hover{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:1024px){.services-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-hero{padding:120px 0 80px}.services-grid{gap:2rem}.process-steps{grid-template-columns:1fr}.service-detail-card .card-content{padding:1.5rem}.services-cta-section .cta-actions{align-items:center;flex-direction:column}.services-cta-section .btn{max-width:300px;width:100%}}@media (max-width:480px){.services-hero{padding:100px 0 60px}.services-hero-content h1{font-size:2.5rem}.services-grid{grid-template-columns:1fr}.service-detail-card .card-content{padding:1.25rem}.process-step{padding:1.5rem}.step-number{font-size:1.25rem;height:50px;width:50px}}.projects-hero{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;overflow:hidden;padding:150px 0 100px;position:relative;text-align:center}.projects-hero:before{background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.projects-hero-content{position:relative;z-index:1}.projects-hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;color:#fff;margin-bottom:1.5rem}.projects-hero-content p{color:#fffc;margin:0 auto;max-width:600px}.filter-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23);border-bottom:1px solid #ffffff26;padding:3rem 0 1rem}.project-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #fff3;border-radius:25px;color:#fffc;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#667eea1a;border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.projects-grid-section{background:linear-gradient(135deg,#16213e,#0f0f23 50%,#1a1a2e);padding:4rem 0}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-detail-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.project-detail-card .card-content{background:#0000}.project-detail-card:hover{background:#ffffff1f;border-color:#667eea66;box-shadow:0 10px 40px #667eea33;transform:translateY(-5px)}.project-image{height:250px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-detail-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;right:1rem;top:1rem}.project-year{background:#667eeae6;border-radius:20px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.project-detail-card .card-content{padding:2rem}.project-detail-card h3{color:#fff;margin-bottom:.5rem}.project-location{color:#ffffffb3;font-size:.95rem;margin-bottom:1rem}.project-description{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.project-details{margin-bottom:1.5rem}.detail-item{align-items:center;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#ffffffb3;font-size:.9rem;font-weight:500}.detail-value{color:#fff;font-size:.9rem;font-weight:600}.project-type-badge{background:#667eea;border-radius:20px;bottom:2rem;color:#fff;font-size:.8rem;font-weight:500;padding:.5rem 1rem;position:absolute;right:2rem}.projects-stats-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23);padding:4rem 0}.projects-stats-section .stats-grid{grid-gap:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 10px 40px #0000004d;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);padding:3rem}.projects-stats-section .stat-item{text-align:center}.projects-stats-section .stat-number{color:#667eea;font-size:3rem;font-weight:700;margin-bottom:.5rem}.projects-stats-section .stat-label{color:#ffffffb3;font-size:1rem;font-weight:500}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-stats-section .stats-grid{grid-template-columns:repeat(2,1fr);padding:2rem}}@media (max-width:768px){.projects-hero{padding:120px 0 80px}.filter-section{padding:2rem 0 1rem}.project-filters{gap:.5rem}.filter-btn{font-size:.9rem;padding:.5rem 1rem}.projects-grid,.projects-stats-section .stats-grid{gap:1.5rem;grid-template-columns:1fr}.projects-stats-section .stats-grid{padding:1.5rem}.projects-stats-section .stat-number{font-size:2.5rem}.project-detail-card .card-content{padding:1.5rem}.project-type-badge{bottom:1.5rem;right:1.5rem}}@media (max-width:480px){.projects-hero{padding:100px 0 60px}.projects-hero-content h1{font-size:2.5rem}.project-filters{align-items:center;flex-direction:column}.filter-btn{max-width:200px;width:100%}.projects-grid{grid-template-columns:1fr}.project-detail-card .card-content{padding:1.25rem}.detail-item{align-items:flex-start;flex-direction:column;gap:.25rem}.project-type-badge{align-self:flex-start;margin-top:1rem;position:static}}.contact-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);overflow-x:hidden;padding-top:80px;position:relative}.animated-bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.floating-shapes{height:100%;position:relative;width:100%}.shape{animation:float 20s linear infinite;background:linear-gradient(45deg,#667eea1a,#764ba21a);border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.shape-2{animation-delay:-5s;height:120px;right:15%;top:60%;width:120px}.shape-3{animation-delay:-10s;height:60px;left:20%;top:80%;width:60px}.shape-4{animation-delay:-15s;height:100px;right:30%;top:30%;width:100px}.shape-5{animation-delay:-7s;height:90px;left:60%;top:70%;width:90px}@keyframes float{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}25%{opacity:.6;transform:translateY(-20px) rotate(90deg)}50%{opacity:.3;transform:translateY(-40px) rotate(180deg)}75%{opacity:.6;transform:translateY(-20px) rotate(270deg)}}.contact-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.contact-hero{padding:2rem 0 1rem;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:2rem}.title-line{color:#fff;display:block}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hero-subtitle{color:#fffc;font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:600px}.quick-contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.contact-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;color:#fff;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-card:before{background:linear-gradient(135deg,#667eea1a,#764ba21a 50%,#f093fb1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.contact-card:hover:before{opacity:1}.contact-card:hover{border-color:#667eea66;box-shadow:0 20px 60px #667eea40;transform:translateY(-8px)}.phone-card{background:#22c55e14;border-color:#22c55e26}.phone-card:before{background:linear-gradient(135deg,#22c55e26,#16a34a26)}.phone-card:hover{border-color:#22c55e66;box-shadow:0 20px 60px #22c55e40}.whatsapp-card{background:#25d36614;border-color:#25d36626}.whatsapp-card:before{background:linear-gradient(135deg,#25d36626,#16a34a26)}.whatsapp-card:hover{border-color:#25d36666;box-shadow:0 20px 60px #25d36640}.email-card{background:#3b82f614;border-color:#3b82f626}.email-card:before{background:linear-gradient(135deg,#3b82f626,#1d4ed826)}.email-card:hover{border-color:#3b82f666;box-shadow:0 20px 60px #3b82f640}.contact-card-icon{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:20px;display:flex;flex-shrink:0;height:60px;justify-content:center;position:relative;width:60px;z-index:2}.contact-card-icon svg{color:#667eea;height:28px;transition:all .3s ease;width:28px}.phone-card .contact-card-icon{background:linear-gradient(135deg,#22c55e4d,#16a34a4d)}.phone-card .contact-card-icon svg{color:#22c55e}.whatsapp-card .contact-card-icon{background:linear-gradient(135deg,#25d3664d,#16a34a4d)}.whatsapp-card .contact-card-icon svg{color:#25d366}.email-card .contact-card-icon{background:linear-gradient(135deg,#3b82f64d,#1d4ed84d)}.email-card .contact-card-icon svg{color:#3b82f6}.contact-card:hover .contact-card-icon svg{transform:scale(1.1)}.contact-card-content{position:relative;z-index:2}.contact-card-content h3{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.contact-card-content p{color:#fffc;font-size:.95rem;font-weight:500;margin:0}.contact-main{grid-gap:4rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:25px;display:grid;gap:4rem;grid-template-columns:1fr 400px;padding:2rem}.form-section{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:30px;box-shadow:0 25px 50px #0000004d;overflow:hidden;padding:3rem;position:relative}.form-section:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}.contact-section-header{margin-bottom:2rem;position:relative;text-align:center}.contact-section-header h2{color:#1a1a2e;font-size:2.5rem;font-weight:800;margin-bottom:.75rem;text-shadow:none}.contact-section-header p{color:#4a5568;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.modern-form{display:flex;flex-direction:column;gap:2rem}.contact-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.contact-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;position:relative}.contact-input-group input,.contact-input-group select,.contact-input-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #cbd5e180;border-radius:15px;color:#1a1a2e;font-size:1rem;font-weight:500;outline:none;padding:1.2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.contact-input-group input:focus,.contact-input-group select:focus,.contact-input-group textarea:focus{background:#ffffffe6;border-color:#667eea;box-shadow:0 0 0 4px #667eea33;transform:translateY(-2px)}.contact-input-group input::placeholder,.contact-input-group textarea::placeholder{color:#64748bb3;font-weight:400}.contact-input-group label{color:#1a1a2e;display:block;font-size:.9rem;font-weight:700;margin-bottom:.25rem;position:static}.contact-input-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%231a1a2e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:3rem}.contact-input-group select option{background:#fffffff2;color:#1a1a2e;padding:.5rem}.textarea-group{grid-column:1/-1}.textarea-group textarea{font-family:inherit;min-height:140px;resize:vertical}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:none;border-radius:20px;box-shadow:0 15px 35px #667eea66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-top:1.5rem;overflow:hidden;padding:1.5rem 3rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.submit-button:before{background:linear-gradient(135deg,#f093fb,#667eea 50%,#764ba2);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}.submit-button:hover:before{left:0}.submit-button:hover{box-shadow:0 25px 50px #667eea99;transform:translateY(-3px) scale(1.02)}.submit-button:active{transform:translateY(-1px) scale(.98)}.submit-button:disabled{box-shadow:0 5px 15px #667eea33;cursor:not-allowed;opacity:.6;transform:none}.button-text{gap:.5rem;justify-content:center;position:relative;z-index:1}.button-text,.status-message{align-items:center;display:flex}.status-message{border-radius:15px;font-size:.95rem;font-weight:500;gap:.75rem;margin-top:1rem;padding:1rem}.status-message svg{flex-shrink:0;height:20px;width:20px}.status-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.status-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.info-section{display:flex;flex-direction:column;gap:2rem}.info-card,.map-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;padding:2rem}.card-header{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.card-header h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.info-items{display:flex;flex-direction:column;gap:1.5rem}.info-item{align-items:flex-start;display:flex;gap:1rem}.info-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.info-icon svg{color:#fff;height:22px;width:22px}.info-icon.location{background:linear-gradient(135deg,#667eea,#764ba2)}.info-icon.phone{background:linear-gradient(135deg,#22c55e,#16a34a)}.info-icon.email{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.info-icon.time{background:linear-gradient(135deg,#f59e0b,#d97706)}.info-content h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.info-content p{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0}.phone-list{display:flex;flex-direction:column;gap:.25rem}.info-content a,.phone-list a{color:#667eea;font-size:.9rem;text-decoration:none;transition:color .3s ease}.info-content a:hover,.phone-list a:hover{color:#764ba2}.status-online{align-items:center;color:#22c55e;display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-top:.5rem}.map-link{color:inherit;display:block;text-decoration:none}.map-preview{align-items:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:15px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.map-preview:hover{background:#ffffff1a;border-color:#667eea;transform:translateY(-2px)}.map-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.map-icon svg{color:#fff;height:24px;width:24px}.map-content h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.map-content p{color:#ffffffb3;font-size:.85rem;margin:0}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.contact-stat-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}.contact-stat-item:hover{background:#ffffff1f;border-color:#667eea66;box-shadow:0 8px 32px #667eea33;transform:translateY(-3px)}.stat-number{color:#667eea;display:block;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#ffffffb3;font-size:.8rem;font-weight:500;line-height:1.2}@media (max-width:1200px){.contact-main{gap:3rem;grid-template-columns:1fr}.info-section{margin:0 auto;max-width:600px}}@media (max-width:900px){.quick-contact-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.contact-card{flex-direction:column;padding:1.25rem;text-align:center}.contact-card-content h3{font-size:.9rem}.contact-card-content p{font-size:.75rem}}@media (max-width:768px){.contact-container{padding:0 1rem}.contact-hero{padding:1.5rem 0 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.quick-contact-grid{gap:1rem;grid-template-columns:1fr}.contact-card{flex-direction:row;text-align:left}.form-section{padding:2rem}.contact-form-grid{gap:1rem;grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.contact-section-header h2{font-size:1.5rem}}@media (max-width:480px){.contact-hero{padding:1rem 0 .5rem}.hero-title{font-size:2rem}.form-section,.info-card,.map-card{padding:1.5rem}.contact-card{padding:1rem}.contact-card-icon{height:40px;width:40px}.contact-card-icon svg{height:20px;width:20px}.stats-grid{gap:.75rem;grid-template-columns:1fr}.contact-stat-item{padding:1rem}.stat-number{font-size:1.5rem}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.login-background{background:linear-gradient(135deg,#667eea,#764ba2);z-index:-2}.login-background,.login-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.login-overlay{background:#0000004d;z-index:-1}.login-content{max-width:400px;width:100%;z-index:1}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:2.5rem}.login-header{margin-bottom:2rem;text-align:center}.login-logo{margin-bottom:1rem}.logo-image{border-radius:12px;height:60px;object-fit:cover;width:60px}.login-title{color:#1a1a2e;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#666;font-size:1rem;margin:0}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;font-size:.875rem;padding:.75rem;text-align:center}.error-message,.form-group,.login-form{margin-bottom:1.5rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-input-container{position:relative}.password-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#374151}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fffffff2;color:#6b7280;font-size:.875rem;padding:0 1rem;position:relative}.google-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.google-button:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.google-button:disabled{cursor:not-allowed;opacity:.7}.google-icon{color:#ea4335;font-size:1.25rem}.login-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:480px){.login-container{padding:1rem}.login-card{padding:2rem}.login-title{font-size:1.75rem}}.salario-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.salario-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.salario-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-left{flex:1 1}.salario-title{align-items:center;color:#1a1a2e;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;margin-bottom:.5rem}.title-icon{color:#667eea}.welcome-text{color:#6b7280;font-size:1.1rem;margin:0}.logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.logout-btn:hover{box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.salario-controls{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.month-selector{align-items:center;display:flex;gap:1rem}.month-selector label{align-items:center;color:#374151;display:flex;font-weight:600;gap:.5rem}.month-input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.month-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.add-employee-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-employee-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.salario-stats-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.salario-stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.salario-stat-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.salario-stat-icon{align-items:center;border-radius:15px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.salario-stat-icon.users{background:linear-gradient(135deg,#667eea,#764ba2)}.salario-stat-icon.money,.salario-stat-icon.paid{background:linear-gradient(135deg,#10b981,#059669)}.salario-stat-icon.clock{background:linear-gradient(135deg,#f59e0b,#d97706)}.salario-stat-icon.overtime{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.salario-stat-content h3{color:#1a1a2e;font-size:2rem;font-weight:700;margin:0 0 .25rem}.salario-stat-content p{color:#6b7280;font-weight:500;margin:0}.employees-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.salario-section-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;padding:2rem}.salario-section-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.no-employees{padding:4rem 2rem}.no-employees-icon{color:#d1d5db;font-size:4rem;margin-bottom:1rem}.no-employees h3{color:#374151;font-size:1.5rem;margin-bottom:.5rem}.no-employees p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.add-first-employee-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 auto;padding:1rem 2rem;transition:all .3s ease}.add-first-employee-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.employees-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr!important;margin:0;max-width:none;padding:.5rem 0;width:100%}.compact-card{flex-direction:column;margin-bottom:.2rem;max-height:none;min-height:0;min-height:auto;padding:0;width:100%}.employee-card-row{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000008;box-sizing:border-box;min-height:48px;padding:.7rem 1rem;transition:box-shadow .2s;width:100%}.employee-card-row:hover{box-shadow:0 3px 12px #667eea14}.employee-card-details{animation:accordionOpen .2s cubic-bezier(.4,0,.2,1);border-radius:0 0 10px 10px;box-sizing:border-box;font-size:.97rem;margin-top:-2px;padding:.7rem 1rem .7rem 2.7rem;width:100%}@keyframes accordionOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.accordion-toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:1.2rem;padding:0 .2rem;transition:color .2s}.accordion-toggle-btn:hover{color:#3b82f6}.employee-avatar{background:#667eea;font-size:1rem;font-weight:700;height:32px;width:32px}.employee-card-row>div>div{font-size:1rem}.employee-card-row>div>div:first-child{font-size:1.05rem;font-weight:600}.employee-stats{grid-gap:.3rem;gap:.3rem;grid-template-columns:repeat(2,1fr);margin-bottom:.5rem}.salario-stat-item{background:#f6f8fa;border-radius:6px;font-size:.97rem;margin-bottom:0;padding:.3rem .5rem}.stat-label{font-size:.85rem;gap:.3rem}.stat-value{font-size:1rem}.employee-payment{padding:.2rem 0 0}.payment-breakdown{margin-bottom:.3rem}.payment-item{font-size:.95rem;padding:.2rem 0}.payment-actions{gap:.3rem;margin:.3rem 0}.advance-btn,.bank-payment-btn,.hours-entry-btn,.payment-actions button{border-radius:6px;font-size:.85rem;min-width:0;min-width:auto;padding:.3rem .5rem}.carry-over-payment,.payable-amount,.total-paid-amount,.total-payment{border-radius:6px;font-size:.97rem;margin-bottom:.2rem;padding:.3rem .5rem}.continue-working-section{margin-top:.2rem;padding-top:.2rem}.continue-working-btn{border-radius:6px;padding:.3rem .5rem}.transaction-history{font-size:.92rem;margin-top:.2rem;padding:.2rem .5rem}.transaction-item{font-size:.92rem;padding:.1rem 0}@media (max-width:600px){.employees-grid{padding:0}.employee-card-details{padding-left:.7rem}.employee-card-row{min-height:36px;padding:.5rem}.employee-avatar{font-size:.85rem;height:24px;width:24px}}.employee-card{align-items:stretch;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:row;max-height:none;min-height:0;min-height:auto;overflow:visible;position:relative;transition:all .3s ease}.employee-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.employee-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.employee-card:hover:before{opacity:1}.employee-card-header{background:#f8fafc80;border-bottom:none;border-right:1px solid #f1f5f9;display:flex;flex:1.2 1;flex-direction:column;justify-content:center;min-width:0;padding:1.2rem 1rem 1.2rem 1.2rem}.employee-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:600;height:70px;justify-content:center;margin-right:1.5rem;width:70px}.employee-info{flex:1 1;min-width:0;padding-right:.5rem}.employee-info h3{word-wrap:break-word;color:#1e293b;font-size:1.6rem;font-weight:600;line-height:1.3;margin:0 0 .6rem;overflow-wrap:break-word;white-space:normal}.employee-role{color:#64748b;font-size:1.1rem;font-weight:500;margin:0 0 .7rem}.employee-iban,.employee-tc{word-wrap:break-word;color:#64748b;font-family:Courier New,monospace;font-size:1rem;font-weight:500;line-height:1.5;margin:.3rem 0;overflow-wrap:break-word;white-space:normal}.employee-actions{align-items:flex-end;flex-direction:column;gap:.5rem;min-width:60px}.delete-btn,.edit-btn,.view-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;height:48px;justify-content:center;margin-bottom:.5rem;padding:.8rem;transition:all .2s ease;width:48px}.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.view-btn:hover{box-shadow:0 2px 8px #3b82f64d;transform:scale(1.05)}.edit-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.edit-btn:hover{box-shadow:0 2px 8px #f59e0b4d;transform:scale(1.05)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{box-shadow:0 2px 8px #ef44444d;transform:scale(1.05)}.employee-stats{grid-gap:.7rem;background:#fafbfc;display:grid;flex:2 1;gap:.7rem;grid-template-columns:1fr 1fr;min-width:0;padding:1.2rem 1rem}.salario-stat-item{background:#fff;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;transition:all .2s ease}.salario-stat-item:hover{border-color:#e2e8f0;transform:translateY(-1px)}.stat-label{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.6rem;letter-spacing:.025em;text-transform:uppercase}.stat-label svg{color:#94a3b8;font-size:.9rem}.stat-value{color:#1e293b;font-size:1.2rem;line-height:1.2}.employee-payment{background:#fafbfc;gap:.7rem;grid-template-columns:1fr 1fr;padding:.5rem 1rem 1.2rem}.employee-body{padding:1.2rem}.total-payment{background:linear-gradient(135deg,#10b981,#059669);color:#fff;overflow:hidden;padding:.8rem;position:relative;text-align:center}.total-payment:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.total-payment:hover:before{left:100%}.total-payment.negative{background:linear-gradient(135deg,#ef4444,#dc2626)}.total-payment .label{font-size:.8rem;font-weight:500;margin-bottom:.2rem;opacity:.9}.total-payment .amount{font-size:1.2rem;position:relative;z-index:1}.total-payment .amount.negative-amount{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;display:inline-block;padding:.3rem .6rem}.payment-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.3rem;justify-content:center;padding:.5rem .8rem;transition:all .2s ease}.payment-actions button:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.payment-actions button:active{transform:translateY(0)}.continue-working-section{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.6rem;padding-top:.8rem}.continue-working-section .continue-working-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.continue-working-section .continue-working-btn,.continue-working-section .payment-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;overflow:hidden;padding:.7rem;position:relative;transition:all .3s ease;width:100%}.continue-working-section .payment-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.continue-working-section button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.continue-working-section .continue-working-btn:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-1px)}.continue-working-section .payment-btn:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}.continue-working-section button:hover:before{left:100%}.continue-working-section button:active{transform:translateY(0)}.transaction-history{border-top:1px solid #f1f5f9;margin-top:.8rem;padding-top:.8rem}.transaction-history h4{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.025em;margin:0 0 .5rem;text-transform:uppercase}.transaction-item{border-bottom:1px solid #f8fafc;padding:.4rem 0}.transaction-type{color:#64748b;font-weight:500}.transaction-amount{color:#1e293b;font-weight:600}.payment-breakdown{margin-bottom:.875rem}.payment-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:.8rem;justify-content:space-between;padding:.5rem 0}.payment-item:last-child{border-bottom:none}.payment-item.negative span:last-child{color:#ef4444}.payment-actions{gap:.6rem;margin:.8rem 0}.hours-entry-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;justify-content:center;margin-bottom:.6rem;padding:.7rem .9rem;transition:all .2s ease;width:100%}.hours-entry-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.advance-btn,.bank-payment-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:.4rem;justify-content:center;min-width:110px;padding:.7rem .9rem;transition:all .2s ease}.advance-btn:hover{box-shadow:0 2px 8px #f59e0b4d}.bank-payment-btn:hover{box-shadow:0 2px 8px #3b82f64d}.payable-amount{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px;display:flex;gap:.6rem;margin-bottom:.6rem;padding:.9rem}.payable-amount svg{color:#1976d2;font-size:1.1rem}.payable-amount span:first-of-type{color:#1565c0;font-size:.9rem;font-weight:600}.payable-amount .amount{color:#0d47a1;font-size:1.1rem;font-weight:700;margin-left:auto}.carry-over-payment{align-items:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d;border-radius:8px;display:flex;gap:.6rem;margin-bottom:.8rem;padding:.8rem;transition:all .3s ease}.carry-over-payment:hover{box-shadow:0 4px 12px #ff980026;transform:translateY(-1px)}.carry-over-payment svg{color:#f57c00;font-size:1rem}.carry-over-payment span:first-of-type{color:#e65100;font-size:.85rem;font-weight:600}.carry-over-payment .amount{font-size:1rem;font-weight:700;margin-left:auto}.carry-over-payment .negative-amount{color:#d84315;font-weight:800}.total-payment{align-items:center;background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #ce93d8;border-radius:8px;display:flex;gap:.6rem;margin-bottom:.8rem;padding:.9rem;transition:all .3s ease}.total-payment:hover{box-shadow:0 4px 12px #9c27b026;transform:translateY(-1px)}.total-payment.negative{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#ef5350}.total-payment svg{color:#7b1fa2;font-size:1.1rem}.total-payment.negative svg{color:#d32f2f}.total-payment span:first-of-type{color:#6a1b9a;font-size:.9rem;font-weight:600}.total-payment.negative span:first-of-type{color:#c62828}.total-payment .amount{font-size:1.1rem;font-weight:700;margin-left:auto}.total-payment .positive-amount{color:#4a148c}.total-payment .negative-amount{color:#b71c1c;font-weight:800}.payment-button-section{display:flex;justify-content:center;margin:.75rem 0}.payment-button-section .payment-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.payment-button-section .payment-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.payment-type{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.25rem}.payment-type svg{font-size:.9rem}.payment-history-item .payment-info{display:flex;flex-direction:column;gap:.25rem}.payment-history-item .payment-amount{color:#059669;font-size:1rem;font-weight:700}.payment-history-item .payment-date{color:#6b7280;font-size:.8rem}.total-paid-amount{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;box-shadow:0 2px 8px #10b9814d;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;justify-content:space-between;margin-top:.75rem;padding:.75rem 1rem}.total-paid-amount svg{color:#fff;font-size:1rem}.total-paid-amount span:first-of-type{color:#fff;font-size:.9rem;font-weight:600}.total-paid-amount .amount.paid{color:#fff;font-size:1.1rem;font-weight:800;margin-left:auto;text-align:right}.continue-working-section{margin-top:.8rem}.continue-working-btn{border-radius:10px;gap:.6rem;padding:.9rem 1rem;transition:all .2s ease}.continue-working-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 3px 12px #3b82f64d;transform:translateY(-1px)}.transaction-history{margin-top:.75rem;padding:.75rem}.transaction-history h5{font-size:.75rem;gap:.375rem;letter-spacing:.025em;margin:0 0 .5rem;text-transform:uppercase}.transaction-item{font-size:.75rem;padding:.375rem 0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.modal,.modal-content{animation:modalSlideIn .3s ease-out;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-content{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.new-employee-modal{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;max-height:90vh;max-width:900px;overflow-y:auto}.form-grid{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.form-section{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.form-section h3{align-items:center;color:#1976d2;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.form-section h3 svg{color:#1976d2}.readonly-input{background-color:#f5f5f5!important;color:#6c757d;cursor:not-allowed}.form-group small{color:#666;display:block;font-size:.8rem;margin-top:.25rem}.work-summary{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-around;margin:1rem 0;padding:1rem}.summary-item{color:#000!important;font-weight:500;gap:.5rem}.summary-item span{color:#000!important;font-weight:600}.summary-item svg{color:#1976d2;font-size:1.2rem}.search-modal{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;max-height:80vh;max-width:700px;overflow-y:auto}.search-content{padding:1rem 0}.search-input-group{margin-bottom:1.5rem;position:relative}.search-input-group svg{color:#6c757d;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.search-results h3{color:#2c3e50;margin-bottom:1rem}.results-list{display:flex;flex-direction:column;gap:.75rem}.result-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.result-item:hover{background:#e9ecef;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.employee-info h4{color:#2c3e50;font-weight:600;margin:0 0 .25rem}.employee-info p{color:#6c757d;font-size:.875rem;margin:.125rem 0}.history-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.history-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.no-results{color:#6c757d;padding:2rem;text-align:center}.history-modal{max-height:90vh;max-width:1000px;overflow-y:auto}.history-content{padding:1rem 0}.history-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:1.5rem;text-align:center}.summary-card h4{font-size:.9rem;margin:0 0 .5rem;opacity:.9}.summary-card span{font-size:1.5rem;font-weight:700}.history-table{margin-bottom:1.5rem;overflow-x:auto}.history-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.history-table td,.history-table th{border-bottom:1px solid #e9ecef;padding:.75rem;text-align:left}.history-table th{color:#2c3e50;font-weight:600}.history-table th,.history-table tr:hover{background:#f8f9fa}.history-actions{text-align:center}.export-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.export-btn:hover{box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.continue-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.continue-btn:hover{box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.continue-working-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.continue-working-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.continue-working-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.search-employee-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px}.search-employee-btn:hover{box-shadow:0 4px 12px #667eea66}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #fff3;border-radius:20px 20px 0 0;color:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:space-between;padding:1.5rem}.modal-header h2,.modal-header h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0;text-shadow:0 1px 2px #0000001a}.modal-header h3{font-size:1.25rem}.close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-btn:hover{background:#fff3;transform:scale(1.1)}.employee-form{padding:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.work-days-section{margin:2rem 0}.work-days-section h4{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.days-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.day-input.has-hours,.day-input.has-hours input{background-color:#d4edda!important;border-color:#28a745!important}.day-input.has-hours input{color:#155724!important;font-weight:600}.day-input{cursor:pointer;transition:all .3s ease}.day-input:hover{box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.day-input.weekend{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107}.day-input.holiday{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545}.day-input label{align-items:center;color:#495057;display:flex;flex-direction:column;font-weight:600;gap:2px;margin:0}.day-input.weekend label{color:#856404}.day-input.holiday label{color:#721c24;font-weight:700}.day-input .day-number{font-size:16px;font-weight:700}.day-input .day-name{font-size:10px;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.day-input input{border:1px solid #ced4da;border-radius:6px;font-weight:600;padding:8px;text-align:center;transition:all .3s ease;width:60px}.day-input input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.day-input.weekend input:focus{border-color:#ffc107;box-shadow:0 0 0 3px #ffc1071a}.day-input.holiday input:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.cancel-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{background:#4b5563}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.save-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.employee-details-modal{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:1000px;overflow-y:auto;width:100%}.employee-details-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;padding:1.5rem}.employee-details-modal .modal-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.employee-details-modal .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.employee-details-modal .close-btn:hover{background:#fff3;transform:scale(1.1)}.employee-summary{background:#f8fafc;padding:2rem}.summary-card{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;gap:1rem;padding:1.5rem}.summary-item svg{color:#667eea;font-size:1.5rem}.summary-item .label{color:#6b7280;display:block;font-size:.875rem;margin-bottom:.25rem}.summary-item .value{color:#1a1a2e;display:block;font-size:1.25rem;font-weight:700}.work-hours-calendar{padding:2rem}.work-hours-calendar h3{align-items:center;color:#1a1a2e;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.calendar-grid{grid-gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:2rem;padding:1rem}.calendar-day{align-items:center;aspect-ratio:1;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:80px;overflow:hidden;padding:8px 6px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-day:hover{border-color:#3b82f6;box-shadow:0 12px 30px #00000026;transform:translateY(-3px)}.calendar-day.worked{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 15px #10b9814d;color:#fff}.calendar-day.overtime{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;box-shadow:0 4px 15px #8b5cf64d;color:#fff}.calendar-day.weekend{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e;font-weight:600}.calendar-day.holiday{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef4444;color:#991b1b;font-weight:700;position:relative}.calendar-day.holiday:before{content:"🎉";font-size:10px;position:absolute;right:2px;top:2px}.calendar-day.absent{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#374151;color:#fff;font-weight:700}.calendar-day.absent:hover{background:linear-gradient(135deg,#4b5563,#374151)}.day-number{font-size:1.1rem;font-weight:700;line-height:1;margin-bottom:2px}.day-name{font-size:.6rem;font-weight:600;letter-spacing:.5px;line-height:1;margin-bottom:4px;opacity:.9;text-transform:uppercase}.day-hours{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:6px;font-size:.7rem;font-weight:700;margin-top:auto;padding:2px 6px}.absent-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.6rem;margin-top:2px;padding:2px 6px;transition:background .2s}.absent-btn:hover{background:#dc2626}.absent-indicator{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:.7rem;font-weight:700;text-align:center}.absent-reason{font-size:.6rem;margin-top:2px;max-width:100%;opacity:.9;overflow:hidden;position:relative;white-space:nowrap}.absent-reason:hover{animation:marquee 3s linear infinite}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.absent-reason.long-text{animation:marquee 4s linear infinite}.absent-reason.long-text:hover{animation-play-state:paused}.overtime-indicator{align-items:center;background:#ffffffe6;border-radius:50%;color:#fbbf24;display:flex;font-size:.6rem;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.calendar-legend{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:20px;padding:20px}.legend-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:8px 12px;transition:all .3s ease}.legend-item:hover{box-shadow:0 4px 15px #0000001f;transform:translateY(-2px)}.legend-color{border:2px solid #0000;border-radius:8px;box-shadow:0 2px 6px #0000001a;height:24px;width:24px}.legend-color.normal{background:linear-gradient(135deg,#10b981,#059669)}.legend-color.overtime{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.legend-color.weekend{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.legend-color.holiday{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef4444}.legend-color.no-work{background:#272727;border-color:#272727}.payment-details{background:#f8fafc;padding:2rem}.payment-details h3{align-items:center;color:#1a1a2e;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.payment-breakdown-detailed{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden}.payment-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;padding:1rem 1.5rem}.payment-row:last-child{border-bottom:none}.payment-row.negative{color:#ef4444}.payment-row.carry-over{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;color:#d97706;font-weight:600}.payment-row.total{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.125rem;font-weight:700}@media (max-width:1400px){.employees-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:.8rem}}@media (max-width:1200px){.employees-grid{gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:100%}.employee-card{padding:1rem}.employee-card-header{padding:.8rem .8rem .6rem}.employee-body{padding:1rem}}@media (max-width:1400px){.employees-grid{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:1.5rem}}@media (max-width:1200px){.employees-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1.2rem}}@media (max-width:768px){.salario-container{padding:1rem}.salario-header{text-align:center}.salario-controls,.salario-header{flex-direction:column;gap:1rem}.employees-grid,.stats-cards{grid-template-columns:1fr}.employees-grid{padding:1rem}.employee-card{max-width:100%}.employee-card-header{align-items:flex-start;flex-direction:row;min-height:auto;padding:1.2rem}.employee-actions{flex-direction:row;gap:.5rem;min-width:auto}.delete-btn,.edit-btn,.view-btn{height:38px;margin-bottom:0;width:38px}.employee-stats{gap:.8rem;grid-template-columns:1fr 1fr;padding:1.2rem}.salario-stat-item{padding:.8rem}.stat-label{font-size:.8rem}.stat-value{font-size:1rem}.form-row{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(4,1fr)}.payment-row,.summary-card{grid-template-columns:1fr}.payment-row{gap:.5rem;text-align:center}.form-grid{gap:1rem;grid-template-columns:1fr}.work-summary{flex-direction:column;gap:.5rem}.history-summary{grid-template-columns:1fr}}@media (max-width:480px){.employees-grid{padding:0}.employee-card-header{align-items:flex-start;flex-direction:column;gap:.8rem}.employee-actions{align-self:flex-end}.employee-stats,.payment-actions{gap:.5rem;grid-template-columns:1fr}.modal-overlay{align-items:flex-start;padding:2rem .5rem .5rem}.employee-details-modal,.history-modal,.modal,.modal-content,.new-employee-modal,.search-modal{border-radius:15px;margin:0;max-height:95vh;max-width:100vw;width:100%}.employee-details-modal .modal-header{border-radius:15px 15px 0 0;padding:1rem}.employee-details-modal .modal-header h2{font-size:1.25rem}.form-section{padding:1rem}.form-section h3{font-size:1rem}.search-input{font-size:16px}.result-item{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.employee-info h4{font-size:1rem}.employee-info p,.history-btn{font-size:.8rem}.history-btn{padding:.4rem .8rem}.calendar-day{min-height:80px;padding:4px}.day-number{font-size:.9rem}.day-name{font-size:.55rem}.day-hours{font-size:.65rem}.legend-item{font-size:.75rem}.legend-color{height:16px;width:16px}.work-summary{padding:.75rem}.summary-item{font-size:.8rem}.summary-item svg{font-size:1rem}}.payment-modal{max-width:500px;width:90%}.payment-info{margin-bottom:2rem}.payment-summary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.summary-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 0}.summary-item:last-child{border-bottom:none}.summary-item.remaining{background:#10b9811a;border-radius:0 0 12px 12px;color:#059669;font-size:1.125rem;font-weight:700;margin:.5rem -1.5rem -1.5rem;padding:1rem 1.5rem}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.payment-form .form-group{display:flex;flex-direction:column;gap:.5rem}.payment-form .form-group label{color:#374151;font-size:1rem;font-weight:600}.payment-form .form-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.875rem;transition:all .2s ease}.payment-form .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.payment-form .form-group small{color:#6b7280;font-size:.875rem}.payment-submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.payment-submit-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.payment-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.5rem;transition:all .2s ease}.payment-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.stat-icon.paid{background:linear-gradient(135deg,#10b981,#059669)}.payment-history{border-top:2px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.payment-history h4{align-items:center;color:#374151;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.payment-history h4 svg{color:#6b7280}.payment-history-list{display:flex;flex-direction:column;gap:.75rem}.payment-history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .2s ease}.payment-history-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.payment-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.payment-amount{color:#059669;font-size:1.125rem;font-weight:700}.payment-date{color:#6b7280;font-size:.875rem}.payment-by{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem}.payment-by svg{color:#6b7280;font-size:.75rem}.payment-status-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.payment-row.paid{color:#059669;font-weight:600}.payment-row.remaining{color:#dc2626;font-size:1.125rem;font-weight:700}.payment-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.advance-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.625rem 1rem;transition:all .2s ease}.advance-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 3px 10px #f59e0b4d;transform:translateY(-1px)}.bank-payment-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.625rem 1rem;transition:all .2s ease}.bank-payment-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 3px 10px #3b82f64d;transform:translateY(-1px)}.advance-submit-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.advance-submit-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.bank-payment-submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.bank-payment-submit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.transaction-history{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem}.transaction-history h5{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.transaction-history h5 svg{font-size:.75rem}.transaction-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:.8rem;justify-content:space-between;padding:.5rem 0}.transaction-item:last-child{border-bottom:none}.transaction-item span:first-child{color:#6b7280}.transaction-item span:last-child{color:#374151;font-weight:600}@media (max-width:768px){.payment-actions{flex-direction:column}.advance-btn,.bank-payment-btn{flex:none;min-width:auto}}.negative-amount{background:#dc26261a;border-radius:4px;color:#dc2626!important;font-weight:700;padding:.25rem .5rem}.positive-amount{color:#059669!important;font-weight:600}@media (max-width:900px){.employees-grid{grid-template-columns:1fr!important}.employee-card{flex-direction:column;max-height:none}}.modern-action-btn-group{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.modern-action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;box-shadow:0 1px 2px #00000008;color:#374151;cursor:pointer;display:flex;flex:1 1 90px;font-size:.97rem;font-weight:500;gap:.3rem;justify-content:center;max-width:120px;min-width:90px;padding:.32rem .7rem;text-align:center;transition:background .18s,color .18s,box-shadow .18s}.modern-action-btn-group .modern-action-btn{margin-left:0}@media (max-width:900px){.modern-action-btn{font-size:.91rem;max-width:100px;min-width:70px;padding:.22rem .5rem}.modern-action-btn-group{gap:.2rem}}@media (max-width:600px){.employee-card-row{align-items:flex-start!important;box-sizing:border-box;flex-direction:column;min-width:0;overflow-x:visible;padding:.5rem .3rem;width:100%}.modern-action-btn-group{flex-wrap:wrap;gap:.15rem;justify-content:flex-start;margin-top:.3rem;width:100%}.modern-action-btn{flex:1 1 45%;font-size:.89rem;margin-bottom:.15rem;max-width:100%;min-width:60px;padding:.18rem .3rem;word-break:break-word}}@media (max-width:768px){.salario-container{padding:1rem}.salario-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.salario-title{font-size:2rem}.salario-controls{flex-direction:column;gap:1rem;padding:1rem}.month-selector{flex-direction:column;gap:.5rem;width:100%}.month-input{width:100%}.salario-stats-cards{gap:1rem;grid-template-columns:1fr}.salario-stat-card{padding:1.5rem}.employees-grid{gap:1rem;grid-template-columns:1fr!important}.employee-card{margin-bottom:1rem}.employee-card-row{align-items:flex-start!important;flex-direction:column;gap:.75rem;padding:1rem}.employee-info{margin-bottom:.5rem;width:100%}.employee-avatar{height:50px;width:50px}.employee-name{font-size:1.1rem}.employee-tc{font-size:.85rem}.payment-display{flex-direction:column;gap:.5rem;margin-bottom:.75rem;width:100%}.payment-item{justify-content:space-between;width:100%}.modern-action-btn-group{gap:.4rem;grid-template-columns:repeat(6,1fr)!important;margin-top:.75rem;width:100%}.modern-action-btn{font-size:.7rem!important;min-height:42px!important;overflow:hidden;padding:.65rem .3rem!important;text-overflow:ellipsis;white-space:nowrap}.employee-card-details{padding:1rem}.employee-stats{gap:.75rem}.employee-stats,.payment-breakdown{grid-template-columns:1fr!important}}@media (max-width:480px){.salario-container{padding:.5rem}.salario-header{padding:1rem}.salario-title{font-size:1.75rem}.salario-controls{padding:.75rem}.salario-stat-card{flex-direction:column;padding:1rem;text-align:center}.salario-stat-icon{font-size:1.25rem;height:50px;width:50px}.employee-card-row{padding:.75rem}.employee-avatar{height:45px;width:45px}.employee-name{font-size:1rem}.modern-action-btn-group{gap:.3rem;grid-template-columns:repeat(3,1fr)!important}.modern-action-btn{font-size:.65rem!important;min-height:38px!important;padding:.55rem .2rem!important}.modern-action-btn svg{font-size:.8rem!important;margin-right:2px!important}.employee-card-details{padding:.75rem}.employee-stats{gap:.5rem}.salario-stat-item{padding:.5rem!important}.stat-label{font-size:.8rem!important}.stat-value{font-size:1rem!important}.payment-breakdown{gap:.5rem}.payment-item{font-size:.85rem;padding:.4rem!important}}@media (max-width:360px){.modern-action-btn-group{grid-template-columns:repeat(3,1fr)!important}.modern-action-btn{font-size:.6rem!important;min-height:36px!important;padding:.5rem .15rem!important}.employee-name{font-size:.9rem}.employee-tc{font-size:.75rem}}@media (max-width:768px){.employee-card .payment-info-container{gap:.3rem!important;min-width:100%!important}.employee-card .payment-info-row{flex-wrap:wrap;gap:.5rem!important}.employee-card .payment-info-item{flex:1 1!important;min-width:120px}.employee-card .payment-info-item span:first-child{font-size:.75rem!important}.employee-card .payment-info-item span:last-child{font-size:1rem!important}}@media (max-width:480px){.employee-card .payment-info-container{gap:.2rem!important}.employee-card .payment-info-row{gap:.3rem!important}.employee-card .payment-info-item{min-width:100px}.employee-card .payment-info-item span:first-child{font-size:.7rem!important}.employee-card .payment-info-item span:last-child{font-size:.9rem!important}.accordion-toggle-btn{font-size:1rem!important;margin-left:.2rem!important}}@media (max-width:360px){.employee-card .payment-info-item{min-width:90px}.employee-card .payment-info-item span:first-child{font-size:.65rem!important}.employee-card .payment-info-item span:last-child{font-size:.85rem!important}}.location-controls{align-items:center;display:flex;gap:1rem}.location-selector,.location-selector label{align-items:center;display:flex;gap:.5rem}.location-selector label{color:#374151;font-weight:600}.location-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;min-width:180px;padding:.75rem 1rem;transition:all .3s ease}.location-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.location-manager-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.location-manager-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.location-manager-modal{max-width:600px;width:90%}.location-manager-content{padding:1rem 0}.location-manager-header{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.add-location-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-location-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.locations-list{display:flex;flex-direction:column;gap:1rem}.no-locations{color:#6b7280;padding:3rem;text-align:center}.no-locations svg{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.location-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.location-item:hover{background:#f1f5f9;border-color:#667eea}.location-info{flex:1 1}.location-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.location-header h4{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.employee-count{background:#667eea;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.location-address{color:#6b7280;font-size:.95rem;margin:.5rem 0}.location-description{color:#6b7280;font-size:.9rem;font-style:italic;margin:.5rem 0}.location-actions{display:flex;gap:.5rem}.delete-location-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.delete-location-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.delete-location-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.add-location-modal{max-width:500px;width:90%}.location-form{display:flex;flex-direction:column;gap:1.5rem}.location-form .form-group{display:flex;flex-direction:column;gap:.5rem}.location-form label{color:#374151;font-weight:600}.location-form input,.location-form textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;resize:vertical;transition:all .3s ease}.location-form input:focus,.location-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-employee-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.search-employee-btn:hover{box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}@media (max-width:768px){.location-controls{align-items:stretch;flex-direction:column;gap:1rem}.location-selector{justify-content:space-between}.location-select{flex:1 1;min-width:auto}.location-item{flex-direction:column;gap:1rem}.location-header{align-items:flex-start;flex-direction:column;gap:.5rem}.location-actions{align-self:flex-end}}@media (max-width:480px){.salario-controls{align-items:stretch;flex-direction:column;gap:1rem}.location-controls,.month-selector{justify-content:space-between}.add-employee-btn,.location-manager-btn,.search-employee-btn{justify-content:center;width:100%}.add-location-modal,.location-manager-modal{margin:1rem;width:95%}}.location-manager-modal{max-height:80vh;max-width:800px;overflow-y:auto}.location-employees{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-top:15px;padding:15px}.location-employees h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 15px}.employees-in-location{display:flex;flex-direction:column;gap:10px}.employee-in-location{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.employee-in-location:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.employee-info{display:flex;flex-direction:column;gap:4px}.employee-name{color:#212529;font-size:14px;font-weight:600}.employee-tc{color:#6c757d}.employee-location-actions{display:flex;gap:8px}.change-location-btn,.remove-from-location-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:6px 8px;transition:all .2s ease}.change-location-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.change-location-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-1px)}.remove-from-location-btn{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff}.remove-from-location-btn:hover{background:linear-gradient(135deg,#c82333,#e8650e);transform:translateY(-1px)}.location-change-modal{max-width:500px}.employee-info-section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:20px;padding:20px}.employee-info-section h3{color:#495057;font-size:16px;font-weight:600;margin:0 0 15px}.employee-info-section p{color:#6c757d;font-size:14px;margin:8px 0}.employee-info-section strong{color:#495057;font-weight:600}.location-change-form .form-group{margin-bottom:20px}.location-change-form label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.location-change-form select{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.location-change-form select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}@media (max-width:768px){.employee-in-location{align-items:flex-start;flex-direction:column;gap:10px}.employee-location-actions{align-self:flex-end}.location-change-modal,.location-manager-modal{margin:10px;max-width:95%}}.clickable-location-header{border-radius:6px;cursor:pointer;margin:-8px;padding:8px;transition:all .2s ease}.clickable-location-header:hover{background:#007bff0d;transform:translateY(-1px)}.location-total-payment{color:#28a745;font-size:12px;font-weight:600;margin-left:8px}.location-details-modal{max-height:85vh;max-width:900px;overflow-y:auto}.location-details-content{padding:20px}.location-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:8px;margin-bottom:25px;padding:20px}.location-summary h3{color:#495057;font-size:18px;font-weight:600;margin:0 0 15px}.summary-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px}.stat-label{color:#6c757d;font-size:14px;font-weight:600}.stat-value{color:#007bff;font-size:16px;font-weight:700}.no-employees{color:#6c757d;font-style:italic;padding:40px;text-align:center}.employees-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10px}.employees-header h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0}.pdf-export-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 2px 4px #e74c3c33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.pdf-export-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-1px)}.pdf-export-btn:active{box-shadow:0 2px 4px #e74c3c33;transform:translateY(0)}.pdf-export-btn i{font-size:16px}.employees-details h3{color:#495057;font-size:18px;font-weight:600;margin:0 0 20px}.employee-detail-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;overflow:hidden;transition:all .2s ease}.employee-detail-card:hover{border-color:#007bff;box-shadow:0 4px 8px #007bff1a}.employee-header{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.employee-header h4{font-size:16px;font-weight:600;margin:0}.employee-tc{font-size:12px;opacity:.9}.employee-monthly-details{padding:20px}.employee-monthly-details h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 15px}.no-monthly-data{color:#6c757d;font-style:italic;padding:20px;text-align:center}.monthly-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.monthly-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;overflow:hidden;transition:all .2s ease}.monthly-card:hover{border-color:#007bff;box-shadow:0 4px 8px #007bff1a;transform:translateY(-2px)}.month-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:14px;font-weight:600;padding:12px 15px;text-align:center}.month-stats{display:flex;flex-direction:column;gap:6px;padding:15px}.month-stat{align-items:center;border-bottom:1px solid #e9ecef;display:flex;font-size:12px;justify-content:space-between;padding:4px 0}.month-stat:last-child{border-bottom:none}.month-stat .stat-label{color:#6c757d;flex:1 1;font-size:11px;font-weight:500}.month-stat .stat-value{color:#495057;font-size:11px;font-weight:600;min-width:80px;text-align:right}.employee-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.pdf-export-single-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:6px;box-shadow:0 2px 4px #e74c3c33;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.pdf-export-single-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-1px)}.pdf-export-single-btn:active{transform:translateY(0)}.absent-modal{max-width:500px;width:90%}.absent-modal .modal-header{background:linear-gradient(135deg,#ef4444,#dc2626);border-bottom:none;border-radius:12px 12px 0 0;color:#fff;padding:20px}.absent-modal .modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.absent-modal .modal-content{padding:24px}.absent-modal .form-group{margin-bottom:20px}.absent-modal .form-group label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.absent-modal .form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.absent-modal .form-group textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.absent-modal .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.absent-modal .btn-cancel{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.absent-modal .btn-cancel:hover{background:#4b5563}.absent-modal .btn-save{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.absent-modal .btn-save:hover{background:#dc2626}.pdf-export-single-btn i{font-size:14px}.employee-actions .change-location-btn,.employee-actions .remove-from-location-btn{align-items:center;display:flex;font-size:13px;gap:6px;padding:8px 16px}@media (max-width:768px){.location-details-modal{margin:10px;max-width:95%}.monthly-grid,.summary-stats{grid-template-columns:1fr}.employee-header{align-items:flex-start;gap:5px}.employee-actions,.employee-header{flex-direction:column}.employee-actions .change-location-btn,.employee-actions .remove-from-location-btn{justify-content:center;width:100%}}.remove-absent-modal{max-width:500px}.remove-absent-modal .modal-header{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.absent-reason-display{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:15px 0;padding:12px}.absent-reason-display strong{color:#495057;display:block;margin-bottom:8px}.absent-reason-display p{color:#6c757d;font-style:italic;margin:0}.confirmation-text{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-weight:500;margin:15px 0;padding:12px}.remove-absent-modal .confirm-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.remove-absent-modal .confirm-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-1px)}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--dark-gradient:linear-gradient(135deg,#0c0c0c,#1a1a1a 50%,#2d2d2d);--gold-gradient:linear-gradient(135deg,#ffd89b,#19547b);--primary-color:#667eea;--secondary-color:#f5576c;--accent-color:#00f2fe;--dark-primary:#0c0c0c;--dark-secondary:#1a1a1a;--text-dark:#2d3748;--text-light:#a0aec0;--text-white:#fff;--text-color:#2d3748;--background-dark:#0f0f23;--glass-bg:#ffffff14;--glass-border:#ffffff2e;--section-bg:#ffffff05;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border-color:#e5e7eb;--white:#fff;--shadow-primary:0 20px 40px #667eea4d;--shadow-secondary:0 20px 40px #f5576c4d;--shadow-dark:0 25px 50px #0006;--shadow-glass:0 8px 32px #1f26875e}body{animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#0c0c0c,#1a1a1a 50%,#2d2d2d);background:var(--dark-gradient);background-size:400% 400%;color:#2d3748;color:var(--text-dark);font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.App:before{animation:floatingParticles 30s ease-in-out infinite;background:radial-gradient(circle at 10% 20%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#f5576c14 0,#0000 50%),radial-gradient(circle at 40% 40%,#00f2fe0d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes floatingParticles{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}25%{opacity:.8;transform:translateY(-20px) rotate(5deg)}50%{opacity:.4;transform:translateY(-40px) rotate(-3deg)}75%{opacity:.9;transform:translateY(-60px) rotate(8deg)}}main{flex:1 1;position:relative;z-index:1}html{scroll-behavior:smooth}.container{max-width:1200px}.container,.container-xl{margin:0 auto;padding:0 2rem}.container-xl{max-width:1400px}.glass-section{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #1f26875e;box-shadow:var(--shadow-glass);margin:2rem 0;padding:3rem}.section{padding:8rem 0;position:relative}.section-dark{background:#0000;color:#fff;color:var(--text-white)}.heading-primary{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#ffd89b,#19547b);background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:2rem;text-shadow:0 0 30px #ffffff4d}@keyframes textGlow{0%{text-shadow:0 0 20px #667eea80}to{text-shadow:0 0 30px #f5576ccc,0 0 40px #00f2fe99}}.heading-secondary{color:#fff;color:var(--text-white);font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;position:relative}.heading-secondary:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:100px}.heading-tertiary{color:#fff;color:var(--text-white);font-size:2.2rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.text-large{color:#a0aec0;color:var(--text-light);font-size:1.4rem;font-weight:400;line-height:1.7}.btn,.text-center{text-align:center}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.btn:before{background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 20px 40px #667eea4d;box-shadow:var(--shadow-primary);color:#fff;color:var(--text-white)}.btn-primary:hover{box-shadow:0 25px 50px #667eea66;transform:translateY(-3px) scale(1.05)}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);box-shadow:0 20px 40px #f5576c4d;box-shadow:var(--shadow-secondary);color:#fff;color:var(--text-white)}.btn-secondary:hover{box-shadow:0 25px 50px #f5576c66;transform:translateY(-3px) scale(1.05)}.btn-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--shadow-glass);color:#fff;color:var(--text-white)}.btn-glass:hover{background:#ffffff26;transform:translateY(-3px) scale(1.05)}.grid{grid-gap:2.5rem;display:grid;gap:2.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #1f26875e;box-shadow:var(--shadow-glass);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.card:hover:before{transform:scaleX(1)}.card:hover{background:#ffffff1f;box-shadow:0 30px 60px #0000004d;transform:translateY(-10px) rotateX(5deg)}.card-content{color:#fff;color:var(--text-white);padding:2.5rem}.glow-effect{position:relative}.glow-effect:after{background:radial-gradient(circle,#667eea1a 0,#0000 70%);border-radius:50%;content:"";height:120%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:120%;z-index:-1}.glow-effect:hover:after{opacity:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-slide-up{animation:slideInUp .8s ease forwards}.animate-slide-left{animation:slideInLeft .8s ease forwards}.animate-slide-right{animation:slideInRight .8s ease forwards}.animate-fade-in{animation:fadeIn 1s ease forwards}@media (max-width:1024px){.heading-primary{font-size:3.5rem}.heading-secondary{font-size:2.8rem}.grid-4{grid-template-columns:repeat(2,1fr)}.container,.container-xl{padding:0 1.5rem}}@media (max-width:768px){.heading-primary{font-size:2.8rem}.heading-secondary{font-size:2.2rem}.section{padding:5rem 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{font-size:1rem;padding:1rem 2rem}.glass-section{padding:2rem}}@media (max-width:480px){.heading-primary{font-size:2.2rem}.heading-secondary{font-size:1.8rem}.container,.container-xl{padding:0 1rem}.card-content{padding:1.5rem}}
/*# sourceMappingURL=main.5d7fbdfd.css.map*/