.logo-container{display:flex;align-items:center;gap:16px}.logo-container .logo-image-wrapper{width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.logo-container .logo-image-wrapper{width:70px;height:70px}}.logo-container .logo-image-wrapper .logo-image{width:100%;height:100%;object-fit:contain;display:block}.logo-container .logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-container .logo-text .logo-name{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}@media(min-width:768px){.logo-container .logo-text .logo-name{font-size:1.75rem}}.logo-container .logo-text .logo-tagline{font-size:.65rem;color:var(--text-secondary);font-weight:400;margin-top:2px;line-height:1.3}@media(min-width:768px){.logo-container .logo-text .logo-tagline{font-size:.75rem}}.logo-container.compact .logo-image-wrapper{width:50px;height:50px}@media(min-width:768px){.logo-container.compact .logo-image-wrapper{width:60px;height:60px}}.logo-container.compact .logo-text .logo-name{font-size:1.25rem}@media(min-width:768px){.logo-container.compact .logo-text .logo-name{font-size:1.5rem}}.logo-container.compact .logo-text .logo-tagline{font-size:.6rem}@media(min-width:768px){.logo-container.compact .logo-text .logo-tagline{font-size:.7rem}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:transparent;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background-color .3s ease;box-shadow:none;transform:translateY(0)}.header:before{content:"";position:absolute;inset:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask:linear-gradient(to bottom,rgb(0,0,0) 0%,rgb(0,0,0) 85%,rgba(0,0,0,.8) 90%,rgba(0,0,0,.4) 95%,rgba(0,0,0,0) 100%);-webkit-mask:linear-gradient(to bottom,rgb(0,0,0) 0%,rgb(0,0,0) 85%,rgba(0,0,0,.8) 90%,rgba(0,0,0,.4) 95%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:-1}.header.over-hero{background-color:transparent;box-shadow:none}.header.over-hero:before{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.header.over-white{box-shadow:var(--shadow-md);background-color:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header.over-white:before{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header.over-grey{box-shadow:var(--shadow-md);background-color:#f9fafbd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header.over-grey:before{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header.scrolled .logo-container .logo-image-wrapper{width:50px;height:50px}@media(min-width:768px){.header.scrolled .logo-container .logo-image-wrapper{width:60px;height:60px}}.header.scrolled .logo-container .logo-text .logo-name{font-size:1.25rem;color:var(--text-primary)}@media(min-width:768px){.header.scrolled .logo-container .logo-text .logo-name{font-size:1.5rem}}.header.scrolled .logo-container .logo-text .logo-tagline{font-size:.6rem;color:var(--text-secondary)}@media(min-width:768px){.header.scrolled .logo-container .logo-text .logo-tagline{font-size:.7rem}}.header.scrolled .nav a,.header.scrolled .nav .nav-link{color:var(--text-primary)}.header.scrolled .nav a:hover,.header.scrolled .nav .nav-link:hover{color:var(--primary-color)}.header.scrolled .nav a:hover:after,.header.scrolled .nav .nav-link:hover:after{background-color:var(--primary-color)}.header.scrolled .nav .user-menu .nav-user{color:var(--text-primary)}.header.scrolled .nav .user-menu .nav-user:hover{color:var(--primary-color)}.header.scrolled .mobile-menu-toggle span{background-color:var(--text-primary)}.header.scrolled .mobile-menu-toggle span:hover{background-color:var(--primary-color)}.header.scrolled .nav.open{background-color:#fff}.header.scrolled .nav.open a{color:var(--text-primary)}.header.scrolled .nav.open a:hover{color:var(--primary-color)}.header.over-hero .logo-text .logo-name{color:#fff}.header.over-hero .logo-text .logo-tagline{color:#fffc}.header.over-hero .nav a,.header.over-hero .nav .nav-link{color:#ffffffe6}.header.over-hero .nav a:hover,.header.over-hero .nav .nav-link:hover{color:#fff}.header.over-hero .nav a:hover:after,.header.over-hero .nav .nav-link:hover:after{background-color:#fff}.header.over-hero .nav .user-menu .nav-user{color:#ffffffe6}.header.over-hero .nav .user-menu .nav-user:hover{color:#fff}.header.over-hero .mobile-menu-toggle span{background-color:#fff}.header.over-hero .nav.open{background:#1a5f3ff2;backdrop-filter:blur(10px)}.header.over-hero .nav.open a{color:#ffffffe6}.header.over-hero .nav.open a:hover{color:#fff}.header.over-white .logo-text .logo-name{color:var(--text-primary)}.header.over-white .logo-text .logo-tagline{color:var(--text-secondary)}.header.over-white .nav a,.header.over-white .nav .nav-link{color:var(--text-primary)}.header.over-white .nav a:hover,.header.over-white .nav .nav-link:hover{color:var(--primary-color)}.header.over-white .nav a:hover:after,.header.over-white .nav .nav-link:hover:after{background-color:var(--primary-color)}.header.over-white .nav .user-menu .nav-user{color:var(--text-primary)}.header.over-white .nav .user-menu .nav-user:hover{color:var(--primary-color)}.header.over-grey .logo-text .logo-name{color:var(--text-primary)}.header.over-grey .logo-text .logo-tagline{color:var(--text-secondary)}.header.over-grey .nav a,.header.over-grey .nav .nav-link{color:var(--text-primary)}.header.over-grey .nav a:hover,.header.over-grey .nav .nav-link:hover{color:var(--primary-color)}.header.over-grey .nav a:hover:after,.header.over-grey .nav .nav-link:hover:after{background-color:var(--primary-color)}.header.over-grey .nav .user-menu .nav-user{color:var(--text-primary)}.header.over-grey .nav .user-menu .nav-user:hover{color:var(--primary-color)}.header.visible{transform:translateY(0)}.header.hidden{transform:translateY(-100%)}.header .header-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:20px 0}@media(min-width:768px){.header .header-content{padding:24px 0}}.header .nav{display:none;gap:32px;align-items:center}@media(min-width:768px){.header .nav{display:flex}}.header .nav a{font-weight:500;color:#ffffffe6;position:relative;padding:8px 0;text-decoration:none}.header .nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.header .nav a:hover{color:#fff}.header .nav a:hover:after{width:100%;background-color:#fff}.header .nav .nav-link{font-weight:500;color:#ffffffe6;position:relative;padding:8px 0;text-decoration:none;background:none;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem}.header .nav .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.header .nav .nav-link:hover{color:#fff}.header .nav .nav-link:hover:after{width:100%;background-color:#fff}.header .nav .user-menu{position:relative;display:flex;align-items:center}.header .nav .user-menu .nav-user{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:8px 0;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;color:#ffffffe6;transition:color .3s ease}.header .nav .user-menu .nav-user .user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .nav .user-menu .nav-user svg{transition:transform .3s ease}.header .nav .user-menu .nav-user:hover{color:#fff}.header .nav .user-menu .user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:180px;overflow:hidden;z-index:1000;animation:fadeInDown .2s ease}.header .nav .user-menu .user-dropdown a,.header .nav .user-menu .user-dropdown button{display:block;width:100%;padding:12px 16px;text-align:left;background:none;border:none;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;text-decoration:none;font-family:Poppins,sans-serif}.header .nav .user-menu .user-dropdown a:hover,.header .nav .user-menu .user-dropdown button:hover{background-color:var(--bg-light)}.header .nav .user-menu .user-dropdown a:first-child,.header .nav .user-menu .user-dropdown button:first-child{border-bottom:1px solid var(--border-color)}.header .nav .user-menu .user-dropdown button{color:#dc3545}.header .nav .user-menu .user-dropdown button:hover{background-color:#fee;color:#c82333}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header .nav.open{display:flex;flex-direction:column;position:fixed;top:80px;left:0;right:0;padding:24px;box-shadow:var(--shadow-lg);gap:16px;align-items:flex-start;background-color:#fff;z-index:1000}.header .nav.open a{padding:1rem 0;border-bottom:1px solid #eee;width:100%;text-align:left}.header .nav.open a:last-of-type{border-bottom:1px solid #eee}.header .nav.open .btn-login{width:100%;margin-left:0;margin-top:1rem}.header:not(.scrolled) .nav.open{background:linear-gradient(135deg,#1a5f3ffa,#0d4f2ff2);backdrop-filter:blur(10px)}.header:not(.scrolled) .nav.open a{color:#ffffffe6;border-bottom-color:#fff3}.header:not(.scrolled) .nav.open a:hover{color:#fff}.header:not(.scrolled) .nav.open .btn-login{background:#fff;color:var(--primary-color)}.header:not(.scrolled) .nav.open .btn-login:hover{background:#ffffffe6}.header .mobile-menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}@media(min-width:768px){.header .mobile-menu-toggle{display:none}}.header .mobile-menu-toggle span{width:24px;height:2px;background-color:var(--text-primary);transition:var(--transition)}.header .mobile-menu-toggle:hover span{background-color:var(--primary-color)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:80px;overflow:hidden}.hero .hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);background-image:url(https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?w=1920&q=80&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed;z-index:-2;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1a5f3fe6,#0d4f2fd9);z-index:-1}.hero .container{position:relative;z-index:1}.hero .hero-content{text-align:center;color:#fff;max-width:700px;margin:0 auto;padding:60px 0}@media(min-width:768px){.hero .hero-content{padding:80px 0}}.hero .hero-title{font-size:2rem;font-weight:700;margin-bottom:20px;line-height:1.3;color:#fff}@media(min-width:768px){.hero .hero-title{font-size:2.75rem;margin-bottom:24px}}@media(min-width:1024px){.hero .hero-title{font-size:3.25rem}}.hero .hero-title .highlight{color:#fbbf24;display:block;margin-top:6px}.hero .hero-subtitle{font-size:1rem;line-height:1.6;margin-bottom:2rem;color:#ffffffe6;max-width:600px;margin-left:auto;margin-right:auto}@media(min-width:768px){.hero .hero-subtitle{font-size:1.125rem}}.hero .hero-actions{margin-top:2rem}.hero .hero-actions .btn-primary{padding:1rem 2.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;box-shadow:0 4px 15px #1a5f3f4d}.hero .hero-actions .btn-primary:hover{background:#155030;transform:translateY(-2px);box-shadow:0 6px 20px #1a5f3f66}.hero .hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fffc;font-size:.875rem;animation:bounce 2s infinite}.hero .hero-scroll-indicator .scroll-arrow{width:20px;height:20px;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.about{background-color:var(--bg-primary)}.about .about-content{display:flex;flex-direction:column;gap:60px}.about .about-description{max-width:900px;margin:0 auto;text-align:center}.about .about-description .about-intro{font-size:1.375rem;line-height:1.8;color:var(--text-primary);margin-bottom:24px;font-weight:500}@media(min-width:768px){.about .about-description .about-intro{font-size:1.5rem}}.about .about-description p{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin:0}@media(min-width:768px){.about .about-description p{font-size:1.25rem}}.about .about-values .values-title{text-align:center;font-size:2rem;color:var(--text-primary);margin-bottom:48px;font-weight:700}@media(min-width:768px){.about .about-values .values-title{font-size:2.25rem}}.about .about-values .values-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:640px){.about .about-values .values-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:968px){.about .about-values .values-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.about .about-values .value-card{text-align:center;padding:40px 32px;background-color:#fff;border-radius:16px;box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:var(--transition);position:relative;overflow:hidden}.about .about-values .value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform .3s ease}.about .about-values .value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.about .about-values .value-card:hover:before{transform:scaleX(1)}.about .about-values .value-card .value-icon{width:56px;height:56px;margin:0 auto 20px;color:var(--primary-color);display:block;transition:transform .3s ease;opacity:.7;filter:brightness(1.1)}.about .about-values .value-card:hover .value-icon{transform:scale(1.1) rotate(5deg)}.about .about-values .value-card .value-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:12px;font-weight:600}.about .about-values .value-card .value-description{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin:0}.services{background-color:var(--bg-secondary)}.services .services-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:640px){.services .services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:968px){.services .services-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.services .service-card{background-color:#fff;padding:40px 32px;border-radius:16px;text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.services .service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.services .service-card .service-icon{width:56px;height:56px;margin:0 auto 24px;color:var(--primary-color);display:block;opacity:.7;filter:brightness(1.1)}.services .service-card .service-title{font-size:1.5rem;margin-bottom:16px;color:var(--text-primary)}.services .service-card .service-description{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.features{background-color:var(--bg-primary)}.features .features-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:640px){.features .features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:968px){.features .features-grid{grid-template-columns:repeat(3,1fr)}}.features .feature-card{background-color:var(--bg-secondary);padding:40px 32px;border-radius:16px;transition:var(--transition);border:2px solid transparent;position:relative;overflow:hidden}.features .feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));transform:scaleY(0);transition:transform .3s ease}.features .feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.features .feature-card:hover:before{transform:scaleY(1)}.features .feature-card .feature-number{font-size:3rem;font-weight:700;color:var(--primary-color);opacity:.2;line-height:1;margin-bottom:16px;display:block}.features .feature-card .feature-title{font-size:1.5rem;margin-bottom:12px;color:var(--text-primary)}.features .feature-card .feature-description{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.process{background-color:var(--bg-secondary);position:relative;overflow:hidden}.process .process-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:40px 0}@media(min-width:768px){.process .process-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(min-width:1200px){.process .process-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:60px 0}}.process .process-step{background:#f8f8f8;border-radius:12px;padding:32px 28px;text-align:left;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.process .process-step.animate{opacity:1;transform:translateY(0)}.process .process-step .step-number{font-size:4rem;font-weight:700;color:#d0d0d0;line-height:1;margin-bottom:16px;display:block}.process .process-step .step-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;line-height:1.3}.process .process-step .step-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.contact{background-color:var(--bg-primary)}.contact .contact-content{display:grid;grid-template-columns:1fr;gap:60px}@media(min-width:968px){.contact .contact-content{grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}}.contact .contact-info .info-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.contact .contact-info .info-grid{grid-template-columns:repeat(2,1fr)}}.contact .contact-info .info-card{background:#f8f8f8;padding:28px 24px;border-radius:12px;text-align:left;transition:var(--transition)}.contact .contact-info .info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.contact .contact-info .info-card .info-icon-wrapper{margin-bottom:16px}.contact .contact-info .info-card .info-icon-wrapper .info-icon{width:32px;height:32px;color:var(--primary-color);display:block;opacity:.8}.contact .contact-info .info-card h3{font-size:1.125rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.contact .contact-info .info-card p{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);margin:0}.contact .contact-form{background:#fff;padding:40px;border-radius:16px;border:1px solid rgba(0,0,0,.05)}@media(max-width:767px){.contact .contact-form{padding:32px 24px}}.contact .contact-form .form-row{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.contact .contact-form .form-row{grid-template-columns:1fr 1fr}}.contact .contact-form .form-group{margin-bottom:20px}.contact .contact-form .form-group input,.contact .contact-form .form-group textarea{width:100%;padding:14px 16px;font-size:1rem;font-family:inherit;border:2px solid #e5e5e5;border-radius:8px;background-color:#fff;color:var(--text-primary);transition:var(--transition)}.contact .contact-form .form-group input:focus,.contact .contact-form .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a5f3f1a}.contact .contact-form .form-group input::placeholder,.contact .contact-form .form-group textarea::placeholder{color:#999}.contact .contact-form .form-group textarea{resize:vertical;min-height:120px}.contact .contact-form .form-group input.error,.contact .contact-form .form-group textarea.error{border-color:#dc2626}.contact .contact-form .form-group input.error:focus,.contact .contact-form .form-group textarea.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.contact .contact-form .form-group .error-message{display:block;color:#dc2626;font-size:.875rem;margin-top:6px;font-weight:500}.contact .contact-form .form-group .char-count{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:4px;text-align:right}.contact .contact-form .btn{margin-top:8px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.contact .contact-form .btn:disabled{opacity:.6;cursor:not-allowed}.contact .contact-form .btn .spinner{display:inline-block;animation:spin 1s linear infinite}.footer{background-color:var(--primary-color);color:#fffc;padding:60px 0 20px}.footer .footer-content{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:40px}@media(min-width:640px){.footer .footer-content{grid-template-columns:repeat(2,1fr)}}@media(min-width:968px){.footer .footer-content{grid-template-columns:repeat(4,1fr);gap:60px}}.footer .footer-section .footer-logo{margin-bottom:16px}.footer .footer-section .footer-logo img{height:180px;width:auto;object-fit:contain}.footer .footer-section h3{color:#fff;font-size:1.5rem;margin-bottom:16px}.footer .footer-section h4{color:#fff;font-size:1.125rem;margin-bottom:16px}.footer .footer-section .footer-tagline{font-size:.875rem;color:#fff9;margin-bottom:16px;display:block}.footer .footer-section .footer-description{font-size:.9375rem;line-height:1.7;color:#ffffffb3}.footer .footer-section .footer-links{list-style:none;padding:0}.footer .footer-section .footer-links li{margin-bottom:12px}.footer .footer-section .footer-links li a{color:#ffffffb3;transition:var(--transition)}.footer .footer-section .footer-links li a:hover{color:#fff;padding-left:4px}.footer .footer-section .footer-links li:not(:has(a)){color:#ffffffb3}.footer .footer-section .footer-contact{list-style:none;padding:0}.footer .footer-section .footer-contact li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:.9375rem;color:#ffffffb3;line-height:1.6}.footer .footer-section .footer-contact li .footer-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px;filter:brightness(0) invert(1)}.footer .footer-section .footer-contact li span{flex:1}.footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer .footer-bottom p{font-size:.875rem;color:#fff9;margin:0}.footer .footer-bottom .tech-partner a{color:#fffc;text-decoration:none;font-weight:500}.footer .footer-bottom .tech-partner a:hover{color:#fff;text-decoration:underline}.footer .footer-bottom .scroll-to-top{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;font-size:1.25rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.footer .footer-bottom .scroll-to-top:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.app{min-height:100vh;overflow-x:hidden}.custom-text-field .MuiOutlinedInput-root{font-family:Poppins,sans-serif;border-radius:8px;transition:all .2s ease}.custom-text-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color)}.custom-text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color);border-width:2px}.custom-text-field .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#dc2626}.custom-text-field .MuiInputLabel-root{font-family:Poppins,sans-serif;font-weight:600;color:var(--text-primary);font-size:.8rem;line-height:1.4375em;letter-spacing:.00938em;position:absolute;left:0;top:0;display:block;transform-origin:top left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transform:translate(14px,19px) scale(1);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms}.custom-text-field .MuiInputLabel-root.Mui-focused{color:var(--primary-color)}.custom-text-field .MuiInputLabel-root.Mui-error{color:#dc2626}.custom-text-field .MuiInputLabel-root.MuiInputLabel-shrink{font-weight:500;font-size:.76rem;transform:translate(14px,-9px) scale(.75);max-width:calc(133% - 32px)}.custom-text-field .MuiFormHelperText-root{font-family:Poppins,sans-serif;margin-top:.4rem;font-size:.68rem}.custom-text-field .MuiFormHelperText-root.Mui-error{color:#dc2626}.custom-text-field .MuiOutlinedInput-input{font-family:Poppins,sans-serif;font-size:.8rem}.custom-text-field .MuiOutlinedInput-root{height:56px;display:flex;align-items:center}.custom-text-field .MuiOutlinedInput-root input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.custom-text-field .MuiOutlinedInput-root input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important}.custom-text-field .MuiOutlinedInput-input{display:flex;align-items:center;padding:14px}.custom-text-field .MuiOutlinedInput-input input{line-height:1.4375em;display:flex;align-items:center;padding-left:0}.custom-text-field .MuiOutlinedInput-input input::placeholder{line-height:1.4375em;opacity:.6}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:1.6rem;overflow:hidden}.login-background{position:absolute;inset:0;background:linear-gradient(135deg,#f0f9f5,#e8f5ed,#d4ede4);z-index:0}.login-background:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(26,95,63,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(26,95,63,.03) 0%,transparent 50%);pointer-events:none}.login-background-overlay{position:absolute;inset:0;background:#ffffff80;backdrop-filter:blur(2px)}.login-background-pattern{display:none}.login-container{position:relative;z-index:1;width:100%;max-width:480px;animation:fadeInUp .6s ease-out}.login-container .custom-snackbar{z-index:9999}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a;padding:2.4rem 2.8rem;width:100%;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}@media(max-width:768px){.login-card{padding:2rem 1.6rem;border-radius:20px}}@media(max-width:480px){.login-card{padding:1.6rem 1.2rem}}.login-header{text-align:center;margin-bottom:2.4rem}.login-header .login-logo{margin-bottom:1.6rem;display:flex;justify-content:center;align-items:center}.login-header .login-logo .login-logo-image{width:96px;height:96px;object-fit:contain;border-radius:50%;background:#fff;padding:10px;box-shadow:0 8px 24px #1a5f3f26;transition:transform .3s ease,box-shadow .3s ease}.login-header .login-logo .login-logo-image:hover{transform:scale(1.05);box-shadow:0 12px 32px #1a5f3f33}.login-header .login-welcome h1{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem;letter-spacing:-.02em;font-family:Poppins,sans-serif}.login-header .login-welcome p{color:var(--text-secondary);font-size:.76rem;font-weight:400;font-family:Poppins,sans-serif}.login-form .form-group{margin-bottom:1.2rem}.login-form .form-group:last-of-type{margin-bottom:1.6rem}.login-form .btn-login{width:100%;padding:.7rem 1.2rem;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:.8rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 2px 8px #1a5f3f33}.login-form .btn-login:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px #1a5f3f4d}.login-form .btn-login:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 4px #1a5f3f33}.login-form .btn-login:disabled{opacity:.6;cursor:not-allowed}.login-form .btn-login .spinner{animation:spin 1s linear infinite;width:16px;height:16px}.login-footer{text-align:center;margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid var(--border-color)}.login-footer p{color:var(--text-secondary);font-size:.72rem;margin:0;font-family:Poppins,sans-serif}.login-footer p a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.login-footer p a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.login-footer p a:hover{color:var(--primary-dark)}.login-footer p a:hover:after{width:100%}@media(max-width:768px){.login-page{padding:1.2rem}.login-header{margin-bottom:2rem}.login-header .login-logo{margin-bottom:1.2rem}.login-header .login-logo .login-logo-image{width:80px;height:80px}.login-header .login-welcome h1{font-size:1.28rem}.login-header .login-welcome p{font-size:.68rem}}@media(max-width:480px){.login-card{box-shadow:0 10px 40px #0000001a,0 0 0 1px #ffffff1a}.login-header{margin-bottom:1.6rem}.login-header .login-logo{margin-bottom:.8rem}.login-header .login-logo .login-logo-image{width:64px;height:64px}.login-header .login-welcome h1{font-size:1.12rem}.login-header .login-welcome p{font-size:.64rem}}.searchable-select .searchable-select-field .MuiOutlinedInput-root{font-family:Poppins,sans-serif;border-radius:8px;transition:all .2s ease}.searchable-select .searchable-select-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color)}.searchable-select .searchable-select-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color);border-width:2px}.searchable-select .searchable-select-field .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#dc2626}.searchable-select .searchable-select-field .MuiInputLabel-root{font-family:Poppins,sans-serif;font-weight:600;color:var(--text-primary);font-size:.8rem;line-height:1.4375em;letter-spacing:.00938em;position:absolute;left:0;top:0;display:block;transform-origin:top left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transform:translate(14px,19px) scale(1);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms}.searchable-select .searchable-select-field .MuiInputLabel-root.Mui-focused{color:var(--primary-color)}.searchable-select .searchable-select-field .MuiInputLabel-root.Mui-error{color:#dc2626}.searchable-select .searchable-select-field .MuiInputLabel-root.MuiInputLabel-shrink{font-weight:500;font-size:.76rem;transform:translate(14px,-9px) scale(.75);max-width:calc(133% - 32px)}.searchable-select .searchable-select-field .MuiFormHelperText-root{font-family:Poppins,sans-serif;margin-top:.4rem;font-size:.68rem}.searchable-select .searchable-select-field .MuiFormHelperText-root.Mui-error{color:#dc2626}.searchable-select .searchable-select-field .MuiOutlinedInput-input{font-family:Poppins,sans-serif;font-size:.8rem}.searchable-select .searchable-select-field .MuiOutlinedInput-root{height:56px;display:flex;align-items:center}.searchable-select .searchable-select-field .MuiOutlinedInput-root input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.searchable-select .searchable-select-field .MuiOutlinedInput-root input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important}.searchable-select .searchable-select-field .MuiOutlinedInput-input{display:flex;align-items:center;padding:14px}.searchable-select .searchable-select-field .MuiOutlinedInput-input input{line-height:1.4375em;display:flex;align-items:center;padding-left:0}.searchable-select .searchable-select-field .MuiOutlinedInput-input input::placeholder{line-height:1.4375em;opacity:.6}.mui-date-picker-field .MuiOutlinedInput-root{font-family:Poppins,sans-serif;border-radius:8px;transition:all .2s ease}.mui-date-picker-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color)}.mui-date-picker-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color);border-width:2px}.mui-date-picker-field .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#dc2626}.mui-date-picker-field .MuiInputLabel-root{font-family:Poppins,sans-serif;font-weight:600;color:var(--text-primary);font-size:.8rem;line-height:1.4375em;letter-spacing:.00938em;position:absolute;left:0;top:0;display:block;transform-origin:top left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transform:translate(14px,19px) scale(1);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms}.mui-date-picker-field .MuiInputLabel-root.Mui-focused{color:var(--primary-color)}.mui-date-picker-field .MuiInputLabel-root.Mui-error{color:#dc2626}.mui-date-picker-field .MuiInputLabel-root.MuiInputLabel-shrink{font-weight:500;font-size:.76rem;transform:translate(14px,-9px) scale(.75);max-width:calc(133% - 32px)}.mui-date-picker-field .MuiFormHelperText-root{font-family:Poppins,sans-serif;margin-top:.4rem;font-size:.68rem}.mui-date-picker-field .MuiFormHelperText-root.Mui-error{color:#dc2626}.mui-date-picker-field .MuiOutlinedInput-input{font-family:Poppins,sans-serif;font-size:.8rem}.mui-date-picker-field .MuiOutlinedInput-root{height:56px;display:flex;align-items:center}.mui-date-picker-field .MuiOutlinedInput-root input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.mui-date-picker-field .MuiOutlinedInput-root input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important}.mui-date-picker-field .MuiOutlinedInput-input{display:flex;align-items:center;padding:14px}.mui-date-picker-field .MuiOutlinedInput-input input{line-height:1.4375em;display:flex;align-items:center;padding-left:0}.mui-date-picker-field .MuiOutlinedInput-input input::placeholder{line-height:1.4375em;opacity:.6}.custom-select .MuiOutlinedInput-root{font-family:Poppins,sans-serif;border-radius:8px;transition:all .2s ease}.custom-select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color)}.custom-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color);border-width:2px}.custom-select .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#dc2626}.custom-select .MuiInputLabel-root{font-family:Poppins,sans-serif;font-weight:600;color:var(--text-primary);font-size:.8rem;line-height:1.4375em;letter-spacing:.00938em;position:absolute;left:0;top:0;display:block;transform-origin:top left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transform:translate(14px,19px) scale(1);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms}.custom-select .MuiInputLabel-root.Mui-focused{color:var(--primary-color)}.custom-select .MuiInputLabel-root.Mui-error{color:#dc2626}.custom-select .MuiInputLabel-root.MuiInputLabel-shrink{font-weight:500;font-size:.76rem;transform:translate(14px,-9px) scale(.75);max-width:calc(133% - 32px)}.custom-select .MuiFormHelperText-root{font-family:Poppins,sans-serif;margin-top:.4rem;font-size:.68rem}.custom-select .MuiFormHelperText-root.Mui-error{color:#dc2626}.custom-select .MuiOutlinedInput-input{font-family:Poppins,sans-serif;font-size:.8rem}.file-upload-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.file-upload-group .file-upload-label{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem;font-family:Poppins,sans-serif}.file-upload-group .file-upload-label .required-asterisk{color:#dc2626;margin-left:.2rem}.file-upload-group .file-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:1.6rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#f9fafb;position:relative;min-height:160px;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-upload-group .file-upload-area:hover{border-color:var(--primary-color);background:#f3f4f6}.file-upload-group .file-upload-area.drag-active{border-color:var(--primary-color);background:#eff6ff}.file-upload-group .file-upload-area.error{border-color:#dc2626;background:#fef2f2}.file-upload-group .file-upload-area.has-file{padding:0}.file-upload-group .file-upload-area .file-input-hidden{display:none}.file-upload-group .file-upload-area .file-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.6rem}.file-upload-group .file-upload-area .file-upload-placeholder svg{color:var(--text-secondary);width:38px;height:38px}.file-upload-group .file-upload-area .file-upload-placeholder .upload-text{margin:0;font-size:.88rem;font-weight:600;color:var(--text-primary);font-family:Poppins,sans-serif}.file-upload-group .file-upload-area .file-upload-placeholder .upload-hint{margin:0;font-size:.68rem;color:var(--text-secondary);font-family:Poppins,sans-serif}.file-upload-group .file-upload-area .file-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.file-upload-group .file-upload-area .file-preview .preview-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.file-upload-group .file-upload-area .file-preview .file-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f3f4f6;color:var(--text-secondary);position:relative}.file-upload-group .file-upload-area .file-preview .remove-file-btn{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10;backdrop-filter:blur(4px)}.file-upload-group .file-upload-area .file-preview .remove-file-btn:hover{background:#000c;transform:scale(1.1)}.file-upload-group .file-upload-area .file-preview .remove-file-btn svg{width:13px;height:13px}.file-upload-group .file-upload-error{font-size:.68rem;color:#dc2626;margin-top:.2rem;font-family:Poppins,sans-serif}.file-upload-group .file-upload-helper{font-size:.68rem;color:var(--text-secondary);margin-top:.2rem;font-family:Poppins,sans-serif}.custom-select .MuiOutlinedInput-root,.custom-text-field .MuiOutlinedInput-root,.searchable-select .searchable-select-field .MuiOutlinedInput-root,.mui-date-picker-field .MuiOutlinedInput-root{font-family:Poppins,sans-serif;border-radius:8px;transition:all .2s ease}.custom-select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.custom-text-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.searchable-select .searchable-select-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.mui-date-picker-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color)}.custom-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.custom-text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.searchable-select .searchable-select-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.mui-date-picker-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color);border-width:2px}.custom-select .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline,.custom-text-field .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline,.searchable-select .searchable-select-field .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline,.mui-date-picker-field .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#dc2626}.custom-select .MuiInputLabel-root,.custom-text-field .MuiInputLabel-root,.searchable-select .searchable-select-field .MuiInputLabel-root,.mui-date-picker-field .MuiInputLabel-root{font-family:Poppins,sans-serif;font-weight:600;color:var(--text-primary);font-size:.8rem;line-height:1.4375em;letter-spacing:.00938em;position:absolute;left:0;top:0;display:block;transform-origin:top left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transform:translate(14px,19px) scale(1);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms}.custom-select .MuiInputLabel-root.Mui-focused,.custom-text-field .MuiInputLabel-root.Mui-focused,.searchable-select .searchable-select-field .MuiInputLabel-root.Mui-focused,.mui-date-picker-field .MuiInputLabel-root.Mui-focused{color:var(--primary-color)}.custom-select .MuiInputLabel-root.Mui-error,.custom-text-field .MuiInputLabel-root.Mui-error,.searchable-select .searchable-select-field .MuiInputLabel-root.Mui-error,.mui-date-picker-field .MuiInputLabel-root.Mui-error{color:#dc2626}.custom-select .MuiInputLabel-root.MuiInputLabel-shrink,.custom-text-field .MuiInputLabel-root.MuiInputLabel-shrink,.searchable-select .searchable-select-field .MuiInputLabel-root.MuiInputLabel-shrink,.mui-date-picker-field .MuiInputLabel-root.MuiInputLabel-shrink{font-weight:500;font-size:.76rem;transform:translate(14px,-9px) scale(.75);max-width:calc(133% - 32px)}.custom-select .MuiFormHelperText-root,.custom-text-field .MuiFormHelperText-root,.searchable-select .searchable-select-field .MuiFormHelperText-root,.mui-date-picker-field .MuiFormHelperText-root{font-family:Poppins,sans-serif;margin-top:.4rem;font-size:.68rem}.custom-select .MuiFormHelperText-root.Mui-error,.custom-text-field .MuiFormHelperText-root.Mui-error,.searchable-select .searchable-select-field .MuiFormHelperText-root.Mui-error,.mui-date-picker-field .MuiFormHelperText-root.Mui-error{color:#dc2626}.custom-select .MuiOutlinedInput-input,.custom-text-field .MuiOutlinedInput-input,.searchable-select .searchable-select-field .MuiOutlinedInput-input,.mui-date-picker-field .MuiOutlinedInput-input{font-family:Poppins,sans-serif;font-size:.8rem}.custom-text-field .MuiOutlinedInput-root,.searchable-select .searchable-select-field .MuiOutlinedInput-root,.mui-date-picker-field .MuiOutlinedInput-root{height:56px;display:flex;align-items:center}.custom-text-field .MuiOutlinedInput-root input:-webkit-autofill,.searchable-select .searchable-select-field .MuiOutlinedInput-root input:-webkit-autofill,.mui-date-picker-field .MuiOutlinedInput-root input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.custom-text-field .MuiOutlinedInput-root input:-webkit-autofill,.searchable-select .searchable-select-field .MuiOutlinedInput-root input:-webkit-autofill,.mui-date-picker-field .MuiOutlinedInput-root input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important}.custom-text-field .MuiOutlinedInput-input,.searchable-select .searchable-select-field .MuiOutlinedInput-input,.mui-date-picker-field .MuiOutlinedInput-input{display:flex;align-items:center;padding:14px}.custom-text-field .MuiOutlinedInput-input input,.searchable-select .searchable-select-field .MuiOutlinedInput-input input,.mui-date-picker-field .MuiOutlinedInput-input input{line-height:1.4375em;display:flex;align-items:center;padding-left:0}.custom-text-field .MuiOutlinedInput-input input::placeholder,.searchable-select .searchable-select-field .MuiOutlinedInput-input input::placeholder,.mui-date-picker-field .MuiOutlinedInput-input input::placeholder{line-height:1.4375em;opacity:.6}.custom-select .MuiOutlinedInput-root{height:56px;display:flex;align-items:center}.custom-select .MuiSelect-select{font-family:Poppins,sans-serif;font-size:.8rem;height:100%;display:flex;align-items:center;box-sizing:border-box;line-height:1.4375em;padding:14px}.custom-select .MuiSelect-select em{display:inline-block;line-height:1.4375em;vertical-align:middle;font-style:italic}.custom-select .MuiOutlinedInput-input{padding:14px;display:flex;align-items:center}.mui-date-picker-field .MuiOutlinedInput-input{padding:14px;font-size:.8rem}.mui-date-picker-field .MuiOutlinedInput-input input{font-size:.8rem}.MuiPickersPopper-root .MuiPaper-root{border-radius:12px;box-shadow:0 8px 32px #0000001f;font-family:Poppins,sans-serif}.MuiPickersPopper-root .MuiPickersCalendarHeader-root{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-radius:12px 12px 0 0;padding:1rem}.MuiPickersPopper-root .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-label{color:#fff;font-weight:600}.MuiPickersPopper-root .MuiPickersCalendarHeader-root .MuiIconButton-root{color:#fff}.MuiPickersPopper-root .MuiPickersCalendarHeader-root .MuiIconButton-root:hover{background:#ffffff1a}.MuiPickersPopper-root .MuiDayCalendar-weekContainer .MuiPickersDay-root{font-family:Poppins,sans-serif;border-radius:6px;transition:all .2s ease}.MuiPickersPopper-root .MuiDayCalendar-weekContainer .MuiPickersDay-root:hover{background:#1a5f3f1a}.MuiPickersPopper-root .MuiDayCalendar-weekContainer .MuiPickersDay-root.Mui-selected{background:var(--primary-color);color:#fff;font-weight:600}.MuiPickersPopper-root .MuiDayCalendar-weekContainer .MuiPickersDay-root.Mui-selected:hover{background:var(--primary-dark)}.MuiPickersPopper-root .MuiDayCalendar-weekContainer .MuiPickersDay-root.Mui-disabled{color:#d1d5db}.searchable-select{width:100%}.searchable-select .searchable-select-field .MuiOutlinedInput-input{padding:14px;font-size:.8rem}.searchable-select .searchable-select-field .MuiOutlinedInput-input input{font-size:.8rem}.MuiAutocomplete-popper .MuiPaper-root{border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:Poppins,sans-serif;margin-top:.4rem}.MuiAutocomplete-popper .MuiAutocomplete-option{font-family:Poppins,sans-serif;font-size:.8rem;padding:.6rem .8rem;transition:all .2s ease}.MuiAutocomplete-popper .MuiAutocomplete-option:hover{background:#1a5f3f1a}.MuiAutocomplete-popper .MuiAutocomplete-option[aria-selected=true]{background:#1a5f3f26;font-weight:600}.custom-snackbar{z-index:9999!important}.custom-snackbar .custom-alert{font-family:Poppins,sans-serif;font-weight:500;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px}.custom-snackbar .custom-alert.MuiAlert-filledError{background:#dc2626}.custom-snackbar .custom-alert.MuiAlert-filledSuccess{background:#10b981}.custom-snackbar .custom-alert.MuiAlert-filledWarning{background:#f59e0b}.custom-snackbar .custom-alert.MuiAlert-filledInfo{background:var(--primary-color)}.apply-membership-page{min-height:100vh;background:linear-gradient(to bottom,#f8faf9,#fff);padding-bottom:4rem}.apply-membership-page.dashboard-mode{background:#f5f7fa;padding-top:0!important}.apply-membership-container{max-width:90%;margin:0 auto}.apply-membership-page.dashboard-mode .apply-membership-container{padding:26px;max-width:100%!important}.apply-membership-page.dashboard-mode .membership-form{padding:2.4rem 2rem}@media(max-width:768px){.apply-membership-page.dashboard-mode .membership-form{padding:1.6rem 1.2rem}}.apply-membership-page.dashboard-mode .membership-form .form-section{margin-bottom:2.4rem}.apply-membership-page.dashboard-mode .membership-form .section-header-inline{gap:1.2rem;margin-bottom:1.6rem}.apply-membership-page.dashboard-mode .membership-form .section-header-inline .section-number{width:38px;height:38px;font-size:1rem}.apply-membership-page.dashboard-mode .membership-form .section-header-inline .section-title-group{padding-top:.2rem}.apply-membership-page.dashboard-mode .membership-form .section-header-inline .section-title-group h2{font-size:1.2rem;margin-bottom:.2rem}.apply-membership-page.dashboard-mode .membership-form .section-header-inline .section-title-group .section-description{font-size:.76rem}.apply-membership-page.dashboard-mode .membership-form .form-grid{gap:1.2rem}@media(max-width:768px){.apply-membership-page.dashboard-mode .membership-form .form-grid{gap:1rem}}.apply-membership-page.dashboard-mode .membership-form .form-footer .form-note{gap:.6rem;padding:.8rem 1rem;margin-bottom:2.4rem;font-size:.72rem}.apply-membership-page.dashboard-mode .membership-form .form-footer .btn-primary,.apply-membership-page.dashboard-mode .membership-form .form-footer .btn-secondary{padding:.8rem 2rem;font-size:.8rem;gap:.4rem}.page-header{padding-bottom:20px}.page-header .back-button{display:flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--primary-color);font-size:.76rem;font-weight:500;cursor:pointer;padding:.4rem 0;margin-bottom:.4rem;transition:color .2s;font-family:Poppins,sans-serif}.page-header .back-button:hover{color:var(--primary-dark)}.page-header .back-button svg{flex-shrink:0}.page-header .page-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 .4rem}.page-header .page-subtitle{font-size:.8rem;color:var(--text-secondary);margin:0}.page-header .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.page-header .breadcrumb .breadcrumb-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:Poppins,sans-serif;padding:0;font-size:.9rem;transition:color .2s ease}.page-header .breadcrumb .breadcrumb-link:hover{color:var(--primary-dark);text-decoration:underline}.page-header .breadcrumb .breadcrumb-separator{color:var(--text-light)}.page-header .breadcrumb .breadcrumb-current{color:var(--text-secondary);font-weight:500}.form-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;overflow:hidden;border:1px solid #e5e7eb}.form-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:3rem 2.5rem;position:relative;overflow:hidden}.form-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff0d;border-radius:50%}.form-header:after{content:"";position:absolute;bottom:-30%;left:-5%;width:200px;height:200px;background:#ffffff08;border-radius:50%}.form-header .header-content{position:relative;z-index:1;text-align:center}.form-header .header-content .header-icon{width:64px;height:64px;background:#ffffff26;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;backdrop-filter:blur(10px)}.form-header .header-content h1{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em}@media(max-width:768px){.form-header .header-content h1{font-size:1.75rem}}.form-header .header-content .header-subtitle{font-size:1.05rem;color:#ffffffe6;line-height:1.6;max-width:600px;margin:0 auto;font-weight:400}.form-header .trust-badges{position:relative;z-index:1;display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.form-header .trust-badges .trust-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff26;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;backdrop-filter:blur(10px);color:#fff}.form-header .trust-badges .trust-badge svg{flex-shrink:0}.membership-form{padding:3rem 2.5rem}@media(max-width:768px){.membership-form{padding:2rem 1.5rem}}.membership-form .form-section{margin-bottom:3rem}.membership-form .form-section:last-of-type{margin-bottom:0}.membership-form .section-header-inline{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:flex-start}.membership-form .section-header-inline .section-number{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 4px 12px #1a5f3f33}.membership-form .section-header-inline .section-title-group{flex:1;padding-top:.25rem}.membership-form .section-header-inline .section-title-group h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.01em}.membership-form .section-header-inline .section-title-group .section-description{font-size:.95rem;color:var(--text-secondary);margin:0}.membership-form .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:768px){.membership-form .form-grid{grid-template-columns:1fr;gap:1.25rem}}.membership-form .form-grid.form-grid-three{grid-template-columns:repeat(4,1fr)!important}@media(max-width:992px){.membership-form .form-grid.form-grid-three{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.membership-form .form-grid.form-grid-three{grid-template-columns:1fr!important}}.membership-form .form-group{margin-bottom:0}.membership-form .form-group.form-group-full{grid-column:1/-1}.membership-form .form-footer .form-note{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#f0f7f4;border-radius:8px;margin-bottom:3rem;color:var(--primary-dark);font-size:.9rem;border:1px solid #d1fae5}.membership-form .form-footer .form-note svg{flex-shrink:0;color:var(--primary-color)}.membership-form .form-footer .form-actions{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:768px){.membership-form .form-footer .form-actions{flex-direction:column-reverse}}.membership-form .form-footer .btn-primary,.membership-form .form-footer .btn-secondary{padding:1rem 2.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;border:none;display:flex;align-items:center;gap:.5rem;justify-content:center}.membership-form .form-footer .btn-primary:disabled,.membership-form .form-footer .btn-secondary:disabled{opacity:.7;cursor:not-allowed;transform:none}.membership-form .form-footer .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #1a5f3f40}.membership-form .form-footer .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1a5f3f59}.membership-form .form-footer .btn-primary:active:not(:disabled){transform:translateY(0)}.membership-form .form-footer .btn-primary .spinner{animation:spin 1s linear infinite}.membership-form .form-footer .btn-secondary{background:#fff;color:var(--text-primary);border:2px solid #e5e7eb;font-weight:500}.membership-form .form-footer .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.form-wrapper.no-header .membership-form{padding-top:3rem}@media(max-width:768px){.form-wrapper.no-header .membership-form{padding-top:2rem}}.success-container{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:0;overflow:hidden;border:1px solid #e5e7eb}@media(max-width:768px){.success-container{border-radius:16px}}.success-container .success-header{background:linear-gradient(135deg,#10b981,#059669);padding:3rem 2.5rem;text-align:center;color:#fff;position:relative;overflow:hidden}.success-container .success-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.success-container .success-header .success-icon-wrapper{position:relative;display:inline-block;margin-bottom:1.5rem}.success-container .success-header .success-icon-wrapper .success-icon{width:80px;height:80px;border-radius:50%;background:#fff3;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;position:relative;z-index:1;box-shadow:0 4px 20px #0003}.success-container .success-header .success-icon-wrapper .success-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,255,255,.3);animation:ripple 2s infinite}.success-container .success-header h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em;position:relative;z-index:1}@media(max-width:768px){.success-container .success-header h2{font-size:1.75rem}}.success-container .success-header .success-subtitle{color:#fffffff2;font-size:1.05rem;margin:0;position:relative;z-index:1}.success-container .membership-id-card{background:linear-gradient(135deg,#f0f7f4,#e6f5f0);border:2px solid var(--primary-color);border-radius:12px;padding:2rem;margin:2rem;position:relative;text-align:center}.success-container .membership-id-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:12px 12px 0 0}.success-container .membership-id-card .id-label{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.success-container .membership-id-card .id-label svg{color:var(--primary-color)}.success-container .membership-id-card .id-value{display:block;font-size:2rem;font-weight:700;color:var(--primary-color);letter-spacing:.1em;margin-bottom:1rem;word-break:break-all}@media(max-width:768px){.success-container .membership-id-card .id-value{font-size:1.5rem}}.success-container .membership-id-card .copy-id-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.success-container .membership-id-card .copy-id-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1a5f3f33}.success-container .next-steps{padding:2rem 2.5rem;background:#f9fafb}.success-container .next-steps h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.success-container .next-steps .steps-list{display:flex;flex-direction:column;gap:1.25rem}.success-container .next-steps .step-item{display:flex;gap:1rem;align-items:flex-start;background:#fff;padding:1.25rem;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease}.success-container .next-steps .step-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #1a5f3f1a}.success-container .next-steps .step-item .step-number{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.success-container .next-steps .step-item .step-content{flex:1}.success-container .next-steps .step-item .step-content strong{display:block;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.success-container .next-steps .step-item .step-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.success-container .next-steps .step-item .step-content p strong{display:inline;color:var(--primary-color);font-weight:700}.success-container .success-actions{padding:2rem 2.5rem;text-align:center;border-top:1px solid #e5e7eb;background:#fff}.success-container .success-actions .btn-primary{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;box-shadow:0 4px 12px #1a5f3f40}.success-container .success-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a5f3f59}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.apply-membership-page{padding-top:80px;padding-bottom:2rem}.form-header{padding:2rem 1.5rem}.form-header .header-content h1{font-size:1.75rem}.form-header .trust-badges{gap:1rem;margin-top:1.5rem}.form-header .trust-badges .trust-badge{font-size:.85rem;padding:.4rem .75rem}.membership-form .section-header-inline .section-number{width:40px;height:40px;font-size:1.1rem}.membership-form .section-header-inline .section-title-group h2{font-size:1.25rem}}.dashboard-layout{display:flex;min-height:100vh;background:#f5f7fa}.dashboard-sidebar{width:208px;background:#001529;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:width .3s ease;box-shadow:2px 0 8px #00000026}.dashboard-sidebar .sidebar-header{padding:16px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-sidebar .sidebar-header .sidebar-logo{display:flex;align-items:center;gap:10px;flex:1}.dashboard-sidebar .sidebar-header .sidebar-logo .logo-img{width:32px;height:32px;border-radius:8px;object-fit:cover}.dashboard-sidebar .sidebar-header .sidebar-logo .logo-text{font-size:1rem;font-weight:700;color:#fff;font-family:Poppins,sans-serif}.dashboard-sidebar .sidebar-header .sidebar-toggle{background:#ffffff1a;border:none;color:#fff;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dashboard-sidebar .sidebar-header .sidebar-toggle:hover{background:#fff3}.dashboard-sidebar .sidebar-header .sidebar-toggle svg{transition:transform .3s ease}.dashboard-sidebar .sidebar-nav{flex:1;padding:13px 6px;overflow-y:auto}.dashboard-sidebar .sidebar-nav .nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 13px;background:none;border:none;color:#ffffffa6;font-size:.76rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:3px;font-family:Poppins,sans-serif}.dashboard-sidebar .sidebar-nav .nav-item .nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-sidebar .sidebar-nav .nav-item .nav-icon svg{width:16px;height:16px}.dashboard-sidebar .sidebar-nav .nav-item .nav-label{flex:1;text-align:left}.dashboard-sidebar .sidebar-nav .nav-item:hover{background:#ffffff14;color:#ffffffe6}.dashboard-sidebar .sidebar-nav .nav-item.active{background:var(--primary-color);color:#fff}.dashboard-sidebar .sidebar-nav .nav-item.active .nav-icon{color:#fff}.dashboard-sidebar .sidebar-footer{padding:13px;border-top:1px solid rgba(255,255,255,.1)}.dashboard-sidebar .sidebar-footer .user-info{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dashboard-sidebar .sidebar-footer .user-info .user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.dashboard-sidebar .sidebar-footer .user-info .user-details{flex:1;min-width:0}.dashboard-sidebar .sidebar-footer .user-info .user-details .user-name{font-size:.72rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar .sidebar-footer .user-info .user-details .user-role{font-size:.6rem;color:#fff9;margin-top:2px}.dashboard-sidebar .sidebar-footer .logout-btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px 13px;background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#f87171;border-radius:8px;cursor:pointer;font-size:.72rem;font-weight:500;transition:all .2s ease;font-family:Poppins,sans-serif}.dashboard-sidebar .sidebar-footer .logout-btn svg{width:14px;height:14px}.dashboard-sidebar .sidebar-footer .logout-btn:hover{background:#dc262633;border-color:#dc26264d}.dashboard-layout.collapsed .dashboard-sidebar{width:64px}.dashboard-layout.collapsed .dashboard-sidebar .sidebar-header .sidebar-logo .logo-text{display:none}.dashboard-layout.collapsed .dashboard-sidebar .sidebar-header .sidebar-toggle svg{transform:rotate(180deg)}.dashboard-layout.collapsed .dashboard-sidebar .sidebar-nav .nav-item{justify-content:center;padding:10px}.dashboard-layout.collapsed .dashboard-sidebar .sidebar-nav .nav-item .nav-label,.dashboard-layout.collapsed .dashboard-sidebar .sidebar-footer .user-info .user-details{display:none}.dashboard-layout.collapsed .dashboard-sidebar .sidebar-footer .logout-btn{justify-content:center;padding:8px}.dashboard-layout.collapsed .dashboard-sidebar .sidebar-footer .logout-btn span{display:none}.dashboard-layout.collapsed .dashboard-main{margin-left:64px}.dashboard-main{flex:1;margin-left:208px;transition:margin-left .3s ease;min-height:100vh}@media(max-width:768px){.dashboard-sidebar{transform:translate(-100%);width:208px}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main,.dashboard-layout.collapsed .dashboard-main{margin-left:0}}.stat-card{background:#fff;border-radius:12px;padding:19px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid #e5e7eb}.stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.stat-card .stat-content{display:flex;justify-content:space-between;align-items:flex-start}.stat-card .stat-info{flex:1}.stat-card .stat-info .stat-title{font-size:.7rem;color:#6b7280;font-weight:500;margin-bottom:8px;font-family:Poppins,sans-serif}.stat-card .stat-info .stat-value{font-size:1.6rem;font-weight:700;color:#111827;margin-bottom:8px;font-family:Poppins,sans-serif;line-height:1.2}.stat-card .stat-info .stat-value.loading-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px;color:transparent;width:64px;height:1.6rem}.stat-card .stat-info .stat-trend{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;font-family:Poppins,sans-serif}.stat-card .stat-info .stat-trend.trend-up{color:#10b981}.stat-card .stat-info .stat-trend.trend-down{color:#ef4444}.stat-card .stat-info .stat-trend svg{width:14px;height:14px}.stat-card .stat-info .stat-trend.loading-skeleton-trend{gap:6px;margin-top:4px}.stat-card .stat-info .stat-trend.loading-skeleton-trend .skeleton-icon{width:14px;height:14px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:2px}.stat-card .stat-info .stat-trend.loading-skeleton-trend .skeleton-text{width:50px;height:14px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}.stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card .stat-icon svg{width:28px;height:28px}.stat-card.stat-card-primary .stat-icon{background:#1a5f3f1a;color:var(--primary-color)}.stat-card.stat-card-success .stat-icon{background:#10b9811a;color:#10b981}.stat-card.stat-card-warning .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-card.stat-card-danger .stat-icon{background:#ef44441a;color:#ef4444}.stat-card.stat-card-info .stat-icon{background:#3b82f61a;color:#3b82f6}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.activity-skeleton{display:flex;flex-direction:column;gap:16px;padding:0;flex:1;min-height:0;overflow-y:auto}.activity-skeleton .activity-skeleton-item{display:flex;gap:12px;align-items:flex-start}.activity-skeleton .activity-skeleton-item .activity-skeleton-icon{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden}.activity-skeleton .activity-skeleton-item .activity-skeleton-icon .skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 40%,#f8f8f8);background-size:200% 100%;border-radius:50%;animation:shimmer 1.8s ease-in-out infinite}.activity-skeleton .activity-skeleton-item .activity-skeleton-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.activity-skeleton .activity-skeleton-item .activity-skeleton-content .skeleton-title{width:100%;height:14px;border-radius:6px;animation:shimmer 1.8s ease-in-out infinite}.activity-skeleton .activity-skeleton-item .activity-skeleton-content .skeleton-time{width:60%;height:12px;border-radius:6px;animation:shimmer 1.8s ease-in-out infinite}.activity-skeleton .activity-skeleton-item .skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 40%,#f8f8f8);background-size:200% 100%}.activity-skeleton-item:nth-child(1) .skeleton-title{width:95%}.activity-skeleton-item:nth-child(2) .skeleton-title{width:85%}.activity-skeleton-item:nth-child(3) .skeleton-title{width:90%}.activity-skeleton-item:nth-child(4) .skeleton-title{width:80%}.activity-skeleton-item:nth-child(5) .skeleton-title{width:88%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dashboard-home{padding:32px;margin:0 auto}.dashboard-home .dashboard-header{margin-bottom:24px}.dashboard-home .dashboard-header .header-content{display:flex;align-items:center;gap:16px}.dashboard-home .dashboard-header .back-button{display:flex;align-items:center;gap:6px;padding:8px 13px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:500;color:#374151;flex-shrink:0}.dashboard-home .dashboard-header .back-button svg{color:var(--primary-color);flex-shrink:0}.dashboard-home .dashboard-header .back-button:hover{background:#f3f4f6;border-color:var(--primary-color);color:var(--primary-color);transform:translate(-2px)}.dashboard-home .dashboard-header .back-button:active{transform:translate(0)}.dashboard-home .dashboard-header .page-title{font-size:1.6rem;font-weight:700;color:#111827;margin:0 0 8px;font-family:Poppins,sans-serif}.dashboard-home .dashboard-header .page-subtitle{font-size:.8rem;color:#6b7280;margin:0;font-family:Poppins,sans-serif}.dashboard-home .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:19px;margin-bottom:26px}.dashboard-home .dashboard-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:19px}.dashboard-home .content-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;height:400px}.dashboard-home .content-card .card-header{padding:16px 19px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.dashboard-home .content-card .card-header .card-title{font-size:.9rem;font-weight:600;color:#111827;margin:0;font-family:Poppins,sans-serif}.dashboard-home .content-card .card-header .card-action{background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;font-family:Poppins,sans-serif}.dashboard-home .content-card .card-header .card-action:hover{background:#f3f4f6}.dashboard-home .content-card .card-body{padding:19px;display:flex;flex-direction:column;height:100%;min-height:0}.dashboard-home .activity-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:0}.dashboard-home .activity-list .activity-item{display:flex;gap:12px;align-items:flex-start}.dashboard-home .activity-list .activity-item.clickable{cursor:pointer;padding:4px 0;margin:-4px 0;border-radius:6px}.dashboard-home .activity-list .activity-item.clickable:hover{background:#f9fafb}.dashboard-home .activity-list .activity-item .activity-icon{width:32px;height:32px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-color)}.dashboard-home .activity-list .activity-item .activity-content{flex:1;min-width:0}.dashboard-home .activity-list .activity-item .activity-content .activity-text{font-size:.72rem;color:#111827;margin-bottom:4px;font-family:Poppins,sans-serif}.dashboard-home .activity-list .activity-item .activity-content .activity-time{font-size:.6rem;color:#6b7280;font-family:Poppins,sans-serif}.dashboard-home .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#6b7280;text-align:center;flex:1;min-height:0}.dashboard-home .empty-state p{margin:0;font-size:.76rem}.dashboard-home .quick-actions{display:flex;flex-direction:column;gap:12px}.dashboard-home .quick-actions .action-btn{display:flex;align-items:center;gap:10px;padding:13px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;font-size:.76rem;font-weight:500;color:#111827;text-align:left}.dashboard-home .quick-actions .action-btn svg{color:var(--primary-color);flex-shrink:0}.dashboard-home .quick-actions .action-btn:hover{background:#f3f4f6;border-color:var(--primary-color);transform:translate(4px)}@media(max-width:768px){.dashboard-home{padding:20px 16px}.dashboard-home .dashboard-header .header-content{flex-direction:column;gap:12px}.dashboard-home .dashboard-header .back-button{align-self:flex-start;margin-top:0;padding:8px 12px;font-size:.85rem}.dashboard-home .dashboard-header .back-button span{display:none}.dashboard-home .stats-grid,.dashboard-home .dashboard-content-grid{grid-template-columns:1fr}}:root{--primary-color: #1a5f3f;--primary-dark: #0d4f2f;--primary-light: #2d7a5a;--secondary-color: #10b981;--accent-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-dark: #111827;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media(min-width:768px){.container{padding:0 40px}}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.01em}h1{font-size:2.5rem;font-weight:700}@media(min-width:768px){h1{font-size:3.5rem}}h2{font-size:2rem;font-weight:700}@media(min-width:768px){h2{font-size:2.5rem}}h3{font-size:1.5rem;font-weight:600}@media(min-width:768px){h3{font-size:1.75rem}}p{margin-bottom:1rem;color:var(--text-secondary)}a{text-decoration:none;color:inherit;transition:var(--transition)}.btn{display:inline-block;padding:14px 32px;font-size:1rem;font-weight:500;text-align:center;border:none;border-radius:8px;cursor:pointer;transition:var(--transition);font-family:inherit}.btn.btn-primary{background-color:var(--primary-color);color:#fff}.btn.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn.btn-secondary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn.btn-full{width:100%}section{padding:80px 0}@media(min-width:768px){section{padding:100px 0}}.section-header{text-align:center;margin-bottom:60px}@media(min-width:768px){.section-header{margin-bottom:80px}}.section-title{margin-bottom:16px;color:var(--text-primary)}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.highlight{color:var(--primary-color)}@keyframes spin{to{transform:rotate(360deg)}}.MuiTooltip-tooltip{font-family:Poppins,sans-serif!important;font-size:.8125rem}