.home-loading,.about-loading,.contact-loading{text-align:center;padding:100px 20px}.hero-section{position:relative;padding:40px 0 80px;background:url(/assets/main.jpg) center/cover no-repeat;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2ed9,#16213ecc,#0f3460bf)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/hero-pattern.png) repeat;opacity:.05}.hero-content{position:relative;z-index:2;display:flex;justify-content:center;text-align:center}.hero-text{color:#fff;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-logo{width:320px;max-width:80%;height:auto;-o-object-fit:contain;object-fit:contain;margin:0 0 14px;filter:drop-shadow(0 6px 18px rgba(15,23,42,.2))}.hero-badge{display:inline-block;background:#e9456033;color:#e94560;padding:8px 24px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(233,69,96,.3)}.hero-text h1{font-size:52px;font-weight:800;line-height:1.2;margin-bottom:24px}.hero-text h1 .highlight{color:#e94560;position:relative}.hero-text .hero-subtitle{font-size:20px;color:#ff8038;line-height:1.6;margin-bottom:16px;max-width:700px;font-weight:500}.hero-text p{font-size:18px;color:#fffc;line-height:1.8;margin-bottom:35px;max-width:600px}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero-buttons .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 35px;background:#e94560;color:#fff;border-radius:5px;text-decoration:none;font-weight:600;transition:all .3s ease}.hero-buttons .btn-primary:hover{background:#ff8038;transform:translateY(-3px);box-shadow:0 10px 30px #e945604d}.hero-buttons .btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 35px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:5px;text-decoration:none;font-weight:600;transition:all .3s ease}.hero-buttons .btn-secondary:hover{border-color:#e94560;background:#e945601a;transform:translateY(-3px)}.hero-shapes{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;background:#e945601a;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;top:-100px;right:-100px;animation-delay:0s}.shape-2{width:200px;height:200px;bottom:-50px;left:-50px;background:#ffffff0d;animation-delay:-5s}.shape-3{width:150px;height:150px;top:50%;right:20%;background:#0f34604d;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,-10px) scale(1.05)}}.home-about-section{padding:100px 0;background:#fff}.home-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{position:relative}.image-wrapper{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px #0000001a}.about-img{width:100%;height:500px;-o-object-fit:cover;object-fit:cover}.experience-badge{position:absolute;bottom:-30px;right:-30px;background:#e94560;color:#fff;padding:20px 30px;border-radius:10px;text-align:center;box-shadow:0 10px 30px #e945604d}.experience-badge .years{font-size:32px;font-weight:800;display:block;line-height:1}.experience-badge .label{font-size:14px;opacity:.9}.section-header{margin-bottom:40px}.section-subtitle{display:inline-block;font-size:14px;font-weight:600;color:#e94560;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.section-header h2{font-size:40px;font-weight:700;color:#1a1a2e;margin-bottom:15px;line-height:1.2}.section-header h2 .highlight{color:#e94560}.section-header p{font-size:16px;color:#666;line-height:1.8}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.feature-item{display:flex;gap:15px;padding:20px;border-radius:10px;background:#f8f9fa;transition:all .3s ease}.feature-item:hover{background:#fff;box-shadow:0 10px 30px #0000000d;transform:translateY(-3px)}.feature-icon{flex-shrink:0;width:50px;height:50px;background:#e945601a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#e94560;font-size:22px}.feature-text h4{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:5px}.feature-text p{font-size:14px;color:#666;line-height:1.5;margin:0}.about-cta{margin-top:20px}.about-cta .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 35px;background:#e94560;color:#fff;border-radius:5px;text-decoration:none;font-weight:600;transition:all .3s ease}.home-services-section{padding:100px 0;background:#f8f9fa}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:50px 0}.service-card{background:#fff;padding:35px 25px;border-radius:10px;text-align:center;transition:all .3s ease;box-shadow:0 5px 20px #0000000d;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#e94560,#0f3460);opacity:0;transition:opacity .3s ease}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.service-card:hover:before{opacity:1}.service-icon{font-size:48px;margin-bottom:20px;transition:all .3s ease}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-card h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:10px}.service-card p{font-size:14px;color:#666;line-height:1.6;margin-bottom:15px}.service-link{display:inline-flex;align-items:center;gap:8px;color:#e94560;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease}.service-link:hover{gap:15px;color:#ff8038}.services-cta{text-align:center;margin-top:20px}.services-cta .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 35px;background:#e94560;color:#fff;border-radius:5px;text-decoration:none;font-weight:600;transition:all .3s ease}.services-cta .btn-primary:hover{background:#ff8038;transform:translateY(-3px);box-shadow:0 10px 30px #e945604d}.stats-section{padding:100px 0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(233,69,96,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(15,52,96,.2) 0%,transparent 50%)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;z-index:1}.stat-item{text-align:center;color:#fff;padding:40px 20px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item:hover{transform:translateY(-10px);background:#ffffff1a;border-color:#e945604d;box-shadow:0 20px 40px #0003}.stat-icon{font-size:48px;color:#e94560;margin-bottom:20px;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#e945601a;border-radius:50%;transition:all .3s ease}.stat-item:hover .stat-icon{background:#e9456033;transform:scale(1.1)}.stat-number{font-size:52px;font-weight:800;margin-bottom:10px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.stat-label{font-size:16px;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:1px}.home-contact-section{padding:100px 0;background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;margin-top:50px}.contact-info-cards{display:grid;gap:20px}.contact-card{display:flex;align-items:center;gap:20px;padding:20px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.contact-card:hover{background:#fff;box-shadow:0 10px 30px #0000000d;transform:translate(5px)}.contact-card-icon{flex-shrink:0;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.contact-card-content h4{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:3px}.contact-card-content p,.contact-card-content a{font-size:14px;color:#666;text-decoration:none;transition:color .3s ease}.contact-card-content a:hover{color:#e94560}.contact-form-wrapper{background:#f8f9fa;padding:40px;border-radius:15px}.contact-form h3{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:14px 18px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;transition:all .3s ease;background:#fff;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e94560;box-shadow:0 0 0 3px #e945601a}.submit-btn{width:100%;padding:14px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.success-message{margin-top:15px;padding:12px 20px;background:#d4edda;color:#155724;border-radius:8px;font-size:14px}.error-message{margin-top:15px;padding:12px 20px;background:#f8d7da;color:#721c24;border-radius:8px;font-size:14px}@media (max-width: 1200px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.hero-content{text-align:center}.hero-text p{max-width:100%;margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.home-about-grid,.contact-grid{grid-template-columns:1fr}.services-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-text h1{font-size:36px}.section-header h2{font-size:30px}.features-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:25px}.experience-badge{bottom:-20px;right:10px;padding:15px 20px}.experience-badge .years{font-size:24px}}@media (max-width: 480px){.hero-text h1{font-size:28px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;max-width:300px;margin:0 auto}.stat-item{padding:30px 20px}.stat-number{font-size:40px}.stat-icon{width:60px;height:60px;font-size:36px}}.service-list-section{padding:70px 0 60px;background:#f8f9fa}.page-header{text-align:center;margin-bottom:50px}.page-header h1{font-size:42px;font-weight:700;color:#1a1a2e;margin-bottom:15px}.page-header p{font-size:18px;color:#666;max-width:700px;margin:0 auto;line-height:1.8}.service-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 15px #0000000d}.filter-dropdown select{border:none;background:transparent;padding:8px 5px;font-size:14px;outline:none;cursor:pointer;color:#333}.services-container{display:grid;gap:30px}.services-container.grid{grid-template-columns:repeat(3,1fr)}.services-container.list{grid-template-columns:1fr}.service-item{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 15px #0000000d}.service-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.service-item-inner{padding:30px;display:flex;gap:20px}.service-item.list-view .service-item-inner{flex-direction:row}.service-item:not(.list-view) .service-item-inner{flex-direction:column;text-align:center}.service-image{width:100%;height:180px;overflow:hidden;margin-bottom:1rem}.service-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.service-item:hover .service-image img{transform:scale(1.05)}.service-icon-wrapper{flex-shrink:0;width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:30px}.service-content{flex:1}.service-content h3{font-size:20px;font-weight:600;color:#1a1a2e;margin-bottom:10px}.service-content p{font-size:15px;color:#666;line-height:1.6}.service-details{margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0}.service-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;flex-wrap:wrap;gap:10px}.category-tag{display:inline-block;padding:4px 12px;background:#f0f0f0;border-radius:20px;font-size:12px;text-transform:capitalize;color:#666}.learn-more-btn{display:inline-flex;align-items:center;gap:8px;color:#e94560;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.service-cta{margin-top:60px;background:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:15px;padding:60px;text-align:center;color:#fff}.cta-content h3{font-size:32px;font-weight:700;margin-bottom:15px}.cta-content p{font-size:18px;opacity:.9;max-width:600px;margin:0 auto 30px;line-height:1.6}.cta-content .btn-primary{background:#e94560;color:#fff;padding:14px 35px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.cta-content .btn-primary:hover{background:#ff8038;transform:translateY(-3px);box-shadow:0 10px 30px #e945604d}.service-detail-section{padding:70px 0 60px;background:#fff}.service-detail-header{display:flex;gap:40px;align-items:flex-start;margin-bottom:50px}.service-icon-large{flex-shrink:0;width:120px;height:120px;border-radius:20px;display:flex;align-items:center;justify-content:center}.service-image-large{flex-shrink:0;width:200px;height:200px;border-radius:20px;overflow:hidden}.service-image-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.service-header-content h1{font-size:38px;font-weight:700;color:#1a1a2e;margin-bottom:10px}.service-category{margin-bottom:15px}.category-badge{display:inline-block;padding:5px 15px;border-radius:20px;color:#fff;font-size:13px;font-weight:600;text-transform:capitalize}.service-description{font-size:18px;color:#555;line-height:1.8;margin-bottom:20px;max-width:700px}.service-header-actions{display:flex;gap:15px;flex-wrap:wrap}.service-header-actions .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:12px 30px;background:#e94560;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.service-header-actions .btn-primary:hover{background:#ff8038;transform:translateY(-2px);box-shadow:0 10px 30px #e945604d}.service-header-actions .btn-outline{display:inline-flex;align-items:center;gap:10px;padding:12px 30px;border:2px solid #e94560;color:#e94560;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.service-header-actions .btn-outline:hover{background:#e94560;color:#fff;transform:translateY(-2px)}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:50px 0}.service-features h2,.service-process h2{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:25px}.service-features ul{list-style:none;padding:0}.service-features ul li{display:flex;align-items:flex-start;gap:15px;padding:12px 0;border-bottom:1px solid #f0f0f0}.service-features ul li svg{margin-top:3px;flex-shrink:0}.service-features ul li span{font-size:16px;color:#555}.process-steps{position:relative}.process-step{display:flex;gap:20px;margin-bottom:20px;align-items:flex-start}.step-number{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.step-content{flex:1;padding-top:8px}.step-content p{font-size:15px;color:#555;line-height:1.6;margin:0}.step-connector{width:2px;height:30px;border-left:2px dashed;margin-left:19px}.service-benefits{margin:50px 0}.service-benefits h2{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:30px;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.benefit-item{text-align:center;padding:30px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.benefit-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.benefit-icon{font-size:40px;margin-bottom:15px}.benefit-item h4{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:10px}.benefit-item p{font-size:14px;color:#666;line-height:1.6}.related-services{margin:50px 0}.related-services h2{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:30px}.related-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.related-service-card{background:#f8f9fa;padding:25px;border-radius:12px;text-decoration:none;transition:all .3s ease}.related-service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.related-icon{font-size:30px;margin-bottom:10px}.related-image{width:100%;height:120px;border-radius:8px;overflow:hidden;margin-bottom:10px}.related-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-service-card h4{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.related-service-card p{font-size:14px;color:#666;line-height:1.6;margin-bottom:10px}.related-service-card:hover .related-link{gap:10px}.service-detail-cta{margin-top:60px;padding:60px;border-radius:15px;text-align:center;color:#fff}.service-detail-cta .cta-content h3{font-size:32px;font-weight:700;margin-bottom:15px}.service-detail-cta .cta-content p{font-size:18px;opacity:.9;max-width:600px;margin:0 auto 30px;line-height:1.6}.btn-primary-light{display:inline-flex;align-items:center;gap:10px;padding:14px 35px;background:#fff;color:#1a1a2e;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-primary-light:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.btn-outline-light{display:inline-flex;align-items:center;gap:10px;padding:14px 35px;border:2px solid rgba(255,255,255,.5);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-outline-light:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px)}.service-categories-section{padding:100px 0;background:#fff}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:50px 0}.category-card{background:#f8f9fa;border-radius:12px;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.category-card.expanded{border-color:#e94560}.category-header{display:flex;align-items:center;gap:15px;padding:20px;cursor:pointer;transition:background .3s ease}.category-header:hover{background:#00000005}.category-icon-wrapper{flex-shrink:0;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px}.category-info{flex:1}.category-info h3{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:3px}.category-info p{font-size:13px;color:#666;margin:0}.category-toggle{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:5px;transition:color .3s ease}.category-toggle:hover{color:#e94560}.category-body{padding:0 20px 20px;animation:slideDown .3s ease}.category-body h4{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:10px}.category-body ul{list-style:none;padding:0;margin-bottom:15px}.category-body ul li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:#555}.service-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.category-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease}.category-link:hover{gap:12px}.categories-cta{margin-top:50px}.cta-box{background:linear-gradient(135deg,#f8f9fa,#fff);padding:50px;border-radius:15px;text-align:center;border:2px solid #f0f0f0}.cta-box h3{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:15px}.cta-box p{font-size:16px;color:#666;max-width:600px;margin:0 auto 25px;line-height:1.6}@media (max-width: 1200px){.services-container.grid,.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.service-detail-header{flex-direction:column;align-items:center;text-align:center}.service-detail-grid{grid-template-columns:1fr}.service-header-actions{justify-content:center}.benefits-grid,.related-services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.service-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.toolbar-controls{justify-content:space-between}.services-container.grid,.categories-grid,.benefits-grid,.related-services-grid{grid-template-columns:1fr}.page-header h1{font-size:30px}.service-detail-header h1{font-size:28px}.service-cta,.service-detail-cta,.cta-box{padding:30px}.service-header-actions{flex-direction:column;align-items:center}.service-detail-cta .cta-content h3{font-size:24px}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.category-header{flex-wrap:wrap}.service-item-inner{padding:20px}.service-icon-wrapper{width:60px;height:60px;font-size:24px}}.service-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.service-detail-modal{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:15px;right:15px;background:#f3f4f6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#6b7280;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:#e94560;color:#fff}.modal-header{padding:30px 30px 20px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #f3f4f6}.modal-service-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}.modal-service-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-service-icon{width:80px;height:80px;border-radius:12px;background:#e9456015;display:flex;align-items:center;justify-content:center;font-size:36px;color:#e94560;flex-shrink:0}.modal-header-content h2{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.modal-header-content .category-badge{display:inline-block;padding:4px 12px;background:#e94560;color:#fff;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.modal-body{padding:25px 30px}.modal-description{font-size:16px;color:#4b5563;line-height:1.7;margin-bottom:25px}.modal-features{margin-bottom:25px}.modal-features h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:15px}.modal-features ul{list-style:none;padding:0;margin:0}.modal-features li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:#4b5563}.modal-features li svg{color:#e94560;flex-shrink:0;margin-top:3px}.modal-benefits{margin-bottom:25px}.modal-benefits h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:15px}.modal-benefits .benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.modal-benefits .benefit-item{background:#f8f9fa;padding:20px;border-radius:12px;text-align:center}.modal-benefits .benefit-icon{font-size:24px;color:#e94560;margin-bottom:10px}.modal-benefits .benefit-item h4{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.modal-benefits .benefit-item p{font-size:13px;color:#6b7280;line-height:1.5}.modal-related-services{margin-bottom:10px}.modal-related-services h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:15px}.modal-related-services .related-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.modal-related-services .related-service-card{background:#f8f9fa;padding:15px;border-radius:12px;text-align:center;cursor:pointer;border:none;width:100%;transition:all .3s ease}.modal-related-services .related-service-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000014}.modal-related-services .related-image{width:100%;height:80px;border-radius:8px;overflow:hidden;margin-bottom:10px}.modal-related-services .related-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-related-services .related-icon{font-size:24px;color:#e94560;margin-bottom:10px}.modal-related-services .related-service-card h4{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:5px}.modal-related-services .related-service-card p{font-size:12px;color:#6b7280}.modal-footer{padding:20px 30px 30px;display:flex;justify-content:center;gap:15px;border-top:1px solid #f3f4f6;flex-wrap:wrap}.modal-footer .btn-primary,.modal-footer .btn-outline{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s ease}.modal-footer .btn-primary{background:#e94560;color:#fff}.modal-footer .btn-primary:hover{background:#d13354}.modal-footer .btn-outline{background:transparent;color:#e94560;border:2px solid #e94560}.modal-footer .btn-outline:hover{background:#e94560;color:#fff}@media (max-width: 768px){.service-detail-modal{max-height:95vh;border-radius:12px}.modal-header{padding:20px;flex-direction:column;text-align:center}.modal-service-image,.modal-service-icon{width:60px;height:60px}.modal-header-content h2{font-size:20px}.modal-body{padding:20px}.modal-benefits .benefits-grid,.modal-related-services .related-services-grid{grid-template-columns:1fr}.modal-footer{padding:15px 20px 20px;flex-direction:column}.modal-footer .btn-primary,.modal-footer .btn-outline{width:100%;justify-content:center}}.about-us-section{padding:70px 0 60px;background:#fff}.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px}.about-hero-content h1{font-size:42px;font-weight:700;color:#1a1a2e;margin-bottom:20px;line-height:1.2}.about-hero-content h1 .highlight{color:#e94560}.about-hero-content p{font-size:18px;color:#666;line-height:1.8;margin-bottom:30px}.about-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hero-stat{text-align:center}.hero-stat .stat-number{font-size:32px;font-weight:800}.hero-stat .stat-label{font-size:13px;color:#666;margin-top:3px}.about-hero-image{position:relative}.about-hero-image .image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000001a}.about-hero-image img{width:100%;height:500px;-o-object-fit:cover;object-fit:cover}.floating-card{position:absolute;background:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:10px;animation:float 3s ease-in-out infinite}.floating-card svg{color:#e94560;font-size:20px}.floating-card p{font-weight:600;color:#1a1a2e;margin:0;font-size:14px}.card-1{top:20px;right:-20px;animation-delay:0s}.card-2{bottom:30px;left:-20px;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.our-story{margin-bottom:80px;padding:60px 0;background:#f8f9fa;border-radius:20px}.story-content{max-width:800px;margin:0 auto;text-align:center}.story-content h2{font-size:36px;font-weight:700;color:#1a1a2e;margin-bottom:25px}.story-content h2 .highlight{color:#e94560}.story-image{margin:0 auto 30px;max-width:600px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.story-image img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;display:block}.story-text p{font-size:16px;color:#555;line-height:1.8;margin-bottom:15px}.story-milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.milestone{text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d}.milestone-year{font-size:24px;font-weight:800;color:#e94560}.milestone-text{font-size:14px;color:#666;margin-top:5px}.core-values{margin-bottom:80px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.value-card{text-align:center;padding:30px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.value-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.value-icon{width:70px;height:70px;background:#e945601a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#e94560;font-size:30px}.value-card h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:10px}.value-card p{font-size:14px;color:#666;line-height:1.6}.why-choose-us{margin-bottom:60px;padding:60px 0;background:#f8f9fa;border-radius:20px}.choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.choose-item{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #0000000d;transition:all .3s ease}.choose-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.choose-number{font-size:36px;font-weight:800;color:#e94560;opacity:.2;margin-bottom:10px}.choose-item h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:10px}.choose-item p{font-size:14px;color:#666;line-height:1.6}.about-cta{background:linear-gradient(135deg,#1a1a2e,#0f3460);padding:60px;border-radius:20px;text-align:center;color:#fff}.about-cta .cta-content h3{font-size:32px;font-weight:700;margin-bottom:15px}.about-cta .cta-content p{font-size:18px;opacity:.9;max-width:600px;margin:0 auto 30px;line-height:1.6}.cta-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.about-cta .btn-primary{background:#e94560;color:#fff;padding:14px 35px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.about-cta .btn-primary:hover{background:#ff8038;transform:translateY(-3px);box-shadow:0 10px 30px #e945604d}.about-cta .btn-outline{background:transparent;color:#fff;padding:14px 35px;border-radius:8px;text-decoration:none;font-weight:600;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.about-cta .btn-outline:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px)}.team-section{padding:70px 0 60px;background:#f8f9fa}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0 60px}.team-stat-item{display:flex;align-items:center;justify-content:center;gap:20px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #0000000d}.team-stat-item .stat-icon{font-size:40px;color:#e94560}.stat-info{text-align:center}.stat-info .stat-number{font-size:32px;font-weight:800;color:#1a1a2e;display:block}.stat-info .stat-label{font-size:14px;color:#666}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.team-card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 20px #0000000d;cursor:pointer}.team-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.team-card-image{position:relative;overflow:hidden;padding-top:100%}.team-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.team-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e94560,#ff8038);color:#fff;font-size:3rem}.team-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#e94560cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;font-weight:600}.team-card:hover .team-card-overlay{opacity:1}.team-card-content{padding:20px;text-align:center}.team-card-content h4{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:5px}.team-card-content .position{font-size:14px;color:#666;margin-bottom:10px}.team-social{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.team-social a{width:35px;height:35px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;transition:all .3s ease;text-decoration:none}.team-social a:hover{color:#fff;transform:translateY(-2px)}.team-social a[href*=linkedin]:hover{background:#0077b5}.team-social a[href]:hover{background:#6b7280}.team-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:40px;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:15px;right:20px;font-size:30px;background:none;border:none;cursor:pointer;color:#666;transition:color .3s ease}.modal-close:hover{color:#e94560}.modal-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px}.modal-image{text-align:center}.modal-image img{width:100%;max-width:250px;border-radius:12px;margin-bottom:15px}.modal-placeholder{width:100%;max-width:250px;aspect-ratio:1;border-radius:12px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e94560,#ff8038);color:#fff;font-size:4rem}.modal-image h3{font-size:22px;font-weight:700;color:#1a1a2e;margin-bottom:5px}.modal-image .modal-position{color:#666;font-size:14px;margin-bottom:15px}.modal-social{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.modal-social a{width:40px;height:40px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666;font-size:18px;transition:all .3s ease;text-decoration:none}.modal-social a:hover{color:#fff;transform:translateY(-2px)}.modal-social a[href*=linkedin]:hover{background:#0077b5}.modal-social a[href]:hover{background:#6b7280}.modal-bio{margin-bottom:20px}.modal-bio .quote-icon{color:#e94560;font-size:24px;margin-bottom:10px}.modal-bio p{font-size:16px;color:#555;line-height:1.8}.detail-item{margin-bottom:20px}.detail-item strong{display:block;font-size:14px;color:#1a1a2e;margin-bottom:8px}.detail-item p{font-size:14px;color:#555}.detail-item ul{list-style:none;padding:0}.detail-item ul li{padding:5px 0 5px 20px;position:relative;font-size:14px;color:#555}.detail-item ul li:before{content:"•";position:absolute;left:0;color:#e94560;font-weight:700}.join-team-cta{text-align:center;padding:50px;background:#fff;border-radius:15px;margin-top:40px;box-shadow:0 5px 20px #0000000d}.join-team-cta h3{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:15px}.join-team-cta p{font-size:16px;color:#666;max-width:500px;margin:0 auto 25px}.mission-vision-section{padding:70px 0 60px;background:#fff}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:50px 0}.mv-card{padding:40px;border-radius:15px;transition:all .3s ease;position:relative;overflow:hidden}.mv-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px}.mission-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #f0f0f0}.mission-card:before{background:#e94560}.vision-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #f0f0f0}.vision-card:before{background:#0f3460}.mv-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.mv-icon-wrapper{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mission-card .mv-icon-wrapper{background:#e945601a}.vision-card .mv-icon-wrapper{background:#0f34601a}.mv-icon{font-size:30px}.mission-card .mv-icon{color:#e94560}.vision-card .mv-icon{color:#0f3460}.mv-label{display:inline-block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.mission-card .mv-label{color:#e94560}.vision-card .mv-label{color:#0f3460}.mv-card h3{font-size:26px;font-weight:700;color:#1a1a2e;margin-bottom:15px}.mv-card p{font-size:15px;color:#666;line-height:1.8;margin-bottom:20px}.mv-features{display:flex;flex-direction:column;gap:10px}.mv-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:#555}.mv-feature svg{color:#e94560;flex-shrink:0}.core-values-section{margin:60px 0}.core-values-section h3{font-size:28px;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:30px}.core-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.core-value-item{text-align:center;padding:25px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.core-value-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.cv-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#fff;font-size:24px}.core-value-item h4{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.core-value-item p{font-size:14px;color:#666;line-height:1.6}.objectives-section{margin:60px 0;padding:40px;background:#f8f9fa;border-radius:15px}.objectives-header{text-align:center;margin-bottom:30px}.objectives-header h3{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:5px}.objectives-header p{font-size:16px;color:#666}.objectives-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.objective-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d}.objective-number{width:35px;height:35px;border-radius:50%;background:#e94560;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.objective-item p{font-size:14px;color:#555;margin:0}.strategic-goals{margin:60px 0}.strategic-goals h3{font-size:28px;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:30px}.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.goal-card{padding:25px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.goal-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.goal-icon{width:50px;height:50px;background:#e945601a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#e94560;font-size:24px;margin-bottom:15px}.goal-card h4{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.goal-card p{font-size:14px;color:#666;line-height:1.6}.commitment-section{margin-top:60px;background:linear-gradient(135deg,#1a1a2e,#0f3460);padding:50px;border-radius:15px;color:#fff}.commitment-content h3{font-size:28px;font-weight:700;margin-bottom:15px}.commitment-content p{font-size:16px;opacity:.9;margin-bottom:20px}.commitment-content ul{list-style:none;padding:0;margin-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.commitment-content ul li{padding:8px 0 8px 25px;position:relative;font-size:14px}.commitment-content ul li:before{content:"✓";position:absolute;left:0;color:#e94560;font-weight:700}.commitment-content .btn-primary{background:#e94560;color:#fff;padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.commitment-content .btn-primary:hover{background:#ff8038;transform:translateY(-3px);box-shadow:0 10px 30px #e945604d}@media (max-width: 1200px){.values-grid,.choose-grid,.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.about-hero{grid-template-columns:1fr;text-align:center}.about-hero-stats{justify-content:center}.about-hero-image img{height:350px}.mv-grid{grid-template-columns:1fr}.core-values-grid{grid-template-columns:repeat(2,1fr)}.objectives-grid,.goals-grid,.commitment-content ul,.modal-grid{grid-template-columns:1fr}.modal-image img{max-width:200px}}@media (max-width: 768px){.about-hero-content h1{font-size:30px}.about-hero-stats,.story-milestones{grid-template-columns:repeat(2,1fr)}.values-grid,.choose-grid,.team-grid,.team-stats,.core-values-grid{grid-template-columns:1fr}.floating-card{display:none}.about-cta{padding:30px}.about-cta .cta-content h3{font-size:24px}.cta-buttons{flex-direction:column;align-items:center}.modal-content,.objectives-section{padding:20px}.commitment-section{padding:30px}}@media (max-width: 480px){.about-hero-stats{grid-template-columns:1fr 1fr;gap:10px}.hero-stat .stat-number{font-size:24px}.story-milestones{grid-template-columns:1fr 1fr}}.projects-section{padding:70px 0 60px;background:#f8f9fa}.featured-projects{margin-bottom:50px}.featured-projects h2{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:30px;position:relative;padding-bottom:15px}.featured-projects h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:#e94560;border-radius:3px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 15px #0000000d}.search-box{flex:1;display:flex;align-items:center;background:#f8f9fa;border-radius:8px;overflow:hidden;max-width:400px}.search-box input{flex:1;padding:12px 18px;border:none;background:transparent;font-size:15px;outline:none}.search-box .search-btn{padding:12px 18px;background:#e94560;color:#fff;border:none;cursor:pointer;transition:background .3s ease}.search-box .search-btn:hover{background:#ff8038}.toolbar-controls{display:flex;align-items:center;gap:15px}.filter-dropdown{display:flex;align-items:center;gap:10px;background:#f8f9fa;padding:8px 15px;border-radius:8px}.filter-dropdown .filter-icon{color:#666}.filter-dropdown select{border:none;background:transparent;padding:8px 5px;font-size:14px;outline:none;cursor:pointer;color:#333;min-width:150px}.view-toggle{display:flex;gap:5px;background:#f8f9fa;padding:5px;border-radius:8px}.view-btn{padding:8px 12px;background:transparent;border:none;border-radius:5px;cursor:pointer;color:#666;transition:all .3s ease}.view-btn:hover{background:#e945601a;color:#e94560}.view-btn.active{background:#e94560;color:#fff}.results-count{color:#666;font-size:14px;margin-bottom:20px}.projects-container{display:grid;gap:30px}.projects-container.grid{grid-template-columns:repeat(3,1fr)}.projects-container.list{grid-template-columns:1fr}.project-card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 15px #0000000d;position:relative}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.project-card.featured{border:2px solid #e94560}.project-card-inner{display:flex;flex-direction:column;height:100%}.project-image{position:relative;overflow:hidden;padding-top:66.67%;background:#f0f0f0}.project-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.project-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;font-size:3rem}.project-card:hover .project-image img{transform:scale(1.05)}.project-status{position:absolute;top:15px;right:15px;padding:5px 15px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#666}.featured-badge{position:absolute;top:15px;left:15px;padding:5px 15px;border-radius:20px;background:#e94560;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a2ecc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-overlay.visible{opacity:1}.view-details-btn{padding:12px 25px;background:#e94560;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.view-details-btn:hover{background:#ff8038;transform:scale(1.05)}.project-content{padding:20px;flex:1;display:flex;flex-direction:column}.project-category{margin-bottom:8px}.category-tag{display:inline-block;padding:3px 12px;background:#e945601a;color:#e94560;border-radius:20px;font-size:12px;font-weight:600}.project-content h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:10px}.project-content h3 a{color:#1a1a2e;text-decoration:none;transition:color .3s ease}.project-content h3 a:hover{color:#e94560}.project-description{font-size:14px;color:#666;line-height:1.6;flex:1;margin-bottom:15px}.project-meta{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.meta-item{font-size:13px;color:#888;display:flex;align-items:center;gap:5px}.project-actions{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0}.learn-more-btn{display:inline-flex;align-items:center;gap:8px;color:#e94560;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease}.learn-more-btn:hover{gap:12px;color:#ff8038}.project-budget{font-size:13px;color:#666;font-weight:500}.project-card.list-view .project-card-inner{flex-direction:row}.project-card.list-view .project-image{flex:0 0 300px;padding-top:0;min-height:250px}.project-card.list-view .project-image img{position:relative}.project-card.list-view .project-content{flex:1}.project-details-list{margin:15px 0}.project-meta-list{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:10px}.project-meta-list span{font-size:14px;color:#666;display:flex;align-items:center;gap:5px}.project-impact{font-size:14px;color:#2ecc71;font-weight:600;margin-bottom:10px}.project-detail-list{list-style:none;padding:0}.project-detail-list li{padding:5px 0 5px 20px;position:relative;font-size:14px;color:#555}.project-detail-list li:before{content:"•";position:absolute;left:0;color:#e94560;font-weight:700}.pagination{display:flex;justify-content:center;gap:10px;margin-top:40px}.pagination button{padding:10px 16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;color:#333;font-size:14px;transition:all .3s ease;min-width:40px}.pagination button:hover:not(:disabled){background:#e94560;color:#fff;border-color:#e94560}.pagination button.active{background:#e94560;color:#fff;border-color:#e94560}.pagination button:disabled{opacity:.5;cursor:not-allowed}.no-results{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.no-results p{font-size:18px;color:#666;margin-bottom:20px}.no-results button{padding:12px 30px;background:#e94560;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.no-results button:hover{background:#ff8038;transform:translateY(-2px)}.projects-cta{margin-top:60px;background:linear-gradient(135deg,#1a1a2e,#0f3460);padding:60px;border-radius:15px;text-align:center;color:#fff}.projects-cta .cta-content h3{font-size:32px;font-weight:700;margin-bottom:15px}.projects-cta .cta-content p{font-size:18px;opacity:.9;max-width:600px;margin:0 auto 30px;line-height:1.6}.projects-cta .btn-primary{background:#e94560;color:#fff;padding:14px 35px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.projects-cta .btn-primary:hover{background:#ff8038;transform:translateY(-3px);box-shadow:0 10px 30px #e945604d}.project-detail-section{padding:70px 0 60px;background:#fff}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:#666;margin-bottom:20px}.breadcrumb a{color:#e94560;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#ff8038}.breadcrumb .current{color:#1a1a2e;font-weight:500}.back-btn{display:inline-flex;align-items:center;gap:10px;background:none;border:none;color:#666;font-size:15px;cursor:pointer;padding:10px 0;transition:color .3s ease;margin-bottom:30px}.back-btn:hover{color:#e94560}.project-detail-header{margin-bottom:40px}.project-badges{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.category-badge{display:inline-block;padding:5px 15px;background:#e945601a;color:#e94560;border-radius:20px;font-size:13px;font-weight:600}.status-badge{display:inline-block;padding:5px 15px;color:#fff;border-radius:20px;font-size:13px;font-weight:600}.featured-badge{display:inline-block;padding:5px 15px;background:#e94560;color:#fff;border-radius:20px;font-size:13px;font-weight:600}.project-detail-header h1{font-size:38px;font-weight:700;color:#1a1a2e;margin-bottom:15px}.project-meta-details{display:flex;gap:25px;flex-wrap:wrap}.project-meta-details span{display:flex;align-items:center;gap:8px;color:#666;font-size:15px}.project-main-image{position:relative;border-radius:15px;overflow:hidden;margin-bottom:40px;cursor:pointer;box-shadow:0 10px 30px #0000001a}.project-main-image img{width:100%;height:500px;-o-object-fit:cover;object-fit:cover}.image-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(transparent,#000000b3);color:#fff;display:flex;align-items:center;gap:10px;font-size:14px;opacity:0;transition:opacity .3s ease}.project-main-image:hover .image-overlay{opacity:1}.project-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin:40px 0}.project-description h2{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:20px}.description-content p{font-size:16px;color:#555;line-height:1.8;margin-bottom:15px}.project-details-list{margin:30px 0}.project-details-list h3{font-size:20px;font-weight:600;color:#1a1a2e;margin-bottom:15px}.project-details-list ul{list-style:none;padding:0}.project-details-list ul li{padding:10px 0 10px 30px;position:relative;font-size:15px;color:#555;border-bottom:1px solid #f0f0f0}.project-details-list ul li:last-child{border-bottom:none}.project-details-list ul li svg{position:absolute;left:0;top:12px;color:#e94560}.project-impact-box{background:#2ecc711a;padding:20px;border-radius:10px;border-left:4px solid #2ecc71;margin:20px 0}.project-impact-box h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:5px}.project-impact-box p{font-size:15px;color:#555}.project-sidebar{display:flex;flex-direction:column;gap:25px}.sidebar-card{background:#f8f9fa;padding:25px;border-radius:12px}.sidebar-card h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:15px}.info-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9ecef}.info-item:last-child{border-bottom:none}.info-item .label{color:#888;font-size:14px}.info-item .value{color:#1a1a2e;font-weight:500;font-size:14px}.challenges,.solutions{margin-top:15px}.challenges h4,.solutions h4{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.challenges ul,.solutions ul{list-style:none;padding:0}.challenges ul li,.solutions ul li{padding:5px 0 5px 20px;position:relative;font-size:14px;color:#555}.challenges ul li:before{content:"×";position:absolute;left:0;color:#e74c3c;font-weight:700}.solutions ul li:before{content:"✓";position:absolute;left:0;color:#2ecc71;font-weight:700}.results-list{list-style:none;padding:0}.results-list li{padding:8px 0 8px 30px;position:relative;font-size:14px;color:#555}.results-list li .result-icon{position:absolute;left:0;top:10px;color:#2ecc71}.gallery-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px}.gallery-thumb{position:relative;cursor:pointer;padding-top:100%;overflow:hidden;border-radius:8px}.gallery-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-more{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.view-gallery-btn{width:100%;padding:10px;background:#e94560;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.view-gallery-btn:hover{background:#ff8038;transform:translateY(-2px)}.share-buttons{display:flex;gap:10px}.share-btn{flex:1;padding:10px;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;color:#555}.share-btn:hover{background:#e94560;color:#fff;border-color:#e94560}.related-projects{margin:50px 0}.related-projects h2{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:30px}.related-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.related-project-card{background:#f8f9fa;border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease}.related-project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.related-image{padding-top:66.67%;position:relative;overflow:hidden}.related-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.related-project-card:hover .related-image img{transform:scale(1.05)}.related-content{padding:20px}.related-content h4{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.related-content p{font-size:14px;color:#666;line-height:1.6;margin-bottom:10px}.related-link{color:#e94560;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.related-project-card:hover .related-link{gap:10px}.project-detail-cta{margin-top:50px;background:linear-gradient(135deg,#1a1a2e,#0f3460);padding:50px;border-radius:15px;text-align:center;color:#fff}.project-detail-cta .cta-content h3{font-size:28px;font-weight:700;margin-bottom:15px}.project-detail-cta .cta-content p{font-size:16px;opacity:.9;max-width:500px;margin:0 auto 25px;line-height:1.6}.project-detail-cta .btn-primary{background:#e94560;color:#fff;padding:14px 35px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.project-detail-cta .btn-primary:hover{background:#ff8038;transform:translateY(-3px);box-shadow:0 10px 30px #e945604d}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.gallery-modal-content{max-width:1200px;width:100%;max-height:90vh;position:relative}.gallery-close{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;transition:all .3s ease;z-index:10}.gallery-close:hover{transform:rotate(90deg);color:#e94560}.gallery-main{position:relative;width:100%;height:70vh;overflow:hidden;border-radius:12px}.gallery-main img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.gallery-nav:hover{background:#e94560cc}.gallery-nav.prev{left:20px}.gallery-nav.next{right:20px}.gallery-thumbnails{display:flex;gap:10px;margin-top:20px;overflow-x:auto;padding:10px 0;justify-content:center}.gallery-thumbnails .thumbnail{flex-shrink:0;width:80px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.gallery-thumbnails .thumbnail:hover{border-color:#ffffff80}.gallery-thumbnails .thumbnail.active{border-color:#e94560}.gallery-thumbnails .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.projects-loading,.project-detail-loading{text-align:center;padding:100px 20px}.spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #e94560;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.project-not-found{text-align:center;padding:100px 20px}.project-not-found h2{font-size:36px;color:#1a1a2e;margin-bottom:15px}.project-not-found p{font-size:18px;color:#666;margin-bottom:30px}@media (max-width: 1200px){.featured-grid,.projects-container.grid,.related-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.project-detail-grid{grid-template-columns:1fr}.project-card.list-view .project-card-inner{flex-direction:column}.project-card.list-view .project-image{flex:none;padding-top:66.67%}.project-card.list-view .project-image img{position:absolute}}@media (max-width: 768px){.featured-grid,.projects-container.grid,.related-projects-grid{grid-template-columns:1fr}.project-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.toolbar-controls{justify-content:space-between}.project-detail-header h1{font-size:28px}.project-main-image img{height:300px}.project-meta-details{flex-direction:column;gap:10px}.gallery-main{height:50vh}.gallery-nav{width:40px;height:40px;font-size:16px}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-thumbnails .thumbnail{width:60px;height:45px}.projects-cta,.project-detail-cta{padding:30px}.project-detail-cta .cta-content h3{font-size:24px}.project-card.list-view .project-image{min-height:200px}}@media (max-width: 480px){.project-main-image img{height:200px}.gallery-main{height:40vh}.page-header h1{font-size:28px}.project-detail-header h1{font-size:24px}.project-badges{gap:5px}.project-badges span{font-size:11px;padding:3px 10px}.sidebar-card{padding:15px}.gallery-thumbnails .thumbnail{width:50px;height:40px}}.project-title-link{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;text-decoration:none}.project-title-link:hover{color:#2563eb}.project-modal{max-width:600px}.project-modal-image{width:100%;height:250px;border-radius:.75rem;overflow:hidden;margin-bottom:1.5rem}.project-modal-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-modal-category{margin-bottom:.5rem}.project-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.project-modal-description{color:#4b5563;line-height:1.6;margin-bottom:1.5rem}.project-modal-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.project-modal-meta .meta-item{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.project-modal-link{display:inline-flex;align-items:center;gap:.5rem;color:#2563eb;text-decoration:none;font-weight:500}.project-modal-link:hover{text-decoration:underline}.modal-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;font-size:1.25rem;padding:.25rem;transition:color .2s ease}.modal-close-btn:hover{color:#1f2937}.contact-form-wrapper{background:#fff;padding:40px;border-radius:15px;box-shadow:0 5px 30px #0000000d}.form-header{margin-bottom:30px}.form-header h3{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.form-header p{font-size:15px;color:#666}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#1a1a2e;display:flex;align-items:center;gap:8px}.form-group label .input-icon{color:#e94560;font-size:14px}.form-group label .required{color:#e94560;font-weight:700}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;transition:all .3s ease;background:#fff;font-family:inherit;color:#333}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#e94560;box-shadow:0 0 0 3px #e945601a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#e74c3c}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:#f8f9fa;cursor:not-allowed}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-group textarea{resize:vertical;min-height:120px}.form-group .error-message{color:#e74c3c;font-size:13px;margin-top:4px;display:flex;align-items:center;gap:4px}.form-group .char-count{text-align:right;font-size:12px;color:#999;margin-top:4px}.submit-btn{padding:14px 35px;background:#e94560;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.submit-btn:hover:not(:disabled){background:#ff8038;transform:translateY(-2px);box-shadow:0 10px 30px #e945604d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn .spinner-small{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-success,.submit-error{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:10px;margin-top:20px;animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-success{background:#2ecc711a;border-left:4px solid #2ecc71}.submit-success svg{color:#2ecc71;font-size:24px;flex-shrink:0;margin-top:2px}.submit-success h4{color:#27ae60;margin-bottom:4px}.submit-success p{color:#555;font-size:14px;margin:0}.submit-error{background:#e74c3c1a;border-left:4px solid #e74c3c}.submit-error svg{color:#e74c3c;font-size:24px;flex-shrink:0;margin-top:2px}.submit-error h4{color:#c0392b;margin-bottom:4px}.submit-error p{color:#555;font-size:14px;margin:0}.contact-info-wrapper{padding:20px 0}.info-header{margin-bottom:40px}.info-header .section-subtitle{display:inline-block;font-size:14px;font-weight:600;color:#e94560;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.info-header h2{font-size:36px;font-weight:700;color:#1a1a2e;margin-bottom:15px}.info-header h2 .highlight{color:#e94560}.info-header p{font-size:16px;color:#666;max-width:500px;line-height:1.8}.contact-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px}.contact-card-item{display:flex;align-items:center;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.contact-card-item:hover{background:#fff;box-shadow:0 10px 30px #0000000d;transform:translateY(-3px)}.card-icon{flex-shrink:0;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.card-content{flex:1}.card-content h4{font-size:14px;font-weight:600;color:#888;margin-bottom:4px}.card-content p,.card-content .contact-link{font-size:16px;font-weight:500;color:#1a1a2e;text-decoration:none;transition:color .3s ease}.card-content .contact-link:hover{color:#e94560}.copy-btn{display:inline-flex;align-items:center;gap:6px;margin-top:4px;background:none;border:none;color:#888;font-size:13px;cursor:pointer;transition:all .3s ease;padding:4px 8px;border-radius:4px}.copy-btn:hover{background:#e945601a;color:#e94560}.copy-btn svg{font-size:14px}.social-section{text-align:center;padding:40px;background:#f8f9fa;border-radius:15px;margin-bottom:40px}.social-section h3{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.social-section p{font-size:15px;color:#666;margin-bottom:25px}.social-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:10px;padding:10px 25px;background:#fff;border-radius:8px;text-decoration:none;color:#333;font-weight:500;font-size:14px;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.social-link:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a;color:var(--social-color)}.social-link svg{font-size:20px}.quick-response{background:linear-gradient(135deg,#1a1a2e,#0f3460);padding:40px;border-radius:15px;margin-bottom:40px;color:#fff}.qr-content h3{font-size:24px;font-weight:700;margin-bottom:10px}.qr-content p{font-size:15px;opacity:.9;margin-bottom:20px;max-width:500px}.qr-buttons{display:flex;gap:15px;flex-wrap:wrap}.qr-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease}.qr-btn.phone{background:#e94560;color:#fff}.qr-btn.phone:hover{background:#ff8038;transform:translateY(-2px);box-shadow:0 10px 30px #e945604d}.qr-btn.whatsapp{background:#25d366;color:#fff}.qr-btn.whatsapp:hover{background:#1da85c;transform:translateY(-2px);box-shadow:0 10px 30px #25d3664d}.business-hours{padding:30px;background:#f8f9fa;border-radius:15px}.business-hours h3{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:20px}.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hour-item{display:flex;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:8px}.hour-item .day{color:#666;font-size:14px}.hour-item .time{color:#1a1a2e;font-weight:500;font-size:14px}.hour-item .time.closed{color:#e74c3c}.map-wrapper{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 30px #0000000d;transition:all .3s ease;margin-top:40px}.map-wrapper.fullscreen,.map-wrapper:fullscreen{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;border-radius:0;margin-top:0}.map-header{padding:20px 30px;background:#f8f9fa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.map-header>div{display:flex;flex-direction:column;gap:4px}.map-header h3{font-size:20px;font-weight:700;color:#1a1a2e;margin:0}.map-header p{color:#666;font-size:14px;margin:0;display:inline-flex;align-items:center;gap:6px}.map-header p svg{color:#e94560}.map-actions{display:flex;gap:10px;flex-wrap:wrap}.map-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#fff;color:#333;text-decoration:none}.map-btn.primary{background:#e94560;color:#fff;border-color:#e94560}.map-btn.primary:hover{background:#ff8038;transform:translateY(-1px);box-shadow:0 6px 16px #e945604d}.map-btn:hover{background:#f0f0f0}.map-frame{width:100%;height:420px;position:relative;background:#eef2f7;overflow:hidden}.map-wrapper.fullscreen .map-frame,.map-wrapper:fullscreen .map-frame{height:calc(100vh - 200px)}.map-frame iframe{width:100%;height:100%;border:0;display:block}.map-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;gap:15px}.map-loading .spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #e94560;border-radius:50%;animation:spin 1s linear infinite}.map-loading p{color:#666;font-size:14px}.map-fallback{width:100%;height:100%;position:relative}.map-fallback img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.map-error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#fffffff2;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:350px}.map-error-message p{color:#666;font-size:15px;margin-bottom:15px}.location-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:#e94560;color:#fff;border-radius:8px;font-weight:600;font-size:14px}.location-badge svg{font-size:18px}.map-footer{padding:15px 30px;background:#f8f9fa;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.map-meta{display:flex;flex-direction:column;gap:2px}.map-meta strong{font-size:14px;color:#1a1a2e}.map-meta span{font-size:13px;color:#666}.map-tools{display:flex;gap:8px;flex-wrap:wrap}.map-tool{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:13px;color:#333;cursor:pointer;text-decoration:none;transition:all .2s ease}.map-tool:hover{background:#e94560;color:#fff;border-color:#e94560}.address-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 30px;background:#fff}.address-item{display:flex;align-items:flex-start;gap:12px}.address-item svg{color:#e94560;font-size:18px;margin-top:2px;flex-shrink:0}.address-item div{display:flex;flex-direction:column}.address-item .label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:1px}.address-item .value{font-size:14px;color:#1a1a2e;font-weight:500}@media (max-width: 992px){.contact-cards-grid,.address-details{grid-template-columns:1fr}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:25px}.info-header h2{font-size:28px}.contact-card-item{padding:15px}.social-links{flex-direction:column;align-items:center}.social-link{width:100%;justify-content:center}.qr-buttons{flex-direction:column;align-items:stretch}.qr-btn{justify-content:center}.hours-grid{grid-template-columns:1fr}.map-header{flex-direction:column;align-items:stretch;text-align:center;padding:15px 20px}.map-actions{justify-content:center}.map-container{height:300px}.map-footer{flex-direction:column;align-items:stretch;text-align:center;padding:15px 20px}.location-info,.map-controls{justify-content:center}.address-details{padding:15px 20px}}@media (max-width: 480px){.contact-form-wrapper{padding:15px}.map-actions{flex-direction:column;align-items:stretch}.map-btn{width:100%;justify-content:center}.map-tools{flex-direction:column;align-items:stretch}.map-tool{width:100%;justify-content:center}.social-section{padding:20px}.quick-response{padding:25px}}.contact-page{padding-top:0}.contact-section{padding:20px 0 50px;background:#f8f9fa}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.contact-map{margin-top:50px}@media (max-width: 992px){.contact-grid{grid-template-columns:1fr;gap:30px}}@media (max-width: 768px){.contact-page{padding-top:0}.contact-section{padding:12px 0 40px}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary, #2563eb) 0%,var(--primary-dark, #1d4ed8) 50%,var(--gray-900, #111827) 100%);padding:2rem 1rem;position:relative;overflow:hidden}.admin-login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.06) 0%,transparent 40%);pointer-events:none}.login-container{display:grid;grid-template-columns:1fr;max-width:480px;width:100%;background:var(--white, #ffffff);border-radius:var(--radius-lg, 1rem);overflow:hidden;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / .1));position:relative;z-index:1}.login-box{padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;width:100%}.login-logo .logo-image{max-width:180px;height:auto;display:block;margin:0 auto}.login-badge{display:flex;align-items:center;justify-content:center;gap:.4rem;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;padding:.3rem .85rem;background:var(--primary-light, #dbeafe);color:var(--primary-dark, #1d4ed8);border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:600;margin-bottom:1.25rem}.login-badge svg{font-size:.75rem}.login-header h2{font-size:1.75rem;font-weight:700;color:var(--gray-900, #111827);margin-bottom:.4rem}.login-header p{color:var(--gray-500, #6b7280);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:0}.login-error{background:#fef2f2;color:var(--error, #ef4444);border:1px solid #fecaca;padding:.75rem 1rem;border-radius:var(--radius-md, .5rem);font-size:.875rem;margin-bottom:1.25rem;text-align:center}.login-form .form-group{margin-bottom:1.25rem}.login-form .form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--gray-700, #374151);margin-bottom:.5rem}.login-form .input-icon{color:var(--gray-400, #9ca3af);font-size:.85rem}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{width:100%;padding:.7rem .9rem;border:1px solid var(--gray-300, #d1d5db);border-radius:var(--radius-md, .5rem);background:var(--white, #ffffff);color:var(--gray-900, #111827);font-size:.95rem;transition:var(--transition, all .3s ease)}.login-form input:focus{border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px var(--primary-light, #dbeafe);outline:none}.login-form input:disabled{background:var(--gray-50, #f9fafb);cursor:not-allowed;opacity:.7}.login-form input.error{border-color:var(--error, #ef4444)}.login-form input.error:focus{box-shadow:0 0 0 3px #fee2e2}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:2.75rem}.toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;color:var(--gray-400, #9ca3af);padding:.4rem .6rem;border-radius:var(--radius-sm, .25rem);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition, all .3s ease)}.toggle-password:hover{color:var(--primary, #2563eb);background:var(--gray-50, #f9fafb)}.error-message{color:var(--error, #ef4444);font-size:.8rem;margin-top:.4rem}.login-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-size:.875rem}.remember-me{display:inline-flex;align-items:center;gap:.45rem;color:var(--gray-600, #4b5563);cursor:pointer}.remember-me input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary, #2563eb);cursor:pointer}.forgot-password{color:var(--primary, #2563eb);font-weight:500;transition:var(--transition, all .3s ease)}.forgot-password:hover{color:var(--primary-dark, #1d4ed8);text-decoration:underline}.login-btn{width:100%;padding:.85rem 1rem;background:var(--primary, #2563eb);color:var(--white, #ffffff);font-size:.95rem;font-weight:600;border-radius:var(--radius-md, .5rem);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition, all .3s ease)}.login-btn:hover:not(:disabled){background:var(--primary-dark, #1d4ed8);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / .1))}.login-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-small{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.4);border-top-color:var(--white, #ffffff);border-radius:50%;animation:spin .8s linear infinite}.login-info{display:none}@media (max-width: 768px){.login-box{padding:2rem 1.5rem}.login-header h2{font-size:1.5rem}}.forgot-success{text-align:center;padding:1rem 0;color:var(--gray-700, #374151);line-height:1.6;font-size:.95rem;display:flex;flex-direction:column;align-items:center;justify-content:center}[data-theme=dark],.dark-theme{--gray-50: #111827;--gray-100: #1f2937;--gray-200: #374151;--gray-300: #4b4563;--gray-400: #6b7280;--gray-500: #9ca3af;--gray-600: #d1d5db;--gray-700: #e5e7eb;--gray-800: #f3f4f6;--gray-900: #ffffff;--white: #111827;--card-bg: #1e1e3a;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: #2a2a4a}.admin-layout{display:flex;min-height:100vh;background:var(--gray-50, #f9fafb)}.admin-sidebar{width:260px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:50;transition:transform .3s ease}.admin-sidebar .logo{border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.sidebar-logo{height:80px;width:auto;-o-object-fit:contain;object-fit:contain}.admin-sidebar nav{flex:1;padding:1rem .75rem;overflow-y:auto}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#ffffffb3;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:.5rem;margin-bottom:.25rem;transition:all .15s ease}.menu-item:hover{background:#ffffff0d;color:#fff}.menu-item.active{background:var(--primary, #2563eb);color:#fff}.menu-item svg{font-size:1rem;flex-shrink:0}.logout-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.75rem;background:#ffffff0d;color:#ffffffb3;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.logout-btn:hover{background:#ef444426;color:#f87171}.admin-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;min-width:0;width:calc(100% - 260px)}.admin-page-content{flex:1;padding:2rem;min-width:0;width:100%}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:60;padding:.625rem;background:var(--card-bg, #ffffff);border:1px solid var(--gray-200, #e5e7eb);border-radius:.5rem;font-size:1.25rem;color:var(--gray-700, #374151);cursor:pointer;box-shadow:0 2px 8px #0000001a}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:45}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-content{margin-left:0;width:100%}.admin-page-content{padding:1rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block}.admin-topbar{padding-left:4rem}}.admin-sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.sidebar-brand{font-size:1.25rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden}.sidebar-toggle{background:#ffffff1a;color:#fff;border-radius:var(--radius-md);padding:.5rem;display:none;align-items:center;justify-content:center}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.nav-section{padding:.5rem 1.5rem;margin-top:.75rem}.nav-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400, #9ca3af);margin-bottom:.5rem;white-space:nowrap;overflow:hidden}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--gray-300, #d1d5db);transition:var(--transition);border-radius:0;width:100%;text-align:left;background:none;font-size:.95rem}.nav-item:hover,.nav-item.active{background:#ffffff14;color:#fff}.nav-item.active{border-left:3px solid var(--primary, #2563eb)}.nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.admin-header{height:64px;background:var(--white, #ffffff);border-bottom:1px solid var(--gray-200, #e5e7eb);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:40}.header-left{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;background:none;padding:.5rem;border-radius:var(--radius-md);color:var(--gray-600, #4b5563)}.header-title{font-size:1.125rem;font-weight:600;color:var(--gray-900, #111827)}.header-actions{display:flex;align-items:center;gap:.75rem}.card{background:var(--card-bg, #ffffff);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200, #e5e7eb);overflow:hidden}.card-title{font-size:1.125rem;font-weight:600;color:var(--gray-900, #111827)}.card-body{padding:1.5rem}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.875rem 1.5rem;text-align:left;font-size:.875rem}th{font-weight:600;color:var(--gray-500, #6b7280);text-transform:uppercase;letter-spacing:.05em;background:var(--gray-50, #f9fafb);border-bottom:1px solid var(--gray-200, #e5e7eb)}td{color:var(--gray-700, #374151);border-bottom:1px solid var(--gray-200, #e5e7eb)}tr:hover td{background:var(--gray-50, #f9fafb)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--card-bg, #ffffff);color:var(--gray-700, #374151);border:1px solid var(--gray-300, #d1d5db);border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;text-decoration:none}.btn-secondary:hover{background:var(--gray-50, #f9fafb);border-color:var(--gray-400, #9ca3af);color:var(--gray-900, #111827)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;text-decoration:none}.btn-danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700, #374151);margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300, #d1d5db);border-radius:var(--radius-md);background:var(--white, #ffffff);color:var(--gray-900, #111827);transition:var(--transition)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px var(--primary-light, #dbeafe)}.form-textarea{min-height:120px;resize:vertical}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0);width:260px}.admin-main{margin-left:0}.sidebar-toggle,.mobile-menu-btn{display:inline-flex}}@media (max-width: 640px){.header-title{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.card-header{flex-direction:column;align-items:flex-start}.admin-page-content{padding:1rem}.dashboard-header,.management-header{flex-direction:column;align-items:stretch}.dashboard-actions,.header-actions{width:100%}.dashboard-actions .btn-primary,.header-actions .btn-primary,.management-header .btn-primary{width:100%;justify-content:center}.management-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.toolbar-filters{width:100%;flex-wrap:wrap}.filter-group{flex:1 1 140px;min-width:0}.management-stats,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-container{overflow-x:auto}.admin-table th,.admin-table td{white-space:nowrap}.settings-tabs{display:flex;overflow-x:auto;width:100%}.settings-tab{flex:0 0 auto}.content-editor-container{padding:1rem}.milestone-item,.achievement-item,.value-item,.header-actions{flex-direction:column;align-items:stretch}.milestone-inputs,.achievement-inputs,.value-inputs{flex-direction:column}.milestone-year,.achievement-number{width:100%}.message-list{max-height:280px}}.admin-dashboard{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.dashboard-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900, #111827);margin-bottom:.25rem}.dashboard-header p{color:var(--gray-500, #6b7280);font-size:.95rem}.dashboard-actions{display:flex;gap:.75rem;flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary, #2563eb);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;text-decoration:none}.btn-primary:hover{background:var(--primary-dark, #1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--card-bg, #fff);border-radius:1rem;border:1px solid var(--gray-200, #e5e7eb);box-shadow:0 1px 3px #0000000d;text-decoration:none;color:inherit;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent, var(--primary, #2563eb));opacity:0;transition:opacity .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014;border-color:transparent}.stat-card:hover:before{opacity:1}.stat-icon-wrapper{width:3.5rem;height:3.5rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-number{display:block;font-size:1.75rem;font-weight:700;color:var(--gray-900, #111827);line-height:1.2}.stat-title{display:block;font-size:.875rem;color:var(--gray-500, #6b7280);margin-top:.25rem}.stat-link{font-size:.8rem;color:var(--primary, #2563eb);font-weight:500;opacity:0;transform:translate(-8px);transition:all .2s ease;white-space:nowrap}.stat-card:hover .stat-link{opacity:1;transform:translate(0)}@media (max-width: 768px){.stat-icon-wrapper{width:3rem;height:3rem;font-size:1.1rem;border-radius:.75rem}.stat-number{font-size:1.5rem}.stat-title{font-size:.8rem}.stat-link{font-size:.75rem}.stat-card{padding:1.25rem}}@media (max-width: 480px){.stat-icon-wrapper{width:2.75rem;height:2.75rem;font-size:1rem;border-radius:.625rem}.stat-number{font-size:1.35rem}.stat-title{font-size:.75rem}.stat-card{padding:1rem;gap:.75rem}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:var(--card-bg, #ffffff);border-radius:1rem;border:1px solid var(--gray-200, #e5e7eb);box-shadow:0 1px 3px #0000000d;overflow:hidden}.dashboard-card .card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100, #f3f4f6);display:flex;align-items:center;justify-content:space-between}.dashboard-card .card-header h3{font-size:1rem;font-weight:600;color:var(--gray-900, #111827)}.card-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .625rem;background:#dbeafe;color:#1e40af;border-radius:9999px}.view-all{font-size:.8rem;color:var(--primary, #2563eb);font-weight:500;text-decoration:none}.view-all:hover{text-decoration:underline}.activity-list{padding:.75rem 0}.activity-item{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1.5rem;transition:background .15s ease}.activity-item:hover{background:var(--gray-50, #f9fafb)}.activity-item svg{width:2rem;height:2rem;padding:.5rem;border-radius:.5rem;flex-shrink:0}.activity-icon.create{background:#d1fae5;color:#065f46}.activity-icon.update{background:#dbeafe;color:#1e40af}.activity-icon.delete{background:#fee2e2;color:#991b1b}.activity-icon.message{background:#fef3c7;color:#92400e}.activity-content{flex:1;min-width:0}.activity-content p{font-size:.875rem;color:var(--gray-700, #374151);margin-bottom:.25rem;line-height:1.4}.activity-time{font-size:.75rem;color:var(--gray-400, #9ca3af)}.project-list{padding:.75rem 0}.project-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.5rem;transition:background .15s ease}.project-item:hover{background:var(--gray-50, #f9fafb)}.project-info{flex:1;min-width:0}.project-info h4{font-size:.875rem;font-weight:500;color:var(--gray-800, #1f2937);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-date{font-size:.75rem;color:var(--gray-400, #9ca3af)}.project-status{font-size:.7rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;color:#fff;text-transform:uppercase;letter-spacing:.025em;flex-shrink:0}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem 1.5rem 1.5rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:.75rem;text-decoration:none;color:var(--gray-600, #4b5563);font-size:.8rem;font-weight:500;transition:all .2s ease}.action-card svg{font-size:1.25rem;color:var(--primary, #2563eb);transition:transform .2s ease}.action-card:hover{border-color:var(--primary, #2563eb);background:var(--card-bg, #ffffff);transform:translateY(-2px);box-shadow:0 4px 15px #2563eb1a}.action-card:hover svg{transform:scale(1.1)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.admin-loading .spinner{width:2.5rem;height:2.5rem;border:3px solid var(--gray-200, #e5e7eb);border-top-color:var(--primary, #2563eb);border-radius:50%;animation:spin .8s linear infinite}.admin-loading p{color:var(--gray-500, #6b7280);font-size:.875rem}@media (max-width: 768px){.dashboard-header{flex-direction:column}.dashboard-actions{width:100%}.btn-primary{flex:1;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.actions-grid{grid-template-columns:1fr}.stat-card{padding:1.25rem}.management-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-card .card-header,.detail-header,.message-header,.message-footer{flex-direction:column;align-items:flex-start}.settings-tabs,.content-tabs{flex-wrap:nowrap;overflow-x:auto}.settings-tab,.tab-btn{white-space:nowrap}.modal-footer,.detail-footer,.logout-actions{flex-direction:column}}.logout-confirm p{font-size:.95rem;font-weight:500;margin-bottom:1rem}.logout-actions{display:flex;gap:.5rem}.confirm-btn{flex:1;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.confirm-btn:hover{background:#dc2626}.cancel-btn{flex:1;padding:.5rem 1rem;background:transparent;color:var(--gray-400, #9ca3af);border:1px solid #4b5563;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#374151;color:#fff}.admin-management{max-width:1400px;width:100%;min-width:0;margin:0 auto}.management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;width:100%;min-width:0}.management-header h1{font-size:1.5rem;font-weight:700;color:var(--gray-900, #111827);margin-bottom:.25rem}.management-header p{color:var(--gray-500, #6b7280);font-size:.875rem}.management-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;width:100%;min-width:0}.search-box{position:relative;flex:1;max-width:320px}.search-box .search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--gray-400, #9ca3af);font-size:.875rem}.search-box input{width:100%;padding:.625rem .875rem .625rem 2.5rem;border:1px solid var(--gray-200, #e5e7eb);border-radius:.5rem;font-size:.875rem;background:var(--card-bg, #ffffff);transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.toolbar-filters{display:flex;align-items:center;gap:.75rem}.filter-group{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--card-bg, #ffffff);border:1px solid var(--gray-200, #e5e7eb);border-radius:.5rem;color:var(--gray-500, #6b7280)}.filter-group select{border:none;background:none;font-size:.875rem;color:var(--gray-700, #374151);cursor:pointer}.filter-group select:focus{outline:none}.management-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;width:100%;min-width:0}.stat-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.5rem;background:var(--card-bg, #ffffff);border:1px solid var(--gray-200, #e5e7eb);border-radius:.75rem;min-width:120px}.stat-label{font-size:.75rem;color:var(--gray-500, #6b7280);text-transform:uppercase;letter-spacing:.025em}.stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900, #111827)}.table-container{background:var(--card-bg, #ffffff);border:1px solid var(--gray-200, #e5e7eb);border-radius:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;min-width:0}.admin-table{width:100%;min-width:720px;border-collapse:collapse}.admin-table th,.admin-table td{padding:.875rem 1rem;text-align:left;font-size:.875rem}.admin-table th{font-weight:600;color:var(--gray-500, #6b7280);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;background:var(--gray-50, #f9fafb);border-bottom:1px solid var(--gray-200, #e5e7eb)}.admin-table td{color:var(--gray-700, #374151);border-bottom:1px solid var(--gray-100, #f3f4f6)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--gray-50, #f9fafb)}.admin-table input[type=checkbox]{width:1rem;height:1rem;border-radius:.25rem;cursor:pointer}.service-title{display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--gray-800, #1f2937)}.service-icon{color:var(--primary, #2563eb);font-size:1rem}.service-icon-img{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--gray-100, #f3f4f6);border-radius:.5rem;font-size:1.25rem;flex-shrink:0}.member-name{display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--gray-800, #1f2937)}.member-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--gray-100, #f3f4f6)}.member-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.member-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary, #e94560),#ff8038);color:#fff;font-weight:600;font-size:.875rem}.modal-close-btn{background:var(--gray-100, #f3f4f6);border:none;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--gray-500, #6b7280);transition:all .2s ease}.modal-close-btn:hover{background:var(--primary, #e94560);color:#fff}.social-links-form{display:flex;flex-direction:column;gap:.75rem}.social-input{display:flex;align-items:center;gap:.75rem}.social-icon{font-size:1.25rem;width:1.5rem;text-align:center;flex-shrink:0}.social-icon.linkedin{color:#0077b5}.social-icon.website{color:var(--gray-500, #6b7280)}.social-input .form-input{flex:1}.project-title{display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--gray-800, #1f2937)}.project-icon-img{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:.625rem;color:#4f46e5;font-size:1.125rem;flex-shrink:0}.project-info{display:flex;flex-direction:column;gap:.125rem}.project-info .title{font-weight:600;color:var(--gray-800, #1f2937)}.project-info .client{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--gray-500, #6b7280)}.location-text{display:flex;align-items:center;gap:.375rem;color:var(--gray-600, #4b5563);font-size:.875rem}.location-text svg{color:var(--gray-400, #9ca3af);font-size:.75rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.7rem;font-weight:600;color:#fff;text-transform:capitalize;letter-spacing:.025em}.featured-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--gray-200, #e5e7eb);border-radius:.375rem;background:var(--card-bg, #ffffff);color:var(--gray-400, #9ca3af);cursor:pointer;transition:all .2s ease}.featured-toggle:hover{border-color:#f59e0b;color:#f59e0b}.featured-toggle.active{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.category-tag{display:inline-flex;padding:.25rem .625rem;background:#ede9fe;color:#6d28d9;border-radius:9999px;font-size:.7rem;font-weight:500;text-transform:capitalize}.status-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:9999px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.status-toggle.active{background:#d1fae5;color:#065f46}.status-toggle.inactive{background:#fee2e2;color:#991b1b}.status-toggle svg{font-size:.625rem}.action-buttons{display:flex;gap:.375rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn.view{background:#dbeafe;color:#1e40af}.action-btn.view:hover{background:#bfdbfe}.action-btn.edit{background:#fef3c7;color:#92400e}.action-btn.edit:hover{background:#fde68a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:.75rem;color:var(--gray-400, #9ca3af)}.empty-state svg{font-size:3rem;opacity:.5}.empty-state h3{font-size:1rem;font-weight:600;color:var(--gray-600, #4b5563)}.empty-state p{font-size:.875rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{background:var(--card-bg, #ffffff);border-radius:1rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100, #f3f4f6)}.modal-header h3{font-size:1.125rem;font-weight:600;color:var(--gray-900, #111827)}.modal-body{padding:1.5rem}.modal-body p{color:var(--gray-600, #4b5563);font-size:.875rem;line-height:1.5}.modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem}.modal-footer button{flex:1;justify-content:center}@media (max-width: 768px){.management-header{flex-direction:column;align-items:stretch}.management-header .btn-primary{width:100%;justify-content:center}.management-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%;width:100%}.toolbar-filters{width:100%;justify-content:space-between;flex-wrap:wrap}.management-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-item{min-width:auto;padding:.75rem 1rem}.admin-table{min-width:640px;font-size:.8rem}.admin-table th,.admin-table td{padding:.625rem .5rem}.service-icon-img{width:1.75rem;height:1.75rem;font-size:1rem}.service-title{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-toggle{padding:.25rem .5rem;font-size:.7rem;gap:.25rem;white-space:nowrap}.category-tag{font-size:.65rem;padding:.2rem .5rem}.filter-group{flex:1 1 100%;justify-content:space-between}}@media (max-width: 480px){.management-header h1{font-size:1.25rem}.management-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-filters{align-items:stretch}.toolbar-filters>*{width:100%}.btn-danger{justify-content:center}.action-buttons{flex-direction:column;gap:.25rem}.service-icon-img{width:1.5rem;height:1.5rem;font-size:.875rem}.service-title{max-width:100px}.status-toggle{padding:.2rem .4rem;font-size:.65rem}.admin-table{min-width:540px}.admin-table th:nth-child(2),.admin-table td:nth-child(2){display:none}}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700, #374151);margin-bottom:.375rem}.form-input,.form-textarea,.form-select{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300, #d1d5db);border-radius:.5rem;background:var(--card-bg, #ffffff);color:var(--gray-900, #111827);font-size:.875rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{min-height:80px;resize:vertical}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--gray-400, #9ca3af)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400, #9ca3af)}.header-actions{display:flex;align-items:center;gap:1rem}.settings-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--gray-50, #f8f9fa);padding:.375rem;border-radius:.75rem;flex-wrap:wrap}.settings-tab{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;background:transparent;color:var(--gray-600, #4b5563);font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.settings-tab:hover{color:var(--gray-900, #111827);background:#0000000a}.settings-tab.active{background:var(--card-bg, #ffffff);color:var(--primary, #e94560);box-shadow:0 1px 3px #00000014}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.save-success{display:flex;align-items:center;gap:.5rem;color:#2ecc71;font-weight:500;font-size:.875rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.content-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--gray-50, #f8f9fa);padding:.375rem;border-radius:.75rem;width:-moz-fit-content;width:fit-content}.tab-btn{padding:.625rem 1.25rem;border:none;background:transparent;color:var(--gray-500, #6b7280);font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:var(--gray-700, #374151);background:#0000000d}.tab-btn.active{background:var(--card-bg, #ffffff);color:var(--primary, #e94560);box-shadow:0 1px 3px #0000001a}.content-editor-container{background:var(--card-bg, #ffffff);border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.content-editor{display:flex;flex-direction:column;gap:1.5rem}.editor-group{display:flex;flex-direction:column;gap:.75rem}.editor-group>label{font-size:.875rem;font-weight:600;color:var(--gray-700, #374151);text-transform:uppercase;letter-spacing:.025em}.editor-group input[type=text],.editor-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:var(--gray-700, #374151);background:var(--gray-50, #f9fafb);transition:all .2s ease}.editor-group input[type=text]:focus,.editor-group textarea:focus{outline:none;border-color:var(--primary, #e94560);background:var(--card-bg, #ffffff);box-shadow:0 0 0 3px #e945601a}.editor-group textarea{min-height:120px;resize:vertical}.milestone-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--gray-50, #f9fafb);border-radius:.5rem;border:1px solid #f3f4f6}.milestone-inputs{display:flex;gap:.75rem;flex:1}.milestone-year{width:100px;flex-shrink:0}.milestone-text{flex:1}.value-item{display:flex;gap:.75rem;padding:1rem;background:var(--gray-50, #f9fafb);border-radius:.5rem;border:1px solid #f3f4f6}.value-inputs{display:flex;flex-direction:column;gap:.5rem;flex:1}.value-inputs input[type=text]{width:100%;padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background:var(--card-bg, #ffffff)}.value-inputs textarea{width:100%;padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background:var(--card-bg, #ffffff);min-height:60px;resize:vertical}.value-inputs input:focus,.value-inputs textarea:focus{outline:none;border-color:var(--primary, #e94560)}.achievement-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--gray-50, #f9fafb);border-radius:.5rem;border:1px solid #f3f4f6}.achievement-inputs{display:flex;gap:.75rem;flex:1}.achievement-number{width:100px;flex-shrink:0}.achievement-label{flex:1}.btn-secondary-small{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gray-100, #f3f4f6);color:var(--gray-700, #374151);border:none;border-radius:.375rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.btn-secondary-small:hover{background:#e5e7eb}.btn-danger-small{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:.5rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-danger-small:hover{background:#dc2626;color:#fff;border-color:#dc2626}@media (max-width: 768px){.content-tabs{width:100%;overflow-x:auto}.tab-btn{padding:.5rem 1rem;font-size:.8rem}.milestone-inputs,.achievement-inputs{flex-direction:column}.milestone-year,.achievement-number{width:100%}.value-item{flex-direction:column}.header-actions{flex-direction:column;align-items:stretch}}.image-upload-container{margin-top:.5rem}.image-upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border:2px dashed #d1d5db;border-radius:.5rem;background:var(--gray-50, #f9fafb);color:var(--gray-500, #6b7280);cursor:pointer;transition:all .2s ease}.image-upload-btn:hover{border-color:var(--primary, #e94560);color:var(--primary, #e94560);background:#fef2f2}.image-preview-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.image-preview{width:100%;max-width:300px;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;border:1px solid #e5e7eb}.btn-remove-image{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-remove-image:hover{background:#dc2626;color:#fff}.contact-management-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:500px}.message-list{background:var(--card-bg, #ffffff);border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;max-height:600px;overflow-y:auto}.message-item{padding:1rem;border-bottom:1px solid var(--gray-100, #f3f4f6);cursor:pointer;transition:all .2s ease}.message-item:hover{background:var(--gray-50, #f9fafb)}.message-item.unread{background:#fef2f2;border-left:3px solid var(--primary, #e94560)}.message-item.unread:hover{background:#fee2e2}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-sender{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700, #374151)}.unread-dot{width:8px;height:8px;background:var(--primary, #e94560);border-radius:50%;flex-shrink:0}.message-date{font-size:.75rem;color:var(--gray-400, #9ca3af)}.message-subject{font-size:.875rem;font-weight:500;color:var(--gray-800, #1f2937);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-preview{font-size:.8rem;color:var(--gray-500, #6b7280);margin-bottom:.5rem;line-height:1.4}.message-footer{display:flex;justify-content:space-between;align-items:center}.message-service{font-size:.7rem;color:var(--gray-500, #6b7280);background:var(--gray-100, #f3f4f6);padding:.25rem .5rem;border-radius:.25rem}.message-status{font-size:.7rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize}.message-status.unread{background:#fee2e2;color:#dc2626}.message-status.read{background:#d1fae5;color:#059669}.message-status.replied{background:#dbeafe;color:#2563eb}.message-detail{background:var(--card-bg, #ffffff);border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden}.message-detail-content{padding:1.5rem}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100, #f3f4f6)}.detail-header h3{font-size:1.125rem;font-weight:600;color:var(--gray-800, #1f2937);flex:1;margin-right:1rem}.detail-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.action-btn.mark-read{background:#d1fae5;color:#059669}.action-btn.mark-read:hover{background:#059669;color:#fff}.action-btn.mark-unread{background:#fef3c7;color:#d97706}.action-btn.mark-unread:hover{background:#d97706;color:#fff}.action-btn.reply{background:#dbeafe;color:#2563eb}.action-btn.reply:hover{background:#2563eb;color:#fff}.action-btn.delete{background:#fee2e2;color:#dc2626}.action-btn.delete:hover{background:#dc2626;color:#fff}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50, #f9fafb);border-radius:.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-500, #6b7280)}.meta-item svg{color:var(--gray-400, #9ca3af);flex-shrink:0}.meta-item a{color:var(--primary, #e94560);text-decoration:none}.meta-item a:hover{text-decoration:underline}.detail-service{margin-bottom:1rem;padding:.75rem 1rem;background:#f0fdf4;border-radius:.5rem;font-size:.875rem}.detail-service strong{color:#166534;margin-right:.5rem}.detail-service span{color:#15803d}.detail-message{margin-bottom:1.5rem}.detail-message strong{display:block;margin-bottom:.5rem;color:var(--gray-700, #374151);font-size:.875rem}.detail-message p{padding:1rem;background:var(--gray-50, #f9fafb);border-radius:.5rem;color:var(--gray-600, #4b5563);line-height:1.6;white-space:pre-wrap}.detail-footer{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--gray-100, #f3f4f6)}.no-message-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;color:var(--gray-400, #9ca3af);text-align:center;padding:2rem}.no-message-selected .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-message-selected h3{font-size:1rem;font-weight:500;color:var(--gray-500, #6b7280);margin-bottom:.5rem}.no-message-selected p{font-size:.875rem}.header-stats{display:flex;gap:.75rem}.stat-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--gray-100, #f3f4f6);border-radius:2rem;font-size:.8rem;font-weight:500;color:var(--gray-500, #6b7280)}.stat-badge.unread{background:#fee2e2;color:#dc2626}.settings-page{max-width:900px}.settings-section{margin-bottom:2rem}.settings-group{background:var(--card-bg, #ffffff);border:1px solid var(--gray-200, #e5e7eb);border-radius:.75rem;padding:1.5rem}.settings-group h3{font-size:1rem;font-weight:600;color:var(--gray-900, #111827);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100, #f3f4f6)}.settings-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem}.settings-row:last-child{margin-bottom:0}.setting-field{display:flex;flex-direction:column;gap:.5rem}.setting-field label{font-size:.875rem;font-weight:500;color:var(--gray-700, #374151)}.setting-field input,.setting-field select,.setting-field textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300, #d1d5db);border-radius:.5rem;font-size:.875rem;background:var(--card-bg, #ffffff);color:var(--gray-900, #111827);transition:all .2s ease}.setting-field input:focus,.setting-field select:focus,.setting-field textarea:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px var(--primary-light, #dbeafe)}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--gray-100, #f3f4f6)}.toggle-field:last-child{border-bottom:none;padding-bottom:0}.toggle-field label{display:flex;flex-direction:column;gap:.25rem;cursor:pointer}.toggle-field label span:first-child{font-size:.875rem;font-weight:500;color:var(--gray-900, #111827)}.toggle-description{font-size:.8rem;color:var(--gray-500, #6b7280)}.toggle-switch{position:relative;width:3rem;height:1.75rem;background:var(--gray-200, #e5e7eb);border:none;border-radius:9999px;padding:0;cursor:pointer;transition:all .2s ease;flex-shrink:0}.toggle-switch.active{background:var(--primary, #2563eb)}.toggle-thumb{position:absolute;top:.25rem;left:.25rem;width:1.25rem;height:1.25rem;background:var(--card-bg, #ffffff);border-radius:50%;box-shadow:0 1px 3px #0003;transition:all .2s ease}.toggle-switch.active .toggle-thumb{left:calc(100% - 1.5rem)}.color-picker-wrapper{display:flex;align-items:center;gap:.75rem}.color-picker-wrapper input[type=color]{width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--gray-200, #e5e7eb);border-radius:.5rem;cursor:pointer;background:none}.color-picker-wrapper input[type=text]{flex:1}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:2.5rem}.toggle-password{position:absolute;right:.5rem;background:none;border:none;color:var(--gray-400, #9ca3af);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:var(--gray-600, #4b5563)}.password-requirements{margin-top:1rem;padding:1rem;background:var(--gray-50, #f9fafb);border-radius:.5rem;border:1px solid var(--gray-200, #e5e7eb)}.password-requirements h4{font-size:.875rem;font-weight:600;color:var(--gray-700, #374151);margin-bottom:.75rem}.password-requirements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.password-requirements li{font-size:.8rem;color:var(--gray-600, #4b5563);padding-left:1.5rem;position:relative}.password-requirements li:before{content:none}.password-requirements li.valid{color:var(--success, #16a34a)}.requirement-icon{position:absolute;left:0;color:var(--gray-400, #9ca3af);display:inline-flex;align-items:center;height:1em}.password-requirements li.valid .requirement-icon{color:var(--success, #16a34a)}.error-message{font-size:.8rem;color:var(--error, #ef4444);margin-top:.375rem}.setting-field input.error,.setting-field textarea.error{border-color:var(--error, #ef4444)}.setting-field input.error:focus,.setting-field textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.image-upload{display:flex;gap:.75rem;align-items:stretch}.image-upload input[type=text]{flex:1}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--gray-100, #f3f4f6);color:var(--gray-700, #374151);border:1px solid var(--gray-200, #e5e7eb);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.upload-btn:hover{background:var(--gray-200, #e5e7eb)}@media (max-width: 768px){.contact-management-grid{grid-template-columns:1fr}.message-list{max-height:300px}.detail-meta{grid-template-columns:1fr}.detail-footer{flex-direction:column}.header-stats{flex-wrap:wrap}}@media (max-width: 1024px){.settings-page{max-width:100%}}@media (max-width: 768px){.settings-row{grid-template-columns:1fr}.settings-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.settings-tab{flex:0 0 auto;padding:.5rem .875rem;font-size:.8rem}.toggle-field{flex-direction:column;align-items:flex-start;gap:.75rem}.color-picker-wrapper{flex-direction:column;align-items:flex-start}.password-requirements{padding:.75rem}}@media (max-width: 640px){.settings-group{padding:1rem}.settings-group h3{font-size:.95rem}.settings-tab{padding:.5rem .75rem;font-size:.75rem}.setting-field label{font-size:.8rem}.setting-field input,.setting-field select,.setting-field textarea{padding:.5rem .75rem;font-size:.8rem}.toggle-switch{width:2.75rem;height:1.5rem}.toggle-thumb{width:1.125rem;height:1.125rem}.toggle-switch.active .toggle-thumb{left:calc(100% - 1.375rem)}}@media (max-width: 768px){.content-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.tab-btn{flex:0 0 auto;padding:.5rem 1rem;font-size:.8rem}.content-editor-container{padding:1rem}.image-upload{flex-direction:column}.upload-btn{width:100%;justify-content:center}}@media (max-width: 640px){.editor-group label{font-size:.8rem}.editor-group input[type=text],.editor-group textarea{padding:.625rem .75rem;font-size:.8rem}}[data-theme=dark] .stat-number{color:#fff}[data-theme=dark] .stat-title{color:#9ca3af}[data-theme=dark] .dashboard-header h1{color:#fff}[data-theme=dark] .dashboard-header p{color:#9ca3af}[data-theme=dark] .management-header h1{color:#fff}[data-theme=dark] .management-header p{color:#9ca3af}[data-theme=dark] .card-header h3{color:#fff}[data-theme=dark] .project-info h4,[data-theme=dark] .project-info .title{color:#f3f4f6}[data-theme=dark] .project-date,[data-theme=dark] .project-info .client{color:#9ca3af}[data-theme=dark] .setting-field label{color:#e5e7eb}[data-theme=dark] .setting-field input,[data-theme=dark] .setting-field select,[data-theme=dark] .setting-field textarea{color:#fff;background:var(--card-bg, #1e1e3a)}[data-theme=dark] .settings-group h3{color:#fff}[data-theme=dark] .settings-tab{color:#d1d5db}[data-theme=dark] .settings-tab.active{color:var(--primary, #e94560)}[data-theme=dark] .toggle-field label span:first-child{color:#f3f4f6}[data-theme=dark] .toggle-description,[data-theme=dark] .admin-loading p{color:#9ca3af}[data-theme=dark] .save-success{color:#86efac}[data-theme=dark] .nav-link{color:var(--text-primary, #ffffff)}[data-theme=dark] .stat-card:hover{box-shadow:0 8px 25px #ffffff0d}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-8{width:2rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.items-center{align-items:center}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-4{border-width:4px}.border-primary{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.text-center{text-align:center}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-primary, #1f2937);background-color:var(--bg-primary, #ffffff)}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.section{padding:5rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#111827}.section-subtitle{font-size:1.125rem;text-align:center;color:#6b7280;max-width:600px;margin:0 auto 3rem}@media (max-width: 768px){.section{padding:3rem 0}.section-title{font-size:2rem}}.navbar{position:sticky;top:0;z-index:2000;width:100%;background:#ffffffd9;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.navbar.is-scrolled{background:#fffffff2;box-shadow:0 4px 20px #0000000f;border-bottom-color:#0000000d}.navbar-container{max-width:1280px;margin:0 auto;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:60px}.navbar-brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:700;color:#0f172a;letter-spacing:-.01em;flex-shrink:0}.brand-logo{height:80px;width:auto;-o-object-fit:contain;object-fit:contain}.brand-text{display:inline-flex;flex-direction:column;line-height:1}.brand-name{font-size:1.05rem;color:#0f172a}.brand-tag{font-size:.7rem;font-weight:500;color:var(--primary);text-transform:uppercase;letter-spacing:.18em;margin-top:3px}.navbar-nav{display:flex;align-items:center;gap:.5rem}.nav-list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:inline-block;padding:.55rem .9rem;font-size:.95rem;font-weight:500;color:#334155;border-radius:8px;transition:color .2s ease,background .2s ease}.nav-link:hover{color:var(--primary);background:#2563eb0f}.nav-link.active{color:var(--primary);font-weight:600}.nav-link.active:after{content:"";position:absolute;left:50%;bottom:4px;width:6px;height:6px;border-radius:50%;background:var(--primary);transform:translate(-50%)}.navbar-actions{display:flex;align-items:center;gap:.75rem}.nav-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.92rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:10px;box-shadow:0 6px 16px #2563eb4d;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2563eb66;filter:brightness(1.05)}.nav-cta svg{font-size:.8rem;transition:transform .2s ease}.nav-cta:hover svg{transform:translate(2px)}.nav-cta-mobile{display:none}.menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:1.05rem;cursor:pointer;transition:background .2s ease,color .2s ease}.menu-toggle:hover{background:#e2e8f0;color:var(--primary)}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1990;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 960px){.menu-toggle{display:inline-flex;position:relative;z-index:2100}.nav-cta{display:none}.navbar-nav{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);height:100dvh;max-height:100dvh;background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:5rem 1.5rem 1.5rem;gap:1rem;transform:translate(100%);transition:transform .3s ease;box-shadow:-10px 0 30px #0000001a;z-index:2050;overflow:hidden}.navbar-nav.is-open{transform:translate(0)}.nav-list{flex-direction:column;align-items:stretch;gap:.25rem;width:100%}.nav-link{display:block;padding:.85rem 1rem;font-size:1rem;border-radius:10px;color:#334155;background:#f8f9fa;transition:all .2s ease}.nav-link:hover{background:#e94560;color:#fff}.nav-link.active:after{display:none}.nav-link.active{background:#e94560;color:#fff}.nav-cta-mobile{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.9rem 1rem;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:10px;box-shadow:0 6px 16px #2563eb4d;width:100%}}.header-compact .navbar-container{padding:.25rem 1.5rem;min-height:48px}.header-compact .navbar-brand{display:flex;align-items:center}.header-compact .brand-logo{height:50px}.header-compact .nav-link{padding:.35rem .6rem;font-size:.85rem}.header-compact .nav-cta{padding:.5rem .9rem;font-size:.85rem}.header-transparent .navbar{background:transparent;border-bottom:1px solid transparent;box-shadow:none}.header-transparent .navbar-container{padding:.75rem 1.5rem;min-height:70px}.header-transparent .navbar.is-scrolled,.header-transparent .navbar.is-scrolled.navbar{background:#fffffff2;border-bottom-color:#0000000d;box-shadow:0 4px 20px #0000000f}.header-transparent .brand-text,.header-transparent .nav-link{color:var(--gray-900, #0f172a);text-shadow:0 1px 2px rgba(0,0,0,.1)}.header-transparent .nav-link:hover{background:#0000000d}.header-transparent .nav-cta{background:var(--primary, #2563eb);color:#fff}.header-transparent .brand-name{color:var(--gray-900, #0f172a);text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width: 480px){.header-compact .brand-logo{height:45px}}@media (max-width: 960px){.header-transparent .navbar-nav{background:#fff}}.footer{background:#0f172a;color:#cbd5e1;font-size:.95rem;line-height:1.6}.footer-top{padding:4rem 1.5rem 3rem;border-bottom:1px solid rgba(255,255,255,.06)}.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:3rem}.footer-col h3{color:#fff;font-size:1.05rem;font-weight:700;margin:0 0 1.25rem;letter-spacing:.02em}.footer-logo{display:flex;align-items:center;margin-bottom:1.25rem}.footer-brand-logo{width:170px;max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain;filter:brightness(1.05)}.footer-description{color:#94a3b8;margin:0 0 1.5rem;max-width:340px}.footer-social{display:flex;gap:.6rem}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff0f;color:#cbd5e1;font-size:1.05rem;transition:background .2s ease,color .2s ease,transform .2s ease}.footer-social a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.footer-links a{display:inline-flex;align-items:center;gap:.55rem;color:#94a3b8;text-decoration:none;font-size:.92rem;transition:color .2s ease,padding-left .2s ease}.footer-links a svg{font-size:.7rem;color:var(--primary);opacity:0;transition:opacity .2s ease,transform .2s ease}.footer-links a:hover{color:#fff;padding-left:4px}.footer-links a:hover svg{opacity:1;transform:translate(2px)}.footer-contact{display:flex;flex-direction:column;gap:.85rem}.footer-contact .contact-item{display:flex;align-items:flex-start;gap:.75rem;color:#94a3b8;font-size:.92rem}.footer-contact .contact-item .icon{color:var(--primary);font-size:1rem;margin-top:2px;flex-shrink:0}.footer-contact .contact-item a{color:#94a3b8;text-decoration:none;transition:color .2s ease}.footer-contact .contact-item a:hover{color:#fff}.footer-bottom{padding:1.25rem 1.5rem}.footer-bottom-content{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{margin:0;color:#64748b;font-size:.85rem}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-links a{color:#64748b;text-decoration:none;font-size:.85rem;transition:color .2s ease}.footer-bottom-links a:hover{color:#fff}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width: 640px){.footer-top{padding:3rem 1.25rem 2rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #dbeafe;--secondary: #059669;--secondary-dark: #047857;--accent: #f59e0b;--accent-dark: #d97706;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #1a1a2e;--text-secondary: #666666;--card-bg: #ffffff;--border-color: #e9ecef;--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;--white: #ffffff;--black: #000000;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--transition: all .3s ease}[data-theme=dark],.dark-theme{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #1e3a5f;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--text-primary: #ffffff;--text-secondary: #cccccc;--card-bg: #1e1e3a;--border-color: #2a2a4a;--gray-50: #111827;--gray-100: #1f2937;--gray-200: #374151;--gray-300: #4b4563;--gray-400: #6b7280;--gray-500: #9ca3af;--gray-600: #d1d5db;--gray-700: #e5e7eb;--gray-800: #f3f4f6;--gray-900: #ffffff;--white: #111827;--black: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6), 0 8px 10px -6px rgb(0 0 0 / .5)}