.services-page{min-height:100vh}.services-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 0 60px;color:#fff}.services-hero .container{max-width:1200px;margin:0 auto;padding:0 20px}.services-breadcrumb{margin-bottom:24px}.services-breadcrumb .ant-breadcrumb-link{color:#fffc}.services-breadcrumb .ant-breadcrumb-separator{color:#fff9}.hero-title{color:#fff!important;font-size:48px!important;font-weight:700!important;margin-bottom:16px!important;text-align:center}.hero-description{font-size:18px;color:#ffffffe6;text-align:center;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:60px;margin-top:40px}.stat-number{font-size:36px;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:16px;color:#fffc;margin-top:8px}.services-filters{padding:40px 0;background:#f8f9fa}.services-filters .container{max-width:1200px;margin:0 auto;padding:0 20px}.category-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;justify-content:center}.category-btn{border-radius:25px!important;height:40px!important;padding:0 20px!important;display:flex!important;align-items:center!important;gap:8px!important}.search-sort-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.search-input{flex:1;min-width:300px;max-width:400px}.services-grid-section{padding:60px 0;background:#fff}.services-grid-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.service-card{transition:all .3s ease;border-radius:12px!important;overflow:hidden;border:1px solid #f0f0f0;height:auto;min-height:500px}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f!important}.service-card .ant-card-cover{overflow:hidden}.popular-badge{position:absolute;top:12px;left:12px;background:#ff4d4f;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;z-index:2}.promotion-badge{position:absolute;top:12px;right:12px;background:#52c41a;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:2}.service-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.overlay-actions .ant-btn{color:#fff!important;border-color:#ffffff4d!important}.overlay-actions .ant-btn:hover{background:#ffffff1a!important;border-color:#ffffff80!important}.service-content{padding:16px;display:flex;flex-direction:column;height:100%}.service-header{margin-bottom:12px}.service-title{font-size:18px!important;line-height:1.3!important;margin:0 0 8px!important;font-weight:600!important;color:#333!important}.service-rating{display:flex;align-items:center;gap:8px;margin-bottom:8px}.service-category{display:block;font-size:12px;color:#999;margin-bottom:12px;text-transform:uppercase;font-weight:500}.service-description{font-size:14px!important;line-height:1.5!important;margin-bottom:16px!important;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-features{margin-bottom:20px;flex:1}.feature-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;color:#555;transition:color .2s ease}.feature-item:hover{color:#1890ff}.feature-item .anticon{color:#52c41a;font-size:14px}.service-footer{margin-top:auto}.service-info{margin-bottom:16px}.price-duration{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.price-info{display:flex;align-items:center;gap:6px}.price-info .anticon{color:#52c41a;font-size:16px}.price{font-weight:700;color:#52c41a;font-size:16px}.duration-info{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.duration-info .anticon{color:#1890ff;font-size:14px}.service-actions{display:flex;flex-direction:column;gap:8px}.services-pagination{margin-top:40px;text-align:center}.custom-pagination .ant-pagination-item{border-radius:6px}.no-results{text-align:center;padding:60px 20px;color:#666}.no-results-icon{font-size:64px;color:#d9d9d9;margin-bottom:16px}.no-results-content .ant-typography h3{color:#666!important;margin-bottom:8px!important}.services-cta{padding:80px 0;background:linear-gradient(135deg,#667eea,#764ba2);text-align:center;color:#fff}.services-cta .container{max-width:800px;margin:0 auto;padding:0 20px}.cta-content .ant-typography h2{color:#fff!important;margin-bottom:16px!important}.cta-content .ant-typography{color:#ffffffe6!important;font-size:18px;margin-bottom:32px}.service-detail-page{min-height:100vh;background:#fff}.service-detail-header{padding:20px 0;background:#f8f9fa;border-bottom:1px solid #e8e8e8}.service-detail-content{padding:40px 0}.service-info-detail{padding:20px}.service-detail-tabs{background:#f8f9fa}.service-detail-tabs .ant-tabs-content-holder{padding:24px 0}.related-services{background:#fff}.related-services .ant-card-meta-title{font-size:16px!important;margin-bottom:8px!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.hero-title{font-size:32px!important}.hero-stats{gap:30px;flex-wrap:wrap}.stat-number{font-size:28px}.search-sort-row{flex-direction:column;align-items:stretch}.search-input{min-width:auto;max-width:none;margin-bottom:12px}.category-filters{justify-content:center}.category-btn{font-size:12px!important;height:36px!important;padding:0 16px!important}}@media (max-width: 576px){.services-hero{padding:60px 0 40px}.hero-title{font-size:28px!important}.hero-description{font-size:16px}.hero-stats{gap:20px}.stat-number{font-size:24px}.stat-label{font-size:14px}.services-filters{padding:30px 0}.services-grid-section{padding:40px 0}.services-cta{padding:60px 0}}.services-hero{padding:0;margin:0;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.services-hero .container{max-width:none;margin:0;padding:0}.services-hero .hero-slider{height:70vh;min-height:500px;position:relative;overflow:hidden;border-radius:0;margin-top:0}.services-hero .hero-slide{height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative}@media (min-width: 1200px){.services-hero .hero-slider{height:100vh;min-height:720px}}.services-hero .hero-content{max-width:1200px;width:100%;padding:0 20px;text-align:center;color:#fff;z-index:2}.services-hero .hero-title,.services-hero .hero-title h1,.services-hero .hero-title .ant-typography{font-size:3.5rem!important;font-weight:700!important;margin-bottom:1rem!important;color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.5)!important;line-height:1.2!important}.services-hero .hero-title{-webkit-text-fill-color:#ffffff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.services-hero .hero-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:1rem;color:#ffffffe6}.team-avatar .ant-avatar img{object-fit:cover;object-position:top}.services-hero .hero-description{font-size:1.125rem;margin-bottom:2rem;color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.5);max-width:600px;margin-left:auto;margin-right:auto}.services-hero .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.services-hero .hero-cta{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;padding:12px 30px;font-weight:600;font-size:1.125rem;box-shadow:0 4px 15px #0003;transition:all .3s ease}.services-hero .hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.services-hero .hero-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.services-hero .hero-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.services-hero .hero-indicator.active{background:#fff;border-color:#fff}.services-hero .hero-indicator:hover{border-color:#fff;background:#ffffff4d}.services-hero .hero-slider-item{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--box-shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.services-hero .hero-slider-item:hover{transform:translateY(-8px);box-shadow:var(--box-shadow-xl)}.services-hero .hero-slider-card{position:relative;width:100%;padding-bottom:40%;height:0;min-height:300px;max-height:500px}.services-hero .hero-slider-image{position:absolute;top:0;left:0;width:100%;height:100%}.services-hero .hero-slider-image img{width:100%;height:100%;object-fit:cover;display:block}.services-hero .hero-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000c,#0003,#0000);display:flex;align-items:flex-end;padding:30px;color:#fff}.services-hero .hero-slider-content{text-align:left;width:100%}.services-hero .hero-slider-subtitle{font-size:16px;color:#ffffffe6;margin-bottom:8px;display:block;font-weight:500}.services-hero .hero-slider-title{font-size:28px!important;font-weight:700!important;margin-bottom:12px!important;color:#fff!important;line-height:1.2!important}.services-hero .hero-slider-description{font-size:16px;color:#fffffff2;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.services-hero .hero-slider-button{margin-top:15px;border-radius:var(--border-radius-md);font-weight:600;padding:12px 24px;height:auto;font-size:16px}.services-hero .hero-slider-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.services-hero .hero-slider-button-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;color:#fff}.services-hero .hero-slider-button-outline{background:transparent;border:2px solid white;color:#fff}.services-hero .hero-slider-button-ghost{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff}.services-hero .hero-sliders-carousel{margin-bottom:0;width:100%}.services-hero .hero-sliders-carousel .carousel-slide{padding:0}.services-hero .hero-sliders-carousel .slick-slide{height:auto}.services-hero .hero-sliders-carousel .slick-track{display:flex;align-items:stretch}.services-hero .hero-sliders-carousel .slick-slide>div{height:100%}.service-sliders{padding:60px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.sliders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px}.sliders-title{flex:1}.section-title{color:#fff!important;font-size:32px!important;font-weight:700!important;margin-bottom:10px!important;text-align:left}.section-description{color:#7f8c8d!important;font-size:16px!important;margin-bottom:0!important;text-align:left}.carousel-controls{display:flex;gap:10px}.carousel-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e8ed;color:#2c3e50;transition:all .3s ease}.carousel-btn:hover{background:#3498db;color:#fff;border-color:#3498db;transform:scale(1.1)}.service-sliders-carousel{max-width:1200px;margin:0 auto}.carousel-slide{padding:0 10px}.slider-card{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;height:300px}.slider-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.slider-image{position:relative;width:100%;height:100%;overflow:hidden}.slider-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.slider-card:hover .slider-image img{transform:scale(1.05)}.slider-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#0000004d,#000c);display:flex;align-items:center;justify-content:center;padding:30px}.slider-content{text-align:center;color:#fff;max-width:500px}.slider-subtitle{font-size:14px;font-weight:500;color:gold;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:block}.slider-title{color:#fff!important;font-size:28px!important;font-weight:700!important;margin-bottom:15px!important;line-height:1.3!important;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.slider-description{color:#ffffffe6!important;font-size:16px!important;line-height:1.6!important;margin-bottom:25px!important;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.slider-button{border-radius:50px!important;padding:12px 30px!important;font-weight:600!important;font-size:16px!important;text-transform:uppercase!important;letter-spacing:.5px!important;transition:all .3s ease!important;box-shadow:0 4px 15px #0003!important}.slider-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #0000004d!important}.slider-button-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important;border:none!important}.slider-button-secondary{background:linear-gradient(135deg,#74b9ff,#0984e3)!important;border:none!important}.slider-button-outline{background:transparent!important;border:2px solid white!important;color:#fff!important}.slider-button-outline:hover{background:#fff!important;color:#333!important}.slider-button-ghost{background:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;backdrop-filter:blur(10px)!important}.slider-button-ghost:hover{background:#ffffff4d!important;border-color:#ffffff80!important}@media (max-width: 768px){.services-hero .hero-slider{height:60vh;min-height:400px}.services-hero .hero-title,.services-hero .hero-title h1,.services-hero .hero-title .ant-typography{font-size:2.5rem!important;color:#fff!important}.services-hero .hero-subtitle{font-size:1.125rem!important}.services-hero .hero-description{font-size:1rem!important}.services-hero .hero-actions{flex-direction:column;gap:16px}.service-sliders{padding:40px 0}.sliders-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px;padding:0 15px}.section-title{font-size:24px!important}.carousel-controls{align-self:flex-end}.slider-card{height:250px}.slider-overlay{padding:20px}.slider-title{font-size:24px!important}.slider-description{font-size:14px!important}.slider-button{padding:10px 25px!important;font-size:14px!important}}@media (max-width: 480px){.services-hero .hero-slider{height:50vh;min-height:350px}.services-hero .hero-title,.services-hero .hero-title h1,.services-hero .hero-title .ant-typography{font-size:2rem!important;color:#fff!important}.services-hero .hero-subtitle{font-size:1rem!important}.services-hero .hero-description{font-size:.875rem!important}.services-hero .hero-cta{padding:10px 25px;font-size:1rem}.sliders-header{padding:0 10px}.section-title{font-size:20px!important}.carousel-btn{width:35px;height:35px}.slider-card{height:200px}.slider-title{font-size:20px!important}.slider-description{font-size:13px!important;margin-bottom:15px!important}.slider-button{padding:8px 20px!important;font-size:13px!important}}.booking-success-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.booking-success-modal .ant-modal-header{background:linear-gradient(135deg,#10b981,#059669);border-bottom:none;padding:24px 24px 0}.booking-success-modal .ant-modal-title{color:#fff;text-align:center}.booking-success-modal .ant-modal-body{padding:24px;background:#fff}.booking-success-modal .ant-modal-footer{border-top:1px solid #f0f0f0;padding:16px 24px;text-align:center;background:#fafafa}.booking-success-modal .ant-btn-primary{background:#10b981;border-color:#10b981;border-radius:8px;height:40px;padding:0 24px;font-weight:500;box-shadow:0 4px 12px #10b9814d}.booking-success-modal .ant-btn-primary:hover{background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.booking-success-modal .ant-modal-confirm-btns{margin-top:16px}.booking-success-modal .bg-orange-100{background-color:#fff7ed;border:1px solid #fed7aa}.booking-success-modal .bg-orange-100 h4{color:#ea580c;font-size:14px;font-weight:700;line-height:1.4}.booking-success-modal .bg-orange-100 p{color:#9a3412;font-size:12px;line-height:1.4}.booking-success-modal .bg-orange-100 .ant-btn{background:#2563eb;border-color:#2563eb;border-radius:6px;font-size:12px;height:32px;padding:0 12px}.booking-success-modal .bg-orange-100 .ant-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.booking-success-modal .flex.items-center.justify-center{margin-bottom:8px}.booking-success-modal .flex.items-center.justify-center:last-child{margin-bottom:0}.booking-success-modal .text-green-700{color:#15803d;font-size:13px;line-height:1.4}.booking-success-modal .text-red-700{color:#dc2626;font-size:13px;line-height:1.4}.booking-success-page{max-width:90rem;margin:0 auto;padding:2rem}.booking-success-page .ant-card{margin-bottom:1rem}.booking-success-page .ant-card-body{padding:1.5rem}@media (max-width: 768px){.booking-success-page{padding:1rem}.booking-success-modal{margin:0;max-width:100vw}.booking-success-modal .ant-modal-content{border-radius:0;margin:0;height:100vh;display:flex;flex-direction:column}.booking-success-modal .ant-modal-body{flex:1;overflow-y:auto}}.ant-notification{z-index:9999}.ant-notification-notice{border-radius:16px!important;box-shadow:0 8px 32px #00000014!important;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;background:#fffffff2!important}.ant-notification-notice:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:.8}.ant-notification-notice:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #0000001f!important}.ant-notification-notice-message{font-weight:600!important;font-size:14px!important;margin-bottom:4px!important}.ant-notification-notice-description{font-size:13px!important;opacity:.85;line-height:1.4}.ant-notification-notice-icon{margin-top:2px!important;font-size:20px!important}.ant-notification-notice-close{top:12px!important;right:12px!important;font-size:14px!important;opacity:.6;transition:all .2s}.ant-notification-notice-close:hover{opacity:1;transform:scale(1.1)}.toast-success{background:linear-gradient(135deg,#52c41a1a,#52c41a0d)!important}.toast-success:before{background:linear-gradient(90deg,#52c41a,#73d13d)!important}.toast-success .ant-notification-notice-icon{color:#52c41a!important;background:#52c41a1a;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.toast-success .ant-notification-notice-message{color:#135200!important;font-weight:600}.toast-success .ant-notification-notice-description{color:#274916!important}.toast-error{background:linear-gradient(135deg,#ff4d4f1a,#ff4d4f0d)!important}.toast-error:before{background:linear-gradient(90deg,#ff4d4f,#ff7875)!important}.toast-error .ant-notification-notice-icon{color:#ff4d4f!important;background:#ff4d4f1a;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.toast-error .ant-notification-notice-message{color:#a8071a!important;font-weight:600}.toast-error .ant-notification-notice-description{color:#cf1322!important}.toast-warning{background:linear-gradient(135deg,#faad141a,#faad140d)!important}.toast-warning:before{background:linear-gradient(90deg,#faad14,#ffc53d)!important}.toast-warning .ant-notification-notice-icon{color:#faad14!important;background:#faad141a;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.toast-warning .ant-notification-notice-message{color:#ad6800!important;font-weight:600}.toast-warning .ant-notification-notice-description{color:#d46b08!important}.toast-info{background:linear-gradient(135deg,#1890ff1a,#1890ff0d)!important}.toast-info:before{background:linear-gradient(90deg,#1890ff,#40a9ff)!important}.toast-info .ant-notification-notice-icon{color:#1890ff!important;background:#1890ff1a;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.toast-info .ant-notification-notice-message{color:#003a8c!important;font-weight:600}.toast-info .ant-notification-notice-description{color:#0958d9!important}.toast-loading{background:linear-gradient(135deg,#f0f8ff,#e8f4ff)!important;border-left:4px solid #1890ff!important}.toast-loading .ant-notification-notice-icon{color:#1890ff!important;animation:rotate 1s linear infinite}.toast-loading .ant-notification-notice-message{color:#003a8c!important}.toast-loading .ant-notification-notice-description{color:#0958d9!important}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.ant-notification-notice-wrapper{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.ant-notification-notice-wrapper.ant-notification-fade-leave{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1)}.ant-notification-notice .ant-progress{position:absolute;bottom:0;left:0;right:0;height:3px;margin:0!important}.ant-notification-notice .ant-progress-bg{border-radius:0!important;height:100%!important}.toast-success .ant-progress-bg{background:#52c41a!important}.toast-error .ant-progress-bg{background:#ff4d4f!important}.toast-warning .ant-progress-bg{background:#faad14!important}.toast-info .ant-progress-bg{background:#1890ff!important}@media (max-width: 768px){.ant-notification{width:calc(100vw - 32px)!important;margin:16px!important}.ant-notification-notice{margin-bottom:12px!important}.ant-notification-notice-message{font-size:13px!important}.ant-notification-notice-description{font-size:12px!important}}[data-theme=dark] .ant-notification-notice{background:linear-gradient(135deg,#1f1f1f,#2a2a2a)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}[data-theme=dark] .toast-success{background:linear-gradient(135deg,#162312,#1f2e1a)!important}[data-theme=dark] .toast-error{background:linear-gradient(135deg,#2a1215,#3a1619)!important}[data-theme=dark] .toast-warning{background:linear-gradient(135deg,#2b1d11,#3a2617)!important}[data-theme=dark] .toast-info{background:linear-gradient(135deg,#111b26,#15253a)!important}[data-theme=dark] .ant-notification-notice-message{color:#fff!important}[data-theme=dark] .ant-notification-notice-description{color:#ffffffd9!important}.ant-notification-notice{position:relative;overflow:hidden}.ant-notification-notice:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.ant-notification-notice:hover:before{left:100%}@media (prefers-contrast: high){.ant-notification-notice{border:2px solid!important;box-shadow:none!important}.toast-success{border-color:#52c41a!important;background:#fff!important}.toast-error{border-color:#ff4d4f!important;background:#fff!important}.toast-warning{border-color:#faad14!important;background:#fff!important}.toast-info{border-color:#1890ff!important;background:#fff!important}}.ant-notification-notice{outline:none}.ant-notification-notice:focus-within{outline:2px solid #1890ff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.ant-notification-notice,.ant-notification-notice-wrapper,.ant-notification-notice-close,.toast-loading .ant-notification-notice-icon{animation:none!important;transition:none!important}}.cart-icon{transition:all .3s ease}.cart-icon:hover{color:var(--primary-500)!important;transform:scale(1.1)}.add-to-cart-btn{transition:all .3s ease}.add-to-cart-btn.added-to-cart{background-color:#52c41a!important;border-color:#52c41a!important;color:#fff!important}.add-to-cart-btn.added-to-cart:hover{background-color:#389e0d!important;border-color:#389e0d!important}.ant-drawer-content{background:linear-gradient(135deg,#f8f9fa,#fff)}.ant-drawer-header{background:transparent;border-bottom:1px solid #e8e8e8}.ant-drawer-body{padding:16px}.cart-item-card{transition:all .3s ease;border:1px solid #e8e8e8}.cart-item-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #1890ff1a}.cart-summary-card{position:sticky;top:20px;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e8e8e8;box-shadow:0 4px 12px #0000000d}.cart-empty{text-align:center;padding:60px 20px}.cart-empty .ant-empty-description{color:#8c8c8c;font-size:16px}.cart-quantity-controls{display:flex;align-items:center;gap:8px}.cart-quantity-controls .ant-input-number{width:80px}.cart-quantity-controls .ant-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.cart-total{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px;margin-top:20px}.cart-total .total-amount{font-size:24px;font-weight:700;color:var(--primary-600)}.checkout-btn{width:100%;height:48px;font-size:16px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border:none;box-shadow:0 4px 12px #1890ff4d;transition:all .3s ease}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66}@media (max-width: 768px){.cart-summary-card{position:static;margin-top:20px}.cart-item-card{margin-bottom:16px}.cart-total{padding:16px}.cart-total .total-amount{font-size:20px}}.booking-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.booking-modal .ant-modal-body{padding:0}.booking-modal .ant-modal-close{top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffffe6;color:#666;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.booking-modal .ant-modal-close:hover{background:#fff;color:#333;transform:scale(1.1)}@media (max-width: 768px){.booking-modal .ant-modal{margin:8px;max-width:calc(100vw - 16px)}.booking-modal .ant-modal-content{border-radius:12px}.booking-modal .ant-modal-close{top:12px;right:12px;width:36px;height:36px}}.booking-form-container .ant-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-form-container .ant-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.booking-form-container ::-webkit-scrollbar{width:6px}.booking-form-container ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.booking-form-container ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.booking-form-container ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.booking-form-container .ant-btn{border-radius:8px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-form-container .ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.booking-form-container .ant-btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border:none}.booking-form-container .ant-btn-primary:hover{background:linear-gradient(135deg,#40a9ff,#1890ff)}.booking-form-container .ant-progress-bg{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:4px}.booking-form-container .ant-badge-count{border-radius:50%;min-width:24px;height:24px;line-height:24px;font-size:12px;font-weight:600}.booking-form-container .ant-input,.booking-form-container .ant-input-affix-wrapper{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s ease}.booking-form-container .ant-input:focus,.booking-form-container .ant-input-affix-wrapper:focus,.booking-form-container .ant-input-affix-wrapper-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.booking-form-container .ant-picker{border-radius:8px;border:1px solid #d9d9d9}.booking-form-container .ant-picker-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.booking-form-container .ant-input{border-radius:8px}.booking-form-container .ant-alert{border-radius:8px;border:none}.booking-form-container .ant-alert-warning{background:linear-gradient(135deg,#fff7e6,#fff2d9);border-left:4px solid #faad14}.booking-form-container .ant-spin-dot{font-size:24px}.booking-form-container .ant-spin-dot i{background-color:#1890ff}@media (max-width: 576px){.booking-form-container .ant-card-body{padding:16px!important}.booking-form-container .ant-btn,.booking-form-container .ant-input,.booking-form-container .ant-input-affix-wrapper,.booking-form-container .ant-picker{height:44px;font-size:16px}.booking-form-container .ant-typography h2{font-size:20px}.booking-form-container .ant-typography h3{font-size:18px}.booking-form-container .ant-typography h4{font-size:16px}}.booking-form-container .overflow-x-auto::-webkit-scrollbar{display:none}.booking-form-container .overflow-x-auto{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 640px){.booking-form-container .ant-modal{margin:4px;max-width:calc(100vw - 8px)}.booking-form-container .ant-modal-content{border-radius:8px}.booking-form-container .ant-modal-close{top:8px;right:8px;width:32px;height:32px}}.booking-form-container .space-y-3{background:#f9fafb!important;border-radius:8px!important;padding:12px!important;max-height:none!important;overflow-y:visible!important}.booking-form-container .space-y-3>div{background:#fff!important;border:2px solid #d1d5db!important;border-radius:8px!important;padding:12px!important;margin-bottom:12px!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000001a!important}.booking-form-container .space-y-3>div:hover{border-color:#60a5fa!important;background:#eff6ff!important;box-shadow:0 4px 6px #0000001a!important;transform:translateY(-1px)!important}.booking-form-container .space-y-3>div.border-blue-500{border-color:#3b82f6!important;background:#eff6ff!important;box-shadow:0 4px 6px #3b82f640!important}.booking-form-container .space-y-3:last-child{margin-bottom:0!important}.booking-form-container .space-y-2{background:#f9fafb!important;border-radius:8px!important;padding:12px!important;max-height:none!important;overflow-y:visible!important}.booking-form-container .space-y-2>div{background:#fff!important;border:2px solid #d1d5db!important;border-radius:8px!important;padding:12px!important;margin-bottom:8px!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000001a!important}.booking-form-container .space-y-2>div:hover{border-color:#60a5fa!important;background:#eff6ff!important;box-shadow:0 4px 6px #0000001a!important;transform:translateY(-1px)!important}.booking-form-container .space-y-2>div.border-blue-500{border-color:#3b82f6!important;background:#eff6ff!important;box-shadow:0 4px 6px #3b82f640!important}.booking-form-container .space-y-2:last-child{margin-bottom:0!important}.service-card-new{height:500px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.service-card-new:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:#3b82f633}.service-card-new .relative{position:relative;height:208px;overflow:hidden}.service-card-new .relative img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.service-card-new:hover .relative img{transform:scale(1.1)}.service-card-new .bg-gradient-to-t{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.service-card-new .absolute{position:absolute;z-index:10}.service-card-new .bg-gradient-to-r.from-yellow-400{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 15px #fbbf2466}.service-card-new .bg-white\/90{background:#ffffffe6;backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.service-card-new .bg-blue-600{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 20px #2563eb66}.service-card-new .bg-white{padding:24px;height:392px;display:flex;flex-direction:column}.service-card-new h3{font-size:20px;font-weight:700;line-height:1.3;margin-bottom:12px;color:#1f2937;transition:color .3s ease}.service-card-new:hover h3{color:#2563eb}.service-card-new p{font-size:14px;line-height:1.6;color:#6b7280;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-card-new .flex.items-center.justify-between{margin-bottom:24px}.service-card-new .text-gray-500{color:#6b7280;font-size:14px;font-weight:500}.service-card-new .ant-btn{margin-top:auto;height:48px;border-radius:12px;font-weight:600;font-size:16px;box-shadow:0 4px 15px #2563eb4d;transition:all .3s ease}.service-card-new .ant-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}@media (max-width: 768px){.service-card-new{height:450px}.service-card-new .relative{height:200px}.service-card-new .bg-white{padding:20px;height:350px}.service-card-new h3{font-size:18px;margin-bottom:10px}.service-card-new p{font-size:13px;margin-bottom:14px}.service-card-new .ant-btn{height:44px;font-size:15px}}@media (max-width: 576px){.service-card-new{height:420px}.service-card-new .relative{height:180px}.service-card-new .bg-white{padding:18px;height:340px}.service-card-new h3{font-size:16px;margin-bottom:8px}.service-card-new p{font-size:12px;margin-bottom:12px}.service-card-new .ant-btn{height:42px;font-size:14px}.service-card-new .bg-gradient-to-r.from-yellow-400{padding:4px 8px;font-size:10px}.service-card-new .bg-white\/90{padding:4px 8px;font-size:11px}.service-card-new .bg-blue-600{padding:6px 12px;font-size:14px}}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}*{scroll-behavior:auto}*:focus{scroll-margin-top:0;scroll-margin-bottom:0}.customer-content{scroll-behavior:auto;overflow-x:hidden}a[href^="#"]{scroll-behavior:smooth}.customer-layout{scroll-behavior:auto;overflow-x:hidden}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-select-focused .ant-select-selector,.ant-picker:focus,.ant-picker-focused,.ant-btn:focus,button:focus{scroll-margin-top:0;scroll-margin-bottom:0;scroll-padding-top:0;scroll-padding-bottom:0}.ant-form-item,.ant-card{scroll-margin-top:0;scroll-margin-bottom:0}:root{--breakpoint-xs: 480px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1600px;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-xxl: 1320px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--font-size-xs: clamp(.75rem, 1.5vw, .875rem);--font-size-sm: clamp(.875rem, 2vw, 1rem);--font-size-base: clamp(1rem, 2.5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 3vw, 1.25rem);--font-size-xl: clamp(1.25rem, 3.5vw, 1.5rem);--font-size-xxl: clamp(1.5rem, 4vw, 2rem);--font-size-xxxl: clamp(2rem, 5vw, 3rem);--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-large: 56px;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-xxl: 24px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.logo,.mobile-logo,.mobile-menu-logo,.footer-logo{display:flex;align-items:center;justify-content:center}.logo-image,.mobile-logo-image,.mobile-menu-logo-image,.footer-logo-image{transition:all .3s ease;max-width:100%;height:auto;display:block}.logo-image:hover,.mobile-logo-image:hover,.mobile-menu-logo-image:hover,.footer-logo-image:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.05)}@media (max-width: 768px){.logo-image{height:40px!important}.mobile-logo-image{height:35px!important}.mobile-menu-logo-image{height:40px!important}.footer-logo-image{height:45px!important}.logo{min-width:auto!important;gap:12px!important}.mobile-logo{min-width:auto!important}.mobile-logo img,.mobile-logo-image{display:block!important;visibility:visible!important;opacity:1!important}.mobile-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;flex:1!important}.mobile-logo .mobile-logo-image{max-height:40px!important;width:auto!important;object-fit:contain!important;display:block!important;visibility:visible!important;opacity:1!important;min-height:30px!important;min-width:30px!important;background:transparent!important;border:none!important}}@media (max-width: 480px){.logo-image{height:35px!important}.mobile-logo-image{height:30px!important}.mobile-menu-logo-image{height:35px!important}.footer-logo-image{height:40px!important}.logo{min-width:auto!important;gap:8px!important}.mobile-logo{min-width:auto!important}.header-content{padding:0 12px!important}.mobile-header-layout{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:12px!important}.mobile-logo{flex:1!important;display:flex!important;justify-content:center!important;align-items:center!important}.mobile-logo img,.mobile-logo-image{display:block!important;visibility:visible!important;opacity:1!important;max-width:100%!important;height:auto!important;min-height:30px!important;min-width:30px!important;background:transparent!important;border:none!important;filter:none!important}}.container{width:100%;padding-right:var(--spacing-md);padding-left:var(--spacing-md);margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:var(--container-sm)}}@media (min-width: 768px){.container{max-width:var(--container-md);padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}}@media (min-width: 992px){.container{max-width:var(--container-lg)}}@media (min-width: 1200px){.container{max-width:var(--container-xl);padding-right:var(--spacing-xl);padding-left:var(--spacing-xl)}}@media (min-width: 1600px){.container{max-width:var(--container-xxl)}}.btn,.ant-btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}@media (max-width: 768px){.btn,.ant-btn{min-height:var(--touch-target-comfortable);padding:12px 20px;font-size:var(--font-size-base)}.btn-large,.ant-btn-large{min-height:var(--touch-target-large);padding:16px 24px;font-size:var(--font-size-lg)}}.hero-title{font-size:var(--font-size-xxxl);line-height:1.2;font-weight:700}.section-title{font-size:var(--font-size-xxl);line-height:1.3;font-weight:600}.card-title{font-size:var(--font-size-xl);line-height:1.4;font-weight:600}.body-text{font-size:var(--font-size-base);line-height:1.6}.small-text{font-size:var(--font-size-sm);line-height:1.5}.mb-xxl{margin-bottom:var(--spacing-xxl)}.mt-xxl{margin-top:var(--spacing-xxl)}.p-xxl{padding:var(--spacing-xxl)}@media (max-width: 768px){.hidden-mobile{display:none!important}.mobile-only{display:block!important}}@media (min-width: 769px){.mobile-only,.hidden-desktop{display:none!important}}.customer-layout{min-height:100vh}.top-info-bar{position:fixed;top:0;left:0;right:0;height:40px;background:var(--primary-600);color:#fff;z-index:1001;transition:all var(--transition-normal)}.top-info-content{max-width:1400px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between;font-size:13px}.contact-info .ant-typography,.top-actions .ant-typography{color:#fff!important;font-size:13px!important;margin:0!important}.contact-info .anticon,.top-actions .anticon{color:#fffc;margin-right:4px}.social-links-top{display:flex;gap:8px;margin-left:16px}.social-links-top a{color:#fffc!important;transition:color var(--transition-fast);font-size:14px}.social-links-top a:hover{color:#fff!important}.customer-header{position:fixed!important;top:40px;left:0;right:0;z-index:1000;padding:0 20px!important;height:80px!important;line-height:80px!important;transition:all var(--transition-normal);backdrop-filter:blur(15px)}.customer-header.header-scrolled{background:#fffffff2!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-xxl);margin:0 auto;padding:0 var(--spacing-xl);position:relative;transition:all .3s ease}@media (min-width: 769px){.desktop-nav{display:flex!important}.mobile-header-layout{display:none!important}}@media (min-width: 2560px){.header-content{max-width:2400px;padding:0 80px}.logo{min-width:280px;gap:20px}.logo-icon{width:60px;height:60px}.logo-icon span{font-size:28px}.logo-text h2{font-size:28px;letter-spacing:-.6px}.logo-text span{font-size:11px;letter-spacing:1.8px}.desktop-nav{margin:0 60px}.desktop-nav .ant-menu-item{margin:0 8px!important;padding:0 20px!important;font-size:16px!important}.header-actions{min-width:280px;gap:16px}}@media (max-width: 2559px) and (min-width: 1920px){.header-content{max-width:1800px;padding:0 60px}.logo{min-width:260px;gap:18px}.logo-icon{width:56px;height:56px}.logo-icon span{font-size:26px}.logo-text h2{font-size:26px;letter-spacing:-.5px}.logo-text span{font-size:10px;letter-spacing:1.6px}.desktop-nav{margin:0 48px}.desktop-nav .ant-menu-item{margin:0 6px!important;padding:0 16px!important;font-size:15px!important}.header-actions{min-width:260px;gap:12px}}@media (max-width: 1919px) and (min-width: 1600px){.header-content{max-width:1500px;padding:0 48px}.logo{min-width:240px;gap:16px}.logo-icon{width:52px;height:52px}.logo-icon span{font-size:24px}.logo-text h2{font-size:24px;letter-spacing:-.4px}.logo-text span{font-size:9px;letter-spacing:1.5px}.desktop-nav{margin:0 40px}.desktop-nav .ant-menu-item{margin:0 5px!important;padding:0 14px!important;font-size:15px!important}.header-actions{min-width:240px;gap:10px}}@media (max-width: 1599px) and (min-width: 1366px){.header-content{max-width:1400px;padding:0 40px}.logo{min-width:220px;gap:14px}.logo-icon{width:48px;height:48px}.logo-icon span{font-size:22px}.logo-text h2{font-size:22px;letter-spacing:-.4px}.logo-text span{font-size:9px;letter-spacing:1.4px}.desktop-nav{margin:0 32px}.desktop-nav .ant-menu-item{margin:0 4px!important;padding:0 12px!important;font-size:14px!important}.header-actions{min-width:220px;gap:8px}}@media (max-width: 1365px) and (min-width: 1200px){.header-content{max-width:1200px;padding:0 32px}.logo{min-width:200px;gap:12px}.logo-icon{width:46px;height:46px}.logo-icon span{font-size:20px}.logo-text h2{font-size:20px;letter-spacing:-.3px}.logo-text span{font-size:8px;letter-spacing:1.3px}.desktop-nav{margin:0 24px}.desktop-nav .ant-menu-item{margin:0 3px!important;padding:0 10px!important;font-size:14px!important}.header-actions{min-width:200px;gap:6px}}@media (max-width: 1199px) and (min-width: 1024px){.header-content{max-width:1000px;padding:0 24px}.logo{min-width:180px;gap:10px}.logo-icon{width:44px;height:44px}.logo-icon span{font-size:18px}.logo-text h2{font-size:18px;letter-spacing:-.3px}.logo-text span{font-size:7px;letter-spacing:1.2px}.desktop-nav{margin:0 20px}.desktop-nav .ant-menu-item{margin:0 2px!important;padding:0 8px!important;font-size:13px!important}.header-actions{min-width:180px;gap:4px}}@media (max-width: 1023px) and (min-width: 769px){.header-content{padding:0 20px}.logo{min-width:160px;gap:8px}.logo-icon{width:42px;height:42px}.logo-icon span{font-size:16px}.logo-text h2{font-size:16px;letter-spacing:-.2px}.logo-text span{font-size:6px;letter-spacing:1.1px}.desktop-nav{margin:0 16px}.desktop-nav .ant-menu-item{margin:0 1px!important;padding:0 6px!important;font-size:12px!important}.header-actions{min-width:160px;gap:4px}}@media (max-width: 992px){.logo{min-width:160px;gap:8px}.logo-icon{width:48px;height:48px;border-radius:14px}.logo-icon span{font-size:22px}.logo-text h2{font-size:20px;letter-spacing:-.2px}.logo-text span{font-size:8px;letter-spacing:1.2px}}.logo{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:transform var(--transition-fast);flex-shrink:0;min-width:220px;overflow:visible;position:relative}.logo:hover{transform:scale(1.02)}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px rgba(var(--primary-600-rgb),.3);position:relative;overflow:hidden;flex-shrink:0}.logo-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);pointer-events:none}.logo-icon span{color:#fff;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1}.logo-text{min-width:0;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.logo-text h2{margin:0;font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.4px;line-height:1.2;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.logo-text span{font-size:8px;color:var(--text-secondary);font-weight:600;letter-spacing:1.4px;text-transform:uppercase;display:block;margin-top:-1px;white-space:nowrap}.desktop-nav{flex:1 1 auto;display:flex!important;justify-content:center;align-items:center;margin:0 var(--spacing-lg);max-width:none;overflow:visible;position:relative;z-index:1}.desktop-nav .ant-menu{background:transparent!important;border:none!important;line-height:80px!important;display:flex!important;align-items:center!important;width:100%!important;overflow:visible!important}.desktop-nav .ant-menu .ant-menu-overflow{display:flex!important;align-items:center!important}.desktop-nav .ant-menu .ant-menu-overflow-item{display:flex!important}.desktop-nav .ant-menu .ant-menu-submenu-hidden,.desktop-nav .ant-menu .ant-menu-overflow-item-rest,.desktop-nav .ant-menu .ant-menu-overflow-item-suffix,.desktop-nav .ant-menu .ant-menu-submenu-arrow{display:none!important}.desktop-nav .ant-menu-overflow,.desktop-nav .ant-menu-overflow-item{overflow:visible!important}.desktop-nav .ant-menu-item{margin:0 2px!important;padding:0 8px!important;border-radius:8px!important;height:48px!important;line-height:48px!important;font-weight:500;font-size:14px!important;transition:all var(--transition-fast);display:flex!important;align-items:center!important;white-space:nowrap!important;flex-shrink:0!important}.desktop-nav .ant-menu-item:hover{background:var(--primary-50)!important;color:var(--primary-600)!important}.desktop-nav .ant-menu-item-selected{background:var(--primary-100)!important;color:var(--primary-600)!important}.desktop-nav .ant-menu-item .anticon{font-size:16px!important;margin-right:6px!important}.desktop-nav .nav-link{display:flex!important;align-items:center!important;gap:6px!important}.nav-link{color:inherit!important;text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;min-width:200px;justify-content:flex-end;position:relative}.action-btn{width:44px!important;height:44px!important;border-radius:12px!important;color:var(--text-secondary)!important;border:none!important;transition:all var(--transition-fast);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--primary-50);border-radius:50%;transition:all var(--transition-fast);transform:translate(-50%,-50%);z-index:0}.action-btn:hover:before{width:100%;height:100%}.action-btn:hover{color:var(--primary-600)!important;transform:translateY(-2px)}.action-btn .anticon{position:relative;z-index:1}.user-btn{padding:6px!important;border-radius:12px!important;border:none!important;transition:all var(--transition-fast)}.user-btn:hover{background:var(--primary-50)!important;transform:translateY(-2px)}.book-btn{margin-left:16px;height:48px!important;padding:0 24px!important;border-radius:14px!important;font-weight:700!important;background:linear-gradient(135deg,var(--primary-600),var(--primary-700))!important;border:none!important;box-shadow:0 4px 16px #2d8f2d4d;transition:all var(--transition-fast);position:relative;overflow:hidden}.book-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.book-btn:hover:before{left:100%}.book-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2d8f2d66}.book-text{margin-left:8px;font-size:14px}.mobile-menu-btn{display:none!important;width:44px!important;height:44px!important;border-radius:10px!important;border:none!important;color:var(--text-secondary)!important}.mobile-menu-drawer .ant-drawer-header{border-bottom:1px solid var(--border-primary);padding:20px 24px}.mobile-menu-drawer .ant-drawer-body{padding:0}.mobile-menu-content{height:100%;display:flex;flex-direction:column}.mobile-logo{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid var(--border-primary)}.mobile-logo .logo-icon{width:40px;height:40px}.mobile-logo .logo-icon span{font-size:20px}.mobile-logo h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.mobile-menu-content .ant-menu{border:none!important;background:transparent!important;padding:20px 0}.mobile-menu-content .ant-menu-item{margin:0 20px 8px!important;padding:0 20px!important;height:48px!important;line-height:48px!important;border-radius:12px!important;font-size:16px!important;font-weight:500}.mobile-nav-link{color:inherit!important;text-decoration:none!important;display:block;width:100%;height:100%}.mobile-actions{margin-top:auto;padding:24px;border-top:1px solid var(--border-primary)}.mobile-actions .ant-btn{margin-bottom:20px;height:52px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important}.mobile-contact h4{margin-bottom:12px;color:var(--text-primary);font-size:16px;font-weight:600}.phone-link{display:flex;align-items:center;gap:8px;color:var(--primary-600)!important;text-decoration:none;font-size:18px;font-weight:600}.phone-link:hover{color:var(--primary-700)!important}.customer-content{margin-top:120px;min-height:calc(100vh - 120px);scroll-behavior:auto;overflow-x:hidden;position:relative}.customer-content>*{scroll-margin-top:0;scroll-margin-bottom:0}.customer-content{scroll-padding-top:0}.customer-layout{scroll-padding-top:0;scroll-margin-top:0}.customer-layout *{scroll-margin-top:0;scroll-margin-bottom:0;scroll-padding-top:0;scroll-padding-bottom:0}@media (max-width: 1200px) and (min-width: 1025px){.customer-content{margin-top:120px;padding-top:20px}}.customer-footer{background:linear-gradient(135deg,var(--neutral-900),var(--neutral-800))!important;color:var(--neutral-100)!important;padding:80px 0 0!important;margin-top:80px;position:relative;overflow:hidden}.customer-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600),var(--primary-700))}.footer-content{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px}.footer-brand{max-width:350px}.footer-logo{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.footer-logo .logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border-radius:14px;box-shadow:0 4px 16px #2d8f2d4d}.footer-logo .logo-icon span{font-size:22px}.footer-logo h3{margin:0 0 6px;color:var(--neutral-100);font-size:22px;font-weight:800;letter-spacing:-.5px}.footer-logo p{margin:0;color:var(--neutral-400);font-size:14px;line-height:1.5}.footer-stats{display:flex;gap:24px;margin-top:24px}.stat-item{display:flex;align-items:center;gap:8px}.stat-item .anticon{color:var(--primary-400);font-size:16px}.stat-item div strong{display:block;color:var(--neutral-100);font-size:18px;font-weight:700;line-height:1.2}.stat-item div span{color:var(--neutral-400);font-size:12px}.footer-contact h4,.footer-links h4,.footer-social h4{color:var(--neutral-100);font-size:18px;font-weight:700;margin-bottom:20px;position:relative}.footer-contact h4:after,.footer-links h4:after,.footer-social h4:after{content:"";position:absolute;bottom:-6px;left:0;width:30px;height:2px;background:var(--primary-500)}.contact-list{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0}.contact-item .anticon{color:var(--primary-400);font-size:16px;margin-top:2px}.contact-item div strong{display:block;color:var(--neutral-200);font-size:14px;font-weight:600;margin-bottom:2px}.contact-item div span{color:var(--neutral-400);font-size:14px;line-height:1.4}.links-grid{display:flex;flex-direction:column;gap:12px}.links-grid a{color:var(--neutral-300)!important;text-decoration:none;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px}.links-grid a .anticon{color:var(--primary-400);font-size:14x}.links-grid a:hover{color:var(--primary-400)!important;transform:translate(4px)}.social-links{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.social-btn{display:flex!important;align-items:center;gap:12px;padding:12px 16px;background:var(--neutral-800)!important;border-radius:12px;color:var(--neutral-300)!important;text-decoration:none;transition:all var(--transition-fast);font-size:14px;font-weight:500;border:1px solid var(--neutral-700)}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}@media (min-width: 769px){.footer-social .social-btn{background:var(--neutral-800)!important;border:1px solid var(--neutral-700)!important;color:var(--neutral-300)!important;display:flex!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;border-radius:12px!important;text-decoration:none!important;transition:all var(--transition-fast)!important;font-size:14px!important;font-weight:500!important}}.customer-footer .footer-social .social-btn{background:var(--neutral-800)!important;border:1px solid var(--neutral-700)!important;color:var(--neutral-300)!important;display:flex!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;border-radius:12px!important;text-decoration:none!important;transition:all var(--transition-fast)!important;font-size:14px!important;font-weight:500!important}.social-btn.facebook:hover{background:#1877f2!important;color:#fff!important}.social-btn.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important;color:#fff!important}.social-btn.tiktok:hover{background:#000!important;color:#fff!important}.social-btn.youtube:hover{background:red!important;color:#fff!important}.newsletter{margin-top:20px}.newsletter h5{color:var(--neutral-100);font-size:16px;font-weight:600;margin-bottom:12px}.newsletter-input{display:flex;gap:8px}.newsletter-input input{flex:1;padding:10px 12px;border:1px solid var(--neutral-700);border-radius:8px;background:var(--neutral-800);color:var(--neutral-100);font-size:14px}.newsletter-input input::placeholder{color:var(--neutral-500)}.newsletter-input input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #2d8f2d33}.newsletter-input .ant-btn{border-radius:8px!important;font-weight:600!important}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--neutral-700),transparent);margin:50px 0 30px}.footer-copyright{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}.copyright-text{flex:1}.copyright-text p{margin:0;color:var(--neutral-400);font-size:14px;line-height:1.4}.copyright-text p:first-child{font-weight:500;margin-bottom:4px}.footer-legal{display:flex;gap:24px;align-items:center}.footer-legal a{color:var(--neutral-400)!important;text-decoration:none;transition:all var(--transition-fast);font-size:14px;padding:6px 12px;border-radius:6px}.footer-legal a:hover{color:var(--primary-400)!important;background:#2d8f2d1a}.home-page{background:var(--bg-primary)}.hero-section{height:100vh;position:relative;overflow:hidden}.hero-slider{height:100%;position:relative}.hero-slide{height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative}.hero-content{max-width:1400px;width:100%;padding:0 20px;text-align:center;color:#fff;z-index:2}.hero-title{color:#fff!important;font-size:4rem!important;font-weight:700!important;margin-bottom:16px!important;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.1!important}.hero-subtitle{color:#ffffffe6!important;font-size:1.5rem!important;font-weight:400!important;margin-bottom:20px!important;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero-description{color:#fffc!important;font-size:1.125rem!important;margin-bottom:40px!important;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero-actions{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.hero-cta{height:56px!important;padding:0 32px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;background:var(--primary-600)!important;border-color:var(--primary-600)!important;box-shadow:0 4px 12px #2d8f2d4d;transition:all var(--transition-fast)}.hero-cta:hover{background:var(--primary-700)!important;border-color:var(--primary-700)!important;transform:translateY(-2px);box-shadow:0 6px 20px #2d8f2d66}.hero-phone{height:56px!important;padding:0 32px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;background:#ffffff1a!important;border:2px solid rgba(255,255,255,.2)!important;color:#fff!important;backdrop-filter:blur(10px);transition:all var(--transition-fast)}.hero-phone:hover{background:#fff3!important;border-color:#ffffff4d!important;color:#fff!important;transform:translateY(-2px)}.hero-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:3}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.indicator.active{background:#fff;border-color:#fff;transform:scale(1.2)}.indicator:hover{border-color:#fff;transform:scale(1.1)}.stats-section{padding:80px 0;background:var(--bg-primary)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.stat-card{text-align:center;border-radius:16px!important;border:1px solid var(--border-primary)!important;transition:all var(--transition-fast);height:100%}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important;border-color:var(--primary-200)!important}.stat-icon{font-size:2rem;color:var(--primary-600);margin-bottom:12px}.stat-card .ant-statistic-title{font-size:14px!important;font-weight:500!important;color:var(--text-secondary)!important}.stat-card .ant-statistic-content{font-size:2rem!important;font-weight:700!important;color:var(--primary-600)!important}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:16px!important}.section-header p{font-size:1.125rem!important;color:var(--text-secondary)!important;max-width:600px;margin:0 auto!important}.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-title-row>div:first-child{text-align:left;flex:1}.carousel-controls{display:flex;gap:8px}.carousel-btn{width:48px!important;height:48px!important;border-radius:12px!important;border:2px solid var(--border-primary)!important;color:var(--text-secondary)!important;transition:all var(--transition-fast);display:flex!important;align-items:center!important;justify-content:center!important}.carousel-btn:hover{border-color:var(--primary-500)!important;color:var(--primary-600)!important;background:var(--primary-50)!important;transform:translateY(-2px)}.section-footer{text-align:center;margin-top:40px}.view-all-btn{height:48px!important;padding:0 32px!important;border-radius:12px!important;font-weight:600!important}.featured-services-section{padding:80px 0;background:var(--bg-secondary)}.services-carousel,.testimonials-carousel{margin:0 -12px}.carousel-slide,.services-carousel .ant-carousel .slick-slide,.testimonials-carousel .ant-carousel .slick-slide{padding:0 12px}.testimonials-carousel .ant-carousel .slick-dots{bottom:-50px}.testimonials-carousel .ant-carousel .slick-dots li button{background:var(--primary-200);border-radius:50%;width:8px;height:8px}.testimonials-carousel .ant-carousel .slick-dots li.slick-active button{background:var(--primary-600)}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)!important;border-color:var(--primary-200)!important}.service-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform var(--transition-slow)}.popular-badge{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,#faad14,#ffd666);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:var(--shadow-sm)}.service-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.book-service-btn{border-radius:12px!important;font-weight:600!important;background:var(--primary-600)!important;border-color:var(--primary-600)!important;transform:translateY(10px);transition:all var(--transition-fast)}.service-card:hover .book-service-btn{transform:translateY(0)}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.service-header h4{margin:0!important;font-size:1.25rem!important;font-weight:600!important;color:var(--text-primary)!important;flex:1;line-height:1.3}.service-rating{display:flex;align-items:center;gap:4px;font-size:14px;margin-left:12px}.service-description{color:var(--text-secondary)!important;margin-bottom:16px!important;line-height:1.6}.service-benefits{margin-bottom:20px}.benefit-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.benefit-item .anticon{color:var(--primary-600);font-size:14px}.service-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-secondary)}.service-price{display:flex;flex-direction:column;gap:2px}.service-price .ant-typography{margin:0!important}.view-details-btn{color:var(--primary-600)!important;font-weight:500!important;padding:0!important}.view-details-btn:hover{color:var(--primary-700)!important}.why-choose-section{padding:80px 0;background:var(--bg-primary)}.why-choose-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xl)}.why-choose-image img{width:100%;height:400px;object-fit:cover}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn{width:80px!important;height:80px!important;background:#ffffffe6!important;border:none!important;font-size:32px!important;color:var(--primary-600)!important;box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.play-btn:hover{background:#fff!important;color:var(--primary-700)!important;transform:scale(1.1)}.why-choose-content h2{font-size:2.5rem!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:20px!important}.why-choose-content p{font-size:1.125rem!important;color:var(--text-secondary)!important;margin-bottom:32px!important;line-height:1.7}.features-list{margin-bottom:40px}.feature-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:16px;color:var(--text-primary)}.feature-item .anticon{color:var(--primary-600);font-size:18px}.cta-buttons{display:flex;gap:16px;flex-wrap:wrap}.cta-buttons .ant-btn{height:48px!important;padding:0 24px!important;font-weight:600!important;border-radius:12px!important}.testimonials-section{padding:80px 0;background:var(--bg-secondary)}.testimonial-card{border-radius:20px!important;border:1px solid var(--border-primary)!important;transition:all var(--transition-fast);height:100%}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important;border-color:var(--primary-200)!important}.testimonial-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.customer-info h5{margin:0!important;color:var(--text-primary)!important;font-weight:600!important}.customer-info .ant-typography{margin:0!important;font-size:14px}.rating{margin-top:4px}.testimonial-content{font-style:italic;color:var(--text-secondary);margin-bottom:16px;line-height:1.6;font-size:16px}.testimonial-date{font-size:12px!important}.gallery-section{padding:80px 0;background:var(--bg-primary)}.gallery-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;transition:all var(--transition-fast)}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay .ant-btn{color:#fff!important;font-size:32px!important;width:64px!important;height:64px!important;border-radius:50%!important;background:#fff3!important;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)!important}.process-section{padding:80px 0;background:var(--bg-secondary)}.process-item{text-align:center;padding:40px 20px;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-primary);transition:all var(--transition-fast);position:relative;height:100%}.process-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.process-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:60px;height:60px;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;box-shadow:0 4px 16px #2d8f2d4d}.process-icon{font-size:48px;color:var(--primary-500);margin:40px 0 20px;display:block}.process-item h4{color:var(--text-primary)!important;font-size:1.25rem!important;font-weight:600!important;margin-bottom:12px!important}.process-item p{color:var(--text-secondary)!important;font-size:14px!important;line-height:1.6;margin:0!important}.cta-section{padding:80px 0;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="80" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="60" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.cta-content h2{color:#fff!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:20px!important}.cta-content p{color:#ffffffe6!important;font-size:1.125rem!important;margin-bottom:40px!important;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.primary-cta{height:56px!important;padding:0 32px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;background:#fff!important;border-color:#fff!important;color:var(--primary-600)!important;box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.primary-cta:hover{background:var(--neutral-100)!important;border-color:var(--neutral-100)!important;color:var(--primary-700)!important;transform:translateY(-2px);box-shadow:var(--shadow-xl)}.cta-actions .ant-btn-default{height:56px!important;padding:0 32px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;background:#ffffff1a!important;border:2px solid rgba(255,255,255,.2)!important;color:#fff!important;backdrop-filter:blur(10px);transition:all var(--transition-fast)}.cta-actions .ant-btn-default:hover{background:#fff3!important;border-color:#ffffff4d!important;color:#fff!important;transform:translateY(-2px)}@media (max-width: 1024px){.top-info-bar{display:none}.customer-header{top:0!important}.customer-content{margin-top:80px!important}.desktop-nav{display:none}.mobile-menu-btn{display:flex!important}.header-actions .book-text{display:none}.book-btn{padding:0 16px!important;height:44px!important}.hero-title{font-size:3rem!important}.hero-subtitle{font-size:1.25rem!important}.footer-main{grid-template-columns:1fr 1fr;gap:40px}.footer-stats{flex-direction:column;gap:16px}.why-choose-image img{height:300px}}@media (max-width: 768px){.top-info-bar{display:none}.customer-header{top:0!important;padding:0 16px!important;height:64px!important;background:#fffffffa!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 4px 20px #00000014!important}.customer-header .header-content{height:64px!important;line-height:normal!important;display:flex!important;align-items:center!important;max-width:100%!important;justify-content:space-between!important}.header-content>.logo,.header-content>.desktop-nav,.header-content>.header-actions{display:none!important}.mobile-header-layout{display:flex!important;position:relative;z-index:10;width:100%!important;height:64px!important;align-items:center!important}.header-content{justify-content:stretch!important}.mobile-menu-drawer .ant-drawer{z-index:1100!important}.mobile-menu-drawer .ant-drawer-content{background:linear-gradient(135deg,#fff,#f8fafc)!important;border-right:1px solid var(--border-primary);box-shadow:4px 0 24px #0000001f}.mobile-menu-drawer .ant-drawer-header{border-bottom:1px solid var(--border-secondary);background:transparent;padding:20px 24px 16px}.mobile-menu-drawer .ant-drawer-close{width:36px!important;height:36px!important;border-radius:8px!important;background:#0000000a!important;border:1px solid transparent!important;transition:all var(--transition-fast)}.mobile-menu-drawer .ant-drawer-close:hover{background:var(--danger-50)!important;border-color:var(--danger-200)!important;color:var(--danger-600)!important}.mobile-menu-drawer .ant-drawer-body{padding:0!important}.mobile-menu-content{padding:24px 0}.mobile-menu-content .mobile-logo{display:flex;align-items:center;gap:12px;padding:0 24px 24px;border-bottom:1px solid var(--border-secondary);margin-bottom:24px}.mobile-menu-content .logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #868e9666}.mobile-menu-content .logo-icon span{color:#fff;font-weight:800;font-size:20px;font-family:Inter,sans-serif}.mobile-menu-content .logo-text h2{font-size:20px!important;font-weight:700!important;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0!important;line-height:1.2}.mobile-menu-content .logo-text span{font-size:12px;color:var(--text-secondary);font-weight:500;letter-spacing:1px}.mobile-menu-list{padding:0!important}.mobile-menu-list .ant-menu-item{height:52px!important;line-height:52px!important;margin:0 16px 8px!important;border-radius:12px!important;padding-left:20px!important;border:none!important;transition:all var(--transition-fast)}.mobile-menu-list .ant-menu-item:hover{background:var(--primary-50)!important;color:var(--primary-600)!important;transform:translate(4px)}.mobile-menu-list .ant-menu-item-selected{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))!important;color:#fff!important;box-shadow:0 3px 12px #1890ff4d}.mobile-menu-list .ant-menu-item .anticon{font-size:18px;margin-right:12px}.customer-content{margin-top:64px!important;padding-top:4px!important}.header-actions{gap:4px}.action-btn{width:40px!important;height:40px!important}.book-btn{height:42px!important;padding:0 12px!important;margin-left:8px;font-size:13px!important}.logo{gap:10px}.logo-text h2{font-size:18px;letter-spacing:-.4px;line-height:1}.logo-text span{font-size:8px;letter-spacing:.8px;line-height:1;margin-top:-1px}.logo-icon{width:42px;height:42px;border-radius:12px}.logo-icon span{font-size:20px}.hero-section{height:60vh;min-height:400px}.hero-slide{border-radius:0 0 20px 20px;overflow:hidden}.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.125rem!important}.hero-description{font-size:1rem!important}.hero-actions{flex-direction:column;gap:16px}.hero-cta,.hero-phone{width:100%;max-width:300px}.container{padding:0 16px}.stats-section,.gallery-section,.process-section,.featured-services-section,.why-choose-section,.testimonials-section,.cta-section{padding:60px 0}.gallery-item{margin-bottom:16px}.process-item{margin-bottom:32px}.section-header{margin-bottom:40px}.section-header h2{font-size:2rem!important}.section-footer{margin-top:40px}.section-title-row{flex-direction:column;align-items:center;gap:20px}.section-title-row>div:first-child{text-align:center}.carousel-controls{display:none}.service-image{height:200px}.service-content{padding:20px}.service-header{flex-direction:column;align-items:flex-start;gap:8px}.service-rating{margin-left:0}.service-footer{flex-direction:column;align-items:flex-start;gap:12px}.why-choose-content h2,.cta-content h2{font-size:2rem!important}.cta-actions{flex-direction:column;gap:16px}.primary-cta,.cta-actions .ant-btn-default{width:100%;max-width:300px}.footer-main{grid-template-columns:1fr;gap:40px}.footer-brand{max-width:100%;text-align:center}.footer-stats{justify-content:center;flex-wrap:wrap}.social-links{flex-direction:row;flex-wrap:wrap;gap:8px}.social-btn{flex:1;min-width:120px;justify-content:center}.newsletter-input{flex-direction:column}.newsletter-input input{margin-bottom:8px}.footer-copyright{flex-direction:column;gap:16px;text-align:center}.footer-legal{justify-content:center;flex-wrap:wrap}.testimonial-header{flex-direction:column;align-items:flex-start;gap:12px}.play-btn{width:60px!important;height:60px!important;font-size:24px!important}.cta-buttons{flex-direction:column;align-items:stretch}.features-list{margin-bottom:32px}.feature-item{font-size:15px}}.floating-buttons{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:12px;z-index:999}.mobile-menu-floating{position:fixed;left:20px;bottom:20px;z-index:999}.floating-btn{width:56px!important;height:56px!important;border-radius:50%!important;box-shadow:0 4px 16px #00000026!important;border:none!important;transition:all var(--transition-fast);backdrop-filter:blur(10px)}.floating-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #00000040!important}.scroll-top-btn{background:var(--primary-600)!important}.scroll-top-btn:hover{background:var(--primary-700)!important}.message-btn{background:linear-gradient(135deg,#00d4aa,#00a693)!important}.phone-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important}.cart-btn{background:linear-gradient(135deg,#a8e6cf,#7fb069)!important}.menu-btn{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))!important}.mobile-header-layout{display:none;width:100%;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);height:100%;flex-shrink:0;position:relative}.mobile-logo{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1;justify-content:center;margin:0 16px;height:100%;transition:all var(--transition-fast);align-self:center}.mobile-logo:active{transform:scale(.98)}.logo-icon-mobile{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #868e9666;transition:all var(--transition-fast)}.mobile-logo:hover .logo-icon-mobile{box-shadow:0 4px 16px #868e9680}.logo-icon-mobile span{color:#fff;font-weight:800;font-size:18px;font-family:Inter,sans-serif}.logo-text-mobile h2{font-size:18px!important;font-weight:700!important;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0!important;letter-spacing:.8px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.mobile-actions{display:flex;align-items:center;gap:6px;height:100%;align-self:center}.mobile-action-btn{width:40px!important;height:40px!important;border-radius:12px!important;color:var(--text-secondary)!important;transition:all var(--transition-fast);background:#00000005!important;border:1px solid transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;position:relative;top:0}.mobile-action-btn:hover{background:var(--primary-50)!important;color:var(--primary-600)!important;border-color:var(--primary-200)!important}.mobile-action-btn:active{transform:scale(.95)}.mobile-menu-btn{width:40px!important;height:40px!important;border-radius:12px!important;color:var(--text-primary)!important;transition:all var(--transition-fast);background:#00000005!important;border:1px solid transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;position:relative;top:0;align-self:center}.mobile-menu-btn:hover{background:var(--primary-50)!important;color:var(--primary-600)!important;border-color:var(--primary-200)!important}.mobile-menu-btn:active{transform:scale(.95)}.mobile-book-btn{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--primary-600)!important;border-color:var(--primary-600)!important;margin-left:4px;margin-top:0!important;margin-bottom:0!important;box-shadow:0 3px 12px #1890ff4d!important;transition:all var(--transition-fast);display:flex!important;align-items:center!important;justify-content:center!important;position:relative;top:0;align-self:center}.mobile-book-btn:hover{background:var(--primary-700)!important;border-color:var(--primary-700)!important}.mobile-book-btn:active{transform:scale(.95)}.products-carousel{margin:0 -12px}.products-carousel .carousel-slide{padding:0 12px}.bestselling-products-section{padding:80px 0;background:var(--bg-primary)}.product-card{border-radius:20px!important;overflow:hidden!important;border:1px solid var(--border-primary)!important;transition:all var(--transition-fast);height:100%}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)!important;border-color:var(--primary-200)!important}.product-image{position:relative;height:220px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform var(--transition-slow)}@media (min-width: 1200px){.service-image{height:320px}.product-image{height:280px}}.product-card:hover .product-image img{transform:scale(1.05)}.discount-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:var(--shadow-sm)}.product-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.product-card:hover .product-overlay{opacity:1}.add-to-cart-btn{border-radius:12px!important;font-weight:600!important;background:var(--primary-600)!important;border-color:var(--primary-600)!important;transform:translateY(10px);transition:all var(--transition-fast)}.product-card:hover .add-to-cart-btn{transform:translateY(0)}.product-content{padding:20px}.product-header h5{margin:0 0 8px!important;font-size:1.1rem!important;font-weight:600!important;color:var(--text-primary)!important;line-height:1.3}.product-rating{display:flex;align-items:center;gap:4px;font-size:13px}.product-description{color:var(--text-secondary)!important;font-size:13px!important;line-height:1.5;margin-bottom:12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-benefits{margin-bottom:16px}.product-benefits .benefit-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.product-benefits .benefit-item .anticon{color:var(--primary-600);font-size:12px}.product-pricing{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.current-price{font-size:1.1rem;font-weight:700;color:var(--primary-600)}.original-price{font-size:.9rem;color:var(--text-tertiary);text-decoration:line-through}.product-stats{font-size:12px}@media (max-width: 480px){.hero-title{font-size:2rem!important}.section-header h2,.why-choose-content h2,.cta-content h2{font-size:1.75rem!important}.service-card{margin-bottom:20px}.stat-card .ant-statistic-content{font-size:1.5rem!important}.floating-buttons{right:16px;bottom:16px;gap:10px}.mobile-menu-floating{left:16px;bottom:16px}.floating-btn{width:48px!important;height:48px!important}.product-image{height:180px}.product-content{padding:16px}.customer-header{padding:0 12px!important}.mobile-actions{gap:4px!important}.mobile-action-btn,.mobile-menu-btn{width:36px!important;height:36px!important;margin:0!important}.mobile-book-btn{width:36px!important;height:36px!important;margin-left:2px;margin-top:0!important;margin-bottom:0!important}.logo-text-mobile h2{font-size:16px!important}.logo-icon-mobile{width:28px!important;height:28px!important}.mobile-header-layout>*{align-self:center}.mobile-logo,.mobile-actions{align-self:center}}.services-page{background:var(--bg-primary)}.services-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:60px 0 80px;border-bottom:1px solid var(--border-secondary)}.services-hero .hero-content{text-align:center;max-width:800px;margin:0 auto}.services-breadcrumb{justify-content:center;margin-bottom:32px}.services-breadcrumb .ant-breadcrumb-link{display:flex;align-items:center;gap:6px;color:var(--text-secondary);transition:color var(--transition-fast)}.services-breadcrumb .ant-breadcrumb-link:hover{color:var(--primary-600)}.services-hero .hero-title{font-size:3rem!important;font-weight:800!important;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px!important;line-height:1.2}.services-hero .hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:48px!important;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:64px}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:var(--primary-600);line-height:1;margin-bottom:8px}.stat-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.services-filters{padding:40px 0;background:#fff;border-bottom:1px solid var(--border-secondary);position:sticky;top:64px;z-index:100}.filters-content{display:flex;flex-direction:column;gap:24px}.category-filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.category-btn{border-radius:24px!important;padding:8px 20px!important;height:auto!important;font-weight:500!important;transition:all var(--transition-fast);position:relative}.category-btn .ant-badge{margin-left:8px}.category-btn .ant-badge-count{background:var(--text-tertiary)!important;font-size:11px!important;height:18px!important;line-height:18px!important;padding:0 6px!important;border-radius:9px!important}.category-btn.ant-btn-primary .ant-badge-count{background:#ffffffe6!important;color:var(--primary-600)!important}.search-sort-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.sort-select{min-width:180px}.services-grid-section{padding:60px 0 80px}.service-card{border-radius:20px!important;overflow:hidden!important;border:1px solid var(--border-primary)!important;transition:all var(--transition-fast);height:100%}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)!important;border-color:var(--primary-200)!important}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.popular-badge{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:var(--shadow-sm)}.promotion-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:700;box-shadow:var(--shadow-sm)}.service-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;opacity:0;transition:opacity var(--transition-fast)}.service-card:hover .service-overlay{opacity:1}.overlay-actions{display:flex;gap:8px}.overlay-actions .action-btn{width:36px!important;height:36px!important;border-radius:50%!important;background:#ffffffe6!important;color:var(--text-primary)!important;transition:all var(--transition-fast)}.overlay-actions .action-btn:hover{background:#fff!important;color:var(--primary-600)!important;transform:scale(1.1)}.service-content{padding:24px}.service-header{margin-bottom:16px}.service-header h4{margin:0 0 8px!important;font-size:1.25rem!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.3}.service-rating{display:flex;align-items:center;gap:8px}.service-rating .ant-rate{font-size:14px}.service-description{color:var(--text-secondary)!important;line-height:1.6;margin-bottom:20px!important}.service-features{margin-bottom:20px}.service-features .feature-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:6px}.service-features .feature-item .anticon{color:var(--primary-600);font-size:14px}.service-footer{margin-top:20px}.service-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.price-info,.duration-info{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary)}.price-info .price{font-size:1.1rem;font-weight:700;color:var(--primary-600)}.book-service-btn{width:100%!important;border-radius:12px!important;font-weight:600!important;height:44px!important}.no-results{text-align:center;padding:80px 20px}.no-results-content{max-width:400px;margin:0 auto}.no-results-icon{font-size:4rem;color:var(--text-tertiary);margin-bottom:24px}.no-results h3{color:var(--text-secondary)!important;margin-bottom:16px!important}.services-cta{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));padding:80px 0;text-align:center}.services-cta .cta-content{max-width:600px;margin:0 auto}.services-cta h2{font-size:2.5rem!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:16px!important}.services-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:40px!important}.services-pagination{display:flex;justify-content:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-secondary)}.custom-pagination{text-align:center}.custom-pagination .ant-pagination-item{border-radius:8px!important;border:1px solid var(--border-primary)!important;transition:all var(--transition-fast)}.custom-pagination .ant-pagination-item:hover{border-color:var(--primary-600)!important}.custom-pagination .ant-pagination-item-active{background:var(--primary-600)!important;border-color:var(--primary-600)!important}.custom-pagination .ant-pagination-item-active a{color:#fff!important}.custom-pagination .ant-pagination-prev,.custom-pagination .ant-pagination-next{border-radius:8px!important;border:1px solid var(--border-primary)!important;transition:all var(--transition-fast)}.custom-pagination .ant-pagination-prev:hover,.custom-pagination .ant-pagination-next:hover{border-color:var(--primary-600)!important}.custom-pagination .ant-pagination-jump-prev,.custom-pagination .ant-pagination-jump-next{border-radius:8px!important}.custom-pagination .ant-pagination-options-quick-jumper input{border-radius:6px!important;border:1px solid var(--border-primary)!important;padding:4px 8px!important}@media (max-width: 768px) and (min-width: 481px){.services-grid-section .ant-row{margin:0 -8px!important}.services-grid-section .ant-col{padding:0 8px!important;margin-bottom:16px}.service-image{height:180px}.service-content{padding:14px}.service-header h4{font-size:1.05rem!important}}@media (max-width: 768px){.services-hero .hero-title{font-size:2.25rem!important}.hero-stats{gap:32px;flex-wrap:wrap}.stat-number{font-size:2rem}.category-filters{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.search-sort-row{flex-direction:column;align-items:stretch}.services-cta h2{font-size:2rem!important}.service-card{border-radius:12px!important;height:100%!important;box-shadow:0 2px 8px #0000001a!important}.service-card .ant-card-cover{border-radius:12px 12px 0 0!important}.service-card .ant-card-body{padding:0!important}.services-grid-section .ant-row{margin:0 -6px!important}.services-grid-section .ant-col{padding:0 6px!important;margin-bottom:12px}.service-image{height:160px}.service-content{padding:12px}.service-header h4{font-size:1rem!important;line-height:1.3!important}.services-pagination{margin-top:32px;padding-top:24px}.custom-pagination{font-size:14px}.custom-pagination .ant-pagination-options{display:none!important}}@media (max-width: 480px){.services-grid-section .ant-row{margin:0 -4px!important}.services-grid-section .ant-col{padding:0 4px!important;margin-bottom:8px}.service-image{height:140px}.service-content{padding:10px}.service-header{margin-bottom:8px}.service-header h4{font-size:.9rem!important;line-height:1.3!important;margin-bottom:4px!important}.service-rating{margin-bottom:8px}.service-rating .ant-rate{font-size:10px}.service-rating .ant-typography{font-size:10px!important}.service-description{font-size:12px!important;line-height:1.4!important;margin-bottom:8px!important;-webkit-line-clamp:2}.service-features{margin-bottom:12px}.service-features .feature-item{font-size:11px;margin-bottom:3px}.service-features .feature-item .anticon{font-size:10px}.service-info{margin-bottom:12px}.price-info .price{font-size:.95rem!important}.duration-info{font-size:12px}.book-service-btn{height:32px!important;font-size:12px!important;border-radius:6px!important}.services-pagination{margin-top:20px;padding-top:16px}.custom-pagination .ant-pagination-total-text{display:none!important}.popular-badge,.promotion-badge{padding:3px 6px;font-size:10px;border-radius:8px}}.products-page{background:var(--bg-primary)}.products-hero{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:60px 0;border-bottom:1px solid var(--border-secondary)}.products-hero .hero-content{text-align:center;max-width:800px;margin:0 auto}.products-breadcrumb{justify-content:center;margin-bottom:32px}.products-breadcrumb .ant-breadcrumb-link{display:flex;align-items:center;gap:6px;color:var(--text-secondary);transition:color var(--transition-fast)}.products-breadcrumb .ant-breadcrumb-link:hover{color:var(--primary-600)}.products-hero .hero-title{font-size:3rem!important;font-weight:800!important;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px!important;line-height:1.2}.products-hero .hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:0!important;line-height:1.6}.products-main{padding:40px 0 80px}.products-layout{display:grid;grid-template-columns:280px 1fr;gap:40px}.products-sidebar{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--border-primary);height:fit-content;position:sticky;top:120px}.sidebar-header{margin-bottom:24px;border-bottom:1px solid var(--border-secondary);padding-bottom:16px}.sidebar-header h4{margin:0!important;font-weight:700!important;color:var(--text-primary)!important}.filter-content{display:flex;flex-direction:column;gap:24px}.filter-section{border-bottom:1px solid var(--border-secondary);padding-bottom:20px}.filter-section:last-child{border-bottom:none;padding-bottom:0}.filter-section h5{margin:0 0 16px!important;font-weight:600!important;color:var(--text-primary)!important;font-size:.95rem!important}.category-list{display:flex;flex-direction:column;gap:8px}.filter-category-btn{text-align:left!important;height:auto!important;padding:12px 16px!important;border-radius:8px!important;border:1px solid var(--border-secondary)!important;transition:all var(--transition-fast)}.filter-category-btn:hover{border-color:var(--primary-300)!important;background:var(--primary-50)!important}.filter-category-btn.ant-btn-primary{background:var(--primary-600)!important;border-color:var(--primary-600)!important}.category-btn-content{display:flex;justify-content:space-between;align-items:center;width:100%}.price-range-display{margin-top:12px;text-align:center}.products-content{min-height:600px}.products-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.search-section{display:flex;gap:12px;flex:1}.search-input{max-width:400px;flex:1;border-radius:12px!important}.mobile-filter-btn{display:none;border-radius:12px!important}.sort-section{min-width:200px}.sort-select{width:100%}.sort-select .ant-select-selector{border-radius:12px!important}.results-info{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-secondary)}.products-grid .product-card{border-radius:16px!important;overflow:hidden!important;border:1px solid var(--border-primary)!important;transition:all var(--transition-fast);height:100%}.products-grid .product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important;border-color:var(--primary-200)!important}.products-grid .product-image{position:relative;height:200px;overflow:hidden}.products-grid .product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.products-grid .product-card:hover .product-image img{transform:scale(1.05)}.out-of-stock-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.featured-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:var(--shadow-sm)}.products-grid .discount-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:var(--shadow-sm)}.products-grid .product-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px;opacity:0;transition:opacity var(--transition-fast)}.products-grid .product-card:hover .product-overlay{opacity:1}.products-grid .overlay-actions{display:flex;gap:6px}.products-grid .overlay-actions .action-btn{width:32px!important;height:32px!important;border-radius:50%!important;background:#ffffffe6!important;color:var(--text-primary)!important;transition:all var(--transition-fast)}.products-grid .overlay-actions .action-btn:hover{background:#fff!important;color:var(--primary-600)!important;transform:scale(1.1)}.products-grid .product-content{padding:16px}.product-header{margin-bottom:12px}.product-brand{font-size:12px!important;text-transform:uppercase;letter-spacing:.5px;font-weight:500!important;margin-bottom:4px;display:block}.product-header h5{margin:0 0 8px!important;font-size:1rem!important;font-weight:600!important;color:var(--text-primary)!important;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:6px;margin-bottom:12px}.product-rating .ant-rate{font-size:12px}.product-rating .ant-typography{font-size:12px!important}.product-tags{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.product-tag{font-size:10px!important;padding:2px 6px!important;border-radius:6px!important;border:none!important;background:var(--primary-50)!important;color:var(--primary-600)!important}.product-footer{border-top:1px solid var(--border-secondary);padding-top:16px}.products-grid .product-pricing{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.products-grid .current-price{font-size:1rem;font-weight:700;color:var(--primary-600)}.products-grid .original-price{font-size:.85rem;color:var(--text-tertiary);text-decoration:line-through}.product-stats{font-size:11px;margin-bottom:12px}.add-to-cart-btn{border-radius:8px!important;font-weight:600!important;height:36px!important;font-size:13px!important}.mobile-filter-drawer .ant-drawer-content{background:var(--bg-primary)!important}.mobile-filter-drawer .ant-drawer-header{border-bottom:1px solid var(--border-secondary);background:#fff}.mobile-filter-drawer .ant-drawer-body{padding:24px!important}@media (max-width: 1024px){.products-layout{grid-template-columns:1fr;gap:24px}.products-sidebar{display:none}.mobile-filter-btn{display:inline-flex!important}}@media (max-width: 768px) and (min-width: 481px){.products-grid .ant-row{margin:0 -8px!important}.products-grid .ant-col{padding:0 8px!important;margin-bottom:16px}.products-grid .product-image{height:180px}.products-grid .product-content{padding:14px}.product-header h5{font-size:1.05rem!important}}@media (max-width: 768px){.products-hero .hero-title{font-size:2.25rem!important}.products-toolbar{flex-direction:column;align-items:stretch}.search-section{order:2}.sort-section{order:1;min-width:auto}.products-grid .product-card{border-radius:12px!important;height:100%!important;box-shadow:0 2px 8px #0000001a!important}.products-grid .product-card .ant-card-cover{border-radius:12px 12px 0 0!important}.products-grid .product-card .ant-card-body{padding:0!important}.products-grid .ant-row{margin:0 -6px!important}.products-grid .ant-col{padding:0 6px!important;margin-bottom:12px}.products-grid .product-image{height:160px}.products-grid .product-content{padding:12px}.product-header h5{font-size:1rem!important;line-height:1.3!important}}@media (max-width: 480px){.products-grid .ant-row{margin:0 -4px!important}.products-grid .ant-col{padding:0 4px!important;margin-bottom:8px}.products-grid .product-image{height:140px}.products-grid .product-content{padding:10px}.product-header{margin-bottom:8px}.product-brand{font-size:10px!important;margin-bottom:3px}.product-header h5{font-size:.9rem!important;line-height:1.3!important;margin-bottom:4px!important;-webkit-line-clamp:2}.product-rating{margin-bottom:8px}.product-rating .ant-rate{font-size:10px}.product-rating .ant-typography{font-size:10px!important}.product-tags{margin-bottom:10px}.product-tag{font-size:9px!important;padding:1px 4px!important;border-radius:4px!important}.product-footer{padding-top:12px}.products-grid .product-pricing{margin-bottom:6px}.products-grid .current-price{font-size:.95rem!important}.products-grid .original-price{font-size:.8rem!important}.product-stats{font-size:10px;margin-bottom:10px}.add-to-cart-btn{height:32px!important;font-size:12px!important;border-radius:6px!important}.featured-badge,.products-grid .discount-badge{padding:3px 6px;font-size:10px;border-radius:8px}.out-of-stock-overlay{font-size:1rem}}.products-pagination{display:flex;justify-content:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-secondary)}@media (max-width: 768px){.products-pagination{margin-top:32px;padding-top:24px}.products-pagination .custom-pagination{font-size:14px}.products-pagination .ant-pagination-options{display:none!important}}@media (max-width: 480px){.products-pagination{margin-top:24px;padding-top:20px}.products-pagination .ant-pagination-total-text{display:none!important}}.booking-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,#f8fafc 100%)}.booking-hero{padding:48px 0 32px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.booking-hero .hero-content{max-width:800px;margin:0 auto;text-align:center}.booking-breadcrumb{margin-bottom:24px;display:flex;justify-content:center}.booking-breadcrumb .ant-breadcrumb-link,.booking-breadcrumb .ant-breadcrumb-separator{color:#fffc!important}.booking-hero .hero-title{color:#fff!important;font-size:3rem;margin-bottom:16px;font-weight:700}.booking-hero .hero-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:0}.booking-steps-section{padding:48px 0 24px}.steps-container{max-width:800px;margin:0 auto}.booking-steps{margin-bottom:32px}.booking-steps .ant-steps-item-title{font-weight:600}.booking-steps .ant-steps-item-description{color:var(--text-secondary)}.booking-content{padding:24px 0 80px}.booking-form-card{border-radius:16px;box-shadow:var(--shadow-lg);border:none}.booking-form-card .ant-card-body{padding:32px}.booking-step{margin-bottom:32px}.booking-step>h3{color:var(--primary-600);margin-bottom:24px;display:flex;align-items:center;gap:8px}.service-option{border:2px solid var(--border-primary);border-radius:12px;transition:all var(--transition-normal);position:relative;cursor:pointer}.service-option:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.service-option.selected{border-color:var(--primary-500);background:var(--primary-25);box-shadow:0 0 0 4px #1890ff1a}.service-option .selected-icon{position:absolute;top:12px;right:12px;color:var(--primary-500);font-size:20px}.service-info h5{margin-bottom:8px;color:var(--text-primary)}.service-details{margin-top:12px;display:flex;align-items:center;gap:8px}.stylist-option{border:2px solid var(--border-primary);border-radius:12px;transition:all var(--transition-normal);position:relative;cursor:pointer;text-align:center}.stylist-option:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.stylist-option.selected{border-color:var(--primary-500);background:var(--primary-25);box-shadow:0 0 0 4px #1890ff1a}.stylist-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:3px solid var(--border-primary)}.stylist-info h5{margin-bottom:8px;color:var(--text-primary)}.stylist-rating{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:8px;color:var(--warning-500)}.stylist-specialties{margin-top:12px;display:flex;flex-direction:column;gap:4px}.date-picker-section,.time-picker-section{background:var(--background-soft);padding:20px;border-radius:12px;border:1px solid var(--border-primary)}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:12px}.time-slot{border-radius:8px;height:40px;border:1px solid var(--border-primary);background:#fff;transition:all var(--transition-fast)}.time-slot:hover{border-color:var(--primary-400);color:var(--primary-600)}.time-slot.ant-btn-primary{background:var(--primary-500);border-color:var(--primary-500)}.customer-form .ant-form-item-label{font-weight:600}.step-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-secondary)}.step-navigation .ant-btn{min-width:120px;height:44px;border-radius:8px;font-weight:600}.booking-summary{border-radius:16px;box-shadow:var(--shadow-lg);border:none;position:sticky;top:120px}.booking-summary .ant-card-head{border-bottom:2px solid var(--border-primary)}.booking-summary .ant-card-head-title{font-weight:700;color:var(--primary-600)}.summary-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-secondary)}.summary-section:last-child{border-bottom:none;margin-bottom:0}.summary-section h5{color:var(--text-primary);margin-bottom:12px;font-weight:600}.summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summary-stylist{display:flex;align-items:center;gap:12px}.summary-stylist img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--border-primary)}.summary-stylist .stylist-rating{justify-content:flex-start;margin-bottom:0}.summary-total{margin-top:24px}.total-row{display:flex;justify-content:space-between;align-items:center}.total-row h4{margin-bottom:0}@media (max-width: 768px){.booking-hero{padding:32px 0 24px}.booking-hero .hero-title{font-size:2.2rem}.booking-steps-section{padding:32px 0 16px}.booking-content{padding:16px 0 60px}.booking-form-card .ant-card-body{padding:20px}.booking-steps{margin-bottom:24px}.booking-steps .ant-steps-item-description{display:none}.time-slots{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.time-slot{height:36px;font-size:14px}.step-navigation{flex-direction:column;gap:12px}.step-navigation .ant-btn{width:100%}.booking-summary{position:static;margin-top:24px}.stylist-avatar{width:60px;height:60px}.date-picker-section,.time-picker-section{padding:16px}}@media (max-width: 480px){.booking-hero .hero-title{font-size:1.8rem}.booking-form-card .ant-card-body,.service-option .ant-card-body,.stylist-option .ant-card-body{padding:16px}.stylist-avatar{width:50px;height:50px}.time-slots{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px}.time-slot{height:32px;font-size:12px}}.about-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,#f8fafc 100%)}.about-hero{padding:48px 0 32px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.about-hero .hero-content{max-width:800px;margin:0 auto;text-align:center}.about-breadcrumb{margin-bottom:24px;display:flex;justify-content:center}.about-breadcrumb .ant-breadcrumb-link,.about-breadcrumb .ant-breadcrumb-separator{color:#fffc!important}.about-hero .hero-title{color:#fff!important;font-size:3rem;margin-bottom:16px;font-weight:700}.about-hero .hero-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:0}.about-stats{padding:80px 0;background:#fff}.about-stats .ant-statistic-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.about-story{padding:80px 0;background:var(--background-soft)}.story-image{width:100%;height:400px;object-fit:cover;border-radius:16px;box-shadow:var(--shadow-lg)}.about-values{padding:80px 0;background:#fff}.about-values .section-header{text-align:center;margin-bottom:48px}.value-card{text-align:center;border:none;border-radius:16px;box-shadow:var(--shadow-md);transition:all var(--transition-normal);height:100%}.value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.value-icon{font-size:3rem;margin-bottom:16px;display:flex;justify-content:center}.value-card h4{color:var(--primary-600);margin-bottom:12px}.about-timeline{padding:80px 0;background:var(--background-soft)}.about-timeline .section-header{text-align:center;margin-bottom:48px}.company-timeline{max-width:800px;margin:0 auto}.timeline-content{padding-left:16px}.timeline-year{background:var(--primary-600);color:#fff;padding:4px 12px;border-radius:20px;display:inline-block;font-weight:600;font-size:14px;margin-bottom:8px}.timeline-content h5{color:var(--primary-600);margin-bottom:8px}.about-team{padding:80px 0;background:#fff}.about-team .section-header{text-align:center;margin-bottom:48px}.team-card{text-align:center;border:none;border-radius:16px;box-shadow:var(--shadow-md);transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column}.team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.team-avatar{margin-bottom:20px}.team-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.team-info h5{margin-bottom:4px;color:var(--text-primary)}.team-position{color:var(--primary-600);font-weight:600;display:block;margin-bottom:8px}.team-rating{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.team-experience{display:block;margin-bottom:12px}.team-description{margin-bottom:16px;color:var(--text-secondary);flex:1;min-height:60px}.team-specialties{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:auto}.specialty-tag{background:var(--primary-50);color:var(--primary-600);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid var(--primary-200)}.about-cta{padding:80px 0;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.about-cta .cta-content{text-align:center;max-width:600px;margin:0 auto}.about-cta h2{color:#fff!important;margin-bottom:16px}.about-cta .ant-typography{color:#ffffffe6;margin-bottom:32px}.contact-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,#f8fafc 100%)}.contact-hero{padding:48px 0 32px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.contact-hero .hero-content{max-width:800px;margin:0 auto;text-align:center}.contact-breadcrumb{margin-bottom:24px;display:flex;justify-content:center}.contact-breadcrumb .ant-breadcrumb-link,.contact-breadcrumb .ant-breadcrumb-separator{color:#fffc!important}.contact-hero .hero-title{color:#fff!important;font-size:3rem;margin-bottom:16px;font-weight:700}.contact-hero .hero-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:0}.quick-contact{padding:80px 0;background:#fff}.contact-method{text-align:center;border:none;border-radius:16px;box-shadow:var(--shadow-md);transition:all var(--transition-normal);height:100%}.contact-method:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.contact-icon{font-size:3rem;color:var(--primary-500);margin-bottom:16px;display:flex;justify-content:center}.contact-method h4{color:var(--primary-600);margin-bottom:8px}.contact-value{font-size:1.2rem;font-weight:600;color:var(--text-primary);display:block;margin-bottom:8px}.contact-content{padding:80px 0;background:var(--background-soft)}.contact-form-card,.branch-info-card{border:none;border-radius:16px;box-shadow:var(--shadow-lg);height:100%}.contact-form-card .ant-card-body,.branch-info-card .ant-card-body{padding:32px}.contact-form-card h3,.branch-info-card h3{color:var(--primary-600);margin-bottom:16px;display:flex;align-items:center;gap:8px}.contact-form .ant-form-item-label{font-weight:600}.contact-form .ant-form-item-label span{color:var(--text-primary);display:flex;align-items:center}.contact-form .ant-input-affix-wrapper,.contact-form .ant-select-selector{border-radius:8px;border:2px solid var(--border-primary);transition:all var(--transition-fast)}.contact-form .ant-input-affix-wrapper:focus,.contact-form .ant-input-affix-wrapper-focused,.contact-form .ant-select-focused .ant-select-selector{border-color:var(--primary-500);box-shadow:0 0 0 4px #1890ff1a}.contact-form .ant-input-prefix{margin-right:8px}.contact-form .ant-input{border:none;box-shadow:none}.contact-form .ant-select-arrow{color:var(--text-secondary)}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-secondary)}.form-actions .ant-btn{min-width:120px;height:44px;border-radius:8px;font-weight:600}.branch-selector{margin-bottom:16px}.branch-details{margin-top:24px}.contact-detail{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.detail-icon{color:var(--primary-500);font-size:16px;margin-top:2px;flex-shrink:0}.social-media{text-align:center}.contact-map{padding:80px 0;background:#fff}.map-container{max-width:1000px;margin:0 auto}.map-wrapper{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.contact-cta{padding:80px 0;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.contact-cta .cta-content{text-align:center;max-width:600px;margin:0 auto}.contact-cta h2{color:#fff!important;margin-bottom:16px}.contact-cta .ant-typography{color:#ffffffe6;margin-bottom:32px}@media (max-width: 768px){.about-hero,.contact-hero{padding:32px 0 24px}.about-hero .hero-title,.contact-hero .hero-title{font-size:2.2rem}.about-stats,.about-story,.about-values,.about-timeline,.about-team,.about-cta,.quick-contact,.contact-content,.contact-map,.contact-cta{padding:48px 0}.story-image{height:250px;margin-top:32px}.contact-form-card .ant-card-body,.branch-info-card .ant-card-body,.team-card .ant-card-body,.contact-method .ant-card-body{padding:20px}.value-icon,.contact-icon{font-size:2.5rem}}@media (max-width: 480px){.about-hero .hero-title,.contact-hero .hero-title{font-size:1.8rem}.about-stats,.about-story,.about-values,.about-timeline,.about-team,.about-cta,.quick-contact,.contact-content,.contact-map,.contact-cta{padding:32px 0}.story-image{height:200px}.contact-form-card .ant-card-body,.branch-info-card .ant-card-body,.team-card .ant-card-body,.contact-method .ant-card-body{padding:16px}.value-icon,.contact-icon{font-size:2rem}.team-avatar .ant-avatar{width:80px!important;height:80px!important}}.profile-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,#f8fafc 100%)}.profile-hero{padding:48px 0 32px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.profile-hero .hero-content{max-width:1200px;margin:0 auto}.profile-breadcrumb{margin-bottom:24px}.profile-breadcrumb .ant-breadcrumb-link,.profile-breadcrumb .ant-breadcrumb-separator{color:#fffc!important}.profile-header{display:flex;align-items:center;gap:24px}.profile-avatar-section{position:relative;display:inline-block}.profile-avatar-section .ant-avatar{display:block;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0000001a}.avatar-uploader{position:absolute;bottom:-8px;right:-8px}.avatar-uploader .ant-upload{border:none!important;background:none!important}.avatar-upload-btn{width:36px!important;height:36px!important;border:3px solid white!important;box-shadow:0 2px 8px #00000026!important;background:var(--primary-500)!important;color:#fff!important}.avatar-upload-btn:hover{background:var(--primary-600)!important;border-color:#fff!important;transform:scale(1.05)}.tracking-modal .ant-modal-body{max-height:600px;overflow-y:auto}.tracking-timeline{position:relative}.tracking-item{display:flex;gap:16px;margin-bottom:24px;position:relative}.tracking-time{min-width:120px;text-align:right;padding-top:4px}.tracking-line{display:flex;flex-direction:column;align-items:center;position:relative}.tracking-dot{width:24px;height:24px;border-radius:50%;background:#f0f0f0;border:2px solid #d9d9d9;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8c8c8c;position:relative;z-index:2;flex-shrink:0}.tracking-dot.active{background:#52c41a;border-color:#52c41a;color:#fff}.tracking-connector{width:2px;height:40px;background:#e8e8e8;margin-top:4px}.tracking-content{flex:1;padding-top:2px}.tracking-status{margin-bottom:4px}.tracking-location{margin-bottom:6px}.tracking-description{line-height:1.5}.notifications-page{min-height:100vh}.notifications-hero{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.notifications-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="30" r="1.5" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3}.notifications-breadcrumb{margin-bottom:24px}.notifications-breadcrumb .ant-breadcrumb-link{color:#fffc}.notifications-breadcrumb .ant-breadcrumb-separator{color:#fff9}.page-header h1{color:#fff!important;font-size:2.5rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center}.page-header p{color:#ffffffe6;font-size:1.1rem;margin-bottom:24px}.notifications-stats{padding:60px 0;background:var(--background-light)}.notifications-content{padding:60px 0}.notifications-card{border-radius:16px;box-shadow:0 4px 24px #0000000f;overflow:hidden}.notifications-controls{padding:24px;background:var(--background-light);border-bottom:1px solid var(--border-primary)}.notifications-list{padding:0 24px}.notification-item{padding:20px 0!important;border-bottom:1px solid var(--border-primary)!important;transition:all var(--transition-normal);cursor:pointer}.notification-item:hover{background:#1890ff05}.notification-item.unread{background:#1890ff0d;border-left:4px solid var(--primary-500);padding-left:20px!important}.notification-item.unread:hover{background:#1890ff14}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.notification-meta{display:flex;align-items:center;gap:12px;margin-top:4px}.unread-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:var(--primary-500);border-radius:50%;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.auth-background{position:fixed;inset:0;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 50%,var(--primary-800) 100%);z-index:-2}.auth-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="30" r="1.5" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3}.auth-overlay{position:absolute;inset:0;background:#0000004d;z-index:-1}.auth-container{width:100%;max-width:480px;padding:20px;position:relative;z-index:1}.auth-content{width:100%}.auth-back{margin-bottom:24px;text-align:left}.back-home-btn,.back-btn{color:#ffffffe6!important;padding:0!important;height:auto!important;font-size:14px}.back-home-btn:hover,.back-btn:hover{color:#fff!important}.auth-logo{text-align:center;margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:12px}.auth-logo .logo-icon{width:50px;height:50px;background:var(--primary-600);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 4px 20px #1890ff4d}.auth-card{border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden;border:none;backdrop-filter:blur(10px);background:#fffffff2}.auth-card .ant-card-body{padding:40px}.register-card .ant-card-body,.forgot-card .ant-card-body{padding:32px 40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{color:var(--text-primary)!important;font-weight:700;margin-bottom:8px}.auth-header .ant-typography{color:var(--text-secondary);font-size:15px;line-height:1.5}.social-login{margin-bottom:24px}.auth-page .social-btn{height:48px!important;border-radius:12px!important;font-weight:500;transition:all var(--transition-normal)}.google-btn{border-color:#ea4335!important;color:#ea4335!important}.google-btn:hover{background:#ea4335!important;color:#fff!important}.facebook-btn{border-color:#1877f2!important;color:#1877f2!important}.facebook-btn:hover{background:#1877f2!important;color:#fff!important}.ant-form-item-label>label{color:var(--text-primary);font-weight:500;font-size:14px}.ant-input-affix-wrapper,.ant-input,.ant-select-selector,.ant-picker{border-radius:12px!important;border-color:var(--border-primary)!important;height:48px!important;font-size:15px;transition:all var(--transition-normal)}.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-picker:focus,.ant-picker-focused{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #1890ff1a!important}.input-icon{color:var(--text-secondary);font-size:16px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.forgot-link{color:var(--primary-600)!important;font-weight:500;text-decoration:none}.login-btn,.register-btn,.reset-btn,.verify-btn{height:48px!important;border-radius:12px!important;font-size:16px;font-weight:600;background:var(--primary-600)!important;border-color:var(--primary-600)!important;box-shadow:0 4px 16px #1890ff4d!important;transition:all var(--transition-normal)}.login-btn:hover,.register-btn:hover,.reset-btn:hover,.verify-btn:hover{background:var(--primary-700)!important;border-color:var(--primary-700)!important;transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66!important}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-primary)}.auth-link{color:var(--primary-600)!important;font-weight:600;text-decoration:none}.auth-contact{text-align:center;margin-top:24px;color:#fffc}.auth-contact .ant-btn-link{color:#ffffffe6!important;padding:0!important;height:auto!important;font-size:13px}.auth-contact .ant-btn-link:hover{color:#fff!important}.step-header h3{color:var(--text-primary)!important;font-weight:700;margin-bottom:12px}.resend-section{text-align:center;margin-top:16px}.resend-section .ant-btn-link{color:var(--primary-600)!important;font-weight:500}@media (max-width: 768px){.tracking-modal .ant-modal{margin:0;max-width:100vw;width:100vw!important;height:100vh}.tracking-modal .ant-modal-content{height:100vh;border-radius:0}.tracking-modal .ant-modal-body{height:calc(100vh - 110px);padding:16px}.tracking-time{min-width:80px;font-size:11px}.tracking-item{gap:12px;margin-bottom:20px}.tracking-dot{width:20px;height:20px;font-size:10px}.tracking-connector{height:32px}.notifications-hero{padding:60px 0 40px}.page-header h1{font-size:2rem!important;flex-direction:column;align-items:flex-start;gap:8px}.page-header .ant-badge{align-self:flex-start}.notifications-stats,.notifications-content{padding:40px 0}.notifications-controls{padding:16px}.notifications-controls .ant-row{gap:12px}.notifications-controls .ant-col{margin-bottom:12px}.notifications-list{padding:0 16px}.notification-item{padding:16px 0!important}.notification-item .ant-list-item-action{margin-left:0!important;margin-top:12px}.notification-header{flex-direction:column;align-items:flex-start;margin-bottom:12px}.notification-meta{margin-top:8px;flex-wrap:wrap;gap:8px}.auth-page{padding:20px 0;align-items:flex-start}.auth-container{max-width:100%;padding:16px;margin-top:20px}.auth-logo{margin-bottom:24px}.auth-logo .logo-icon{width:40px;height:40px;font-size:20px}.auth-logo h2{font-size:1.5rem!important}.auth-card{border-radius:16px;margin-bottom:20px}.auth-card .ant-card-body{padding:24px 20px}.register-card .ant-card-body,.forgot-card .ant-card-body{padding:20px 16px}.auth-header{margin-bottom:20px}.auth-header h2{font-size:1.5rem!important}.auth-header .ant-typography{font-size:14px}.social-login{margin-bottom:16px}.auth-page .social-btn,.ant-input-affix-wrapper,.ant-input,.ant-select-selector,.ant-picker{height:44px!important;font-size:14px}.login-btn,.register-btn,.reset-btn,.verify-btn{height:44px!important;font-size:15px}.form-options{flex-direction:column;align-items:flex-start;gap:8px}.reset-step{min-height:auto}.reset-progress{margin-bottom:20px;padding-bottom:16px}.step-header{margin-bottom:20px}.step-header h3{font-size:1.25rem!important}.ant-steps-small .ant-steps-item-title{font-size:12px}.ant-form-item{margin-bottom:16px}.ant-form-item-label{padding-bottom:4px}.ant-form-item-label>label{font-size:13px}.register-card .ant-row .ant-col{margin-bottom:0}.register-card .ant-row .ant-col:first-child{margin-bottom:16px}.auth-contact{margin-top:16px;font-size:13px}.auth-contact .ant-btn-link{font-size:12px}}@media (max-width: 480px){.auth-container{padding:12px}.auth-card .ant-card-body{padding:20px 16px}.register-card .ant-card-body,.forgot-card .ant-card-body{padding:16px 12px}.notifications-controls{padding:12px}.notifications-list{padding:0 12px}.page-header h1{font-size:1.75rem!important}.step-header h3{font-size:1.1rem!important}}.membership-badge{margin:8px 0}.cart-page{min-height:100vh}.cart-hero{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.cart-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="30" r="1.5" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3}.cart-breadcrumb{margin-bottom:24px}.cart-breadcrumb .ant-breadcrumb-link{color:#fffc}.cart-breadcrumb .ant-breadcrumb-separator{color:#fff9}.cart-content{padding:60px 0}.cart-items-card,.coupon-card,.order-summary-card,.empty-cart-card{border-radius:16px;box-shadow:0 4px 24px #0000000f;overflow:hidden}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cart-header h4{margin:0;color:var(--text-primary)}.cart-product{display:flex;gap:16px;align-items:center}.product-info{flex:1}.product-name{display:block;font-size:16px;color:var(--text-primary);margin-bottom:4px}.product-category{display:block;font-size:12px;margin-bottom:8px}.product-discount{display:flex;align-items:center;gap:8px}.discount-badge{background:#ff4d4f;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.quantity-controls{display:flex;align-items:center;gap:4px}.quantity-controls .ant-input-number{border:1px solid var(--border-primary)}.quantity-controls .ant-btn{border:1px solid var(--border-primary);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.item-total{text-align:right}.shipping-notice{margin-top:16px;padding:12px 16px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;display:flex;align-items:center}.coupon-input{width:100%}.applied-coupon{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px}.coupon-info{display:flex;align-items:center}.summary-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-line.total{padding-top:8px;margin-bottom:0}.summary-line.savings,.summary-line.discount{color:#52c41a}.out-of-stock-row{opacity:.6;background:#fff2f0}.out-of-stock-row .product-name{text-decoration:line-through}.checkout-modal .ant-modal-body{padding:24px}.modal-summary{padding:16px;background:var(--background-light);border-radius:8px;margin-bottom:16px}@media (max-width: 768px){.cart-hero{padding:60px 0 40px}.cart-content{padding:40px 0}.cart-table{font-size:14px}.cart-product{flex-direction:column;align-items:flex-start;gap:8px}.cart-product .ant-image{width:60px!important;height:60px!important}.product-info{width:100%}.product-name{font-size:14px}.quantity-controls{justify-content:center}.quantity-controls .ant-input-number{width:50px}.summary-line{font-size:14px}.summary-line.total{font-size:16px}.checkout-modal .ant-modal{margin:0;max-width:100vw;width:100vw!important;height:100vh}.checkout-modal .ant-modal-content{height:100vh;border-radius:0}.checkout-modal .ant-modal-body{height:calc(100vh - 55px);overflow-y:auto;padding:16px}}@media (max-width: 480px){.cart-items-card .ant-card-body{padding:16px 12px}.cart-header{flex-direction:column;align-items:flex-start;gap:12px}.coupon-card .ant-card-body,.order-summary-card .ant-card-body{padding:16px}.cart-table .ant-table-tbody>tr>td{padding:8px 4px}.cart-page .hero-section{padding:40px 0!important}.cart-page .hero-section h1{font-size:1.8rem!important}.cart-page .breadcrumb-section{padding:16px 0!important}.cart-page .cart-content{padding:24px 0!important}.cart-page .cart-summary-section{margin-top:24px!important}.cart-page .cart-actions .ant-btn{margin-bottom:12px!important;height:48px!important;font-size:16px!important}.cart-table .ant-table-wrapper{overflow-x:auto!important;margin:0 -16px!important;padding:0 16px!important}.cart-table .ant-table{min-width:700px!important}.cart-table .ant-table-thead>tr>th{padding:8px 4px!important;font-size:12px!important;white-space:nowrap!important}.cart-table .product-info{min-width:200px!important}.cart-table .quantity-controls{min-width:100px!important}.cart-table .quantity-controls .ant-btn{width:28px!important;height:28px!important;font-size:12px!important}.cart-table .quantity-controls .ant-input-number{width:50px!important;height:28px!important}.checkout-modal .ant-modal{margin:16px!important}.checkout-modal .ant-modal-body{padding:16px!important}.checkout-modal .ant-input,.checkout-modal .ant-select-selector{height:44px!important;font-size:14px!important}.checkout-modal .ant-radio-wrapper{width:100%!important;margin-bottom:12px!important;padding:12px!important;border:1px solid #d9d9d9!important;border-radius:6px!important}.checkout-modal .ant-btn{height:44px!important;font-size:15px!important}}@media (max-width: 480px){.cart-page .hero-section h1{font-size:1.5rem!important}.cart-page .cart-content{padding:16px 0!important}.cart-table .ant-table{min-width:600px!important}.cart-table .product-info{min-width:150px!important}.cart-table .quantity-controls{min-width:80px!important}.cart-table .quantity-controls .ant-btn{width:24px!important;height:24px!important;font-size:11px!important}.cart-table .quantity-controls .ant-input-number{width:40px!important;height:24px!important}.checkout-modal .ant-modal{margin:8px!important}.checkout-modal .ant-modal-body{padding:12px!important}}.profile-info h2{color:#fff!important;margin-bottom:8px}.auth-page-layout{min-height:calc(100vh - 200px)}.auth-hero{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.auth-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="30" r="1.5" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3}.auth-breadcrumb{margin-bottom:24px}.auth-breadcrumb .ant-breadcrumb-link{color:#fffc}.auth-breadcrumb .ant-breadcrumb-separator{color:#fff9}.auth-hero .page-header h1{color:#fff!important;font-size:2.5rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center}.auth-hero .page-subtitle{color:#ffffffe6!important;font-size:1.1rem;margin-bottom:0}.auth-content{padding:80px 0;background:var(--background-light)}.auth-form-card{border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;border:none}.auth-form-card .ant-card-body{padding:48px}.auth-form-header{text-align:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border-primary)}.auth-form-header h3{color:var(--text-primary)!important;font-weight:700;margin-bottom:8px;font-size:1.75rem}.auth-form-header .ant-typography{color:var(--text-secondary);font-size:1rem}.auth-form .ant-form-item-label>label{color:var(--text-primary);font-weight:600;font-size:15px;margin-bottom:8px}.auth-form .ant-input-affix-wrapper,.auth-form .ant-input,.auth-form .ant-select-selector,.auth-form .ant-picker{border-radius:12px!important;border:2px solid var(--border-primary)!important;height:52px!important;font-size:15px;transition:all var(--transition-normal);padding:12px 16px}.auth-form .ant-input-affix-wrapper:focus,.auth-form .ant-input-affix-wrapper-focused,.auth-form .ant-input:focus,.auth-form .ant-select-focused .ant-select-selector,.auth-form .ant-picker:focus,.auth-form .ant-picker-focused{border-color:var(--primary-500)!important;box-shadow:0 0 0 4px #1890ff1a!important}.auth-form .ant-input-prefix{color:var(--text-secondary);font-size:16px;margin-right:12px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.forgot-link{color:var(--primary-600)!important;font-weight:600;text-decoration:none;transition:all var(--transition-normal)}.forgot-link:hover{color:var(--primary-700)!important;text-decoration:underline}.submit-item{margin-bottom:24px!important}.auth-submit-btn{height:52px!important;border-radius:12px!important;font-size:16px;font-weight:600;background:var(--primary-600)!important;border-color:var(--primary-600)!important;box-shadow:0 6px 20px #1890ff4d!important;transition:all var(--transition-normal)}.auth-submit-btn:hover{background:var(--primary-700)!important;border-color:var(--primary-700)!important;transform:translateY(-2px);box-shadow:0 8px 25px #1890ff66!important}.auth-footer-text{text-align:center;padding-top:24px;border-top:1px solid var(--border-primary)}.auth-link{color:var(--primary-600)!important;font-weight:600;text-decoration:none;transition:all var(--transition-normal)}.auth-link:hover{color:var(--primary-700)!important;text-decoration:underline}.register-form .ant-row{margin-bottom:0}.register-form .ant-col{padding-right:8px;padding-left:8px}.register-form .ant-col:first-child{padding-left:0}.register-form .ant-col:last-child{padding-right:0}.terms-checkbox{margin-bottom:24px}.terms-checkbox .ant-checkbox-wrapper{line-height:1.6}.terms-checkbox a{color:var(--primary-600)!important;font-weight:500}.terms-checkbox a:hover{color:var(--primary-700)!important;text-decoration:underline}.reset-progress{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-primary)}.reset-step{min-height:300px}.step-header{text-align:center;margin-bottom:32px}.step-header h4{color:var(--text-primary)!important;font-weight:700;margin-bottom:12px;font-size:1.25rem}.step-header .ant-typography{color:var(--text-secondary);font-size:15px;line-height:1.6}.verification-input{text-align:center!important;font-size:24px!important;letter-spacing:8px!important;font-weight:600}.resend-section{text-align:center;margin-top:20px}.resend-section .ant-btn-link{color:var(--primary-600)!important;font-weight:600}.resend-section .ant-btn-link:hover{color:var(--primary-700)!important}.success-result .ant-result-title{color:var(--text-primary)!important}.success-result .ant-result-subtitle{color:var(--text-secondary)!important}@media (max-width: 768px){.auth-hero{padding:60px 0 40px}.auth-hero .page-header h1{font-size:2rem!important}.auth-content{padding:60px 0}.auth-form-card .ant-card-body{padding:32px 24px}.auth-form-header{margin-bottom:32px}.auth-form-header h3{font-size:1.5rem}.auth-form .ant-input-affix-wrapper,.auth-form .ant-input,.auth-form .ant-select-selector,.auth-form .ant-picker{height:48px!important;font-size:14px}.auth-submit-btn{height:48px!important;font-size:15px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}.register-form .ant-col{padding-right:0;padding-left:0;margin-bottom:16px}.verification-input{font-size:20px!important;letter-spacing:6px!important}}@media (max-width: 480px){.auth-form-card .ant-card-body{padding:24px 16px}.auth-hero .page-header h1{font-size:1.75rem!important}.step-header h4{font-size:1.1rem!important}}.ant-input,.ant-input-password .ant-input,.ant-select-selector,.ant-picker-input input,.ant-input-affix-wrapper{display:flex!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}.ant-input-affix-wrapper .ant-input{padding-top:0!important;padding-bottom:0!important}.ant-input-prefix{display:flex!important;align-items:center!important}.ant-select-selection-item{display:flex!important;align-items:center!important;line-height:normal!important}.ant-picker .ant-picker-input>input{padding-top:0!important;padding-bottom:0!important}@media (max-width: 768px){.booking-page .hero-section{padding:40px 0!important}.booking-page .hero-section h1{font-size:1.8rem!important}.booking-page .ant-steps{margin-bottom:24px!important}.booking-page .ant-steps-item-title{font-size:14px!important}.booking-page .service-card{margin-bottom:16px!important}.booking-page .service-card .ant-card-body{padding:16px!important}.booking-page .stylist-card{margin-bottom:16px!important}.booking-page .summary-card{margin-top:24px!important}.booking-page .ant-form-item{margin-bottom:16px!important}.booking-page .ant-btn-block{height:48px!important;font-size:16px!important}}@media (max-width: 768px){.contact-page .hero-section{padding:40px 0!important}.contact-page .hero-section h1{font-size:1.8rem!important}.contact-page .contact-info-card{margin-bottom:24px!important}.contact-page .contact-form-card{padding:20px!important}.contact-page .map-container{height:250px!important}.contact-page .branch-card,.contact-page .ant-form-item{margin-bottom:16px!important}}@media (max-width: 768px){.about-page .hero-section{padding:40px 0!important}.about-page .hero-section h1{font-size:1.8rem!important}.about-page .stats-section,.about-page .story-section,.about-page .team-section{padding:40px 0!important}.about-page .team-member-card{margin-bottom:24px!important}.about-page .values-card{margin-bottom:16px!important}.about-page .ant-statistic-title{font-size:14px!important}.about-page .ant-statistic-content{font-size:20px!important}}@media (max-width: 768px){.my-appointments-page .page-header{padding:20px 0!important}.my-appointments-page .page-header h1{font-size:1.8rem!important}.my-appointments-page .filters-section{margin-bottom:20px!important}.my-appointments-page .ant-table-wrapper{overflow-x:auto!important}.my-appointments-page .ant-table{min-width:800px!important}.my-appointments-page .ant-table-thead>tr>th{padding:8px 4px!important;font-size:12px!important}.my-appointments-page .ant-table-tbody>tr>td{padding:8px 4px!important;font-size:12px!important}.my-appointments-page .appointment-actions{display:flex!important;flex-direction:column!important;gap:4px!important}.my-appointments-page .appointment-actions .ant-btn{font-size:12px!important;height:32px!important}.my-appointments-page .ant-table-pagination{text-align:center!important;margin-top:16px!important}.my-appointments-page .stats-card{margin-bottom:16px!important}.my-appointments-page .stats-card .ant-card-body{padding:16px!important}}@media (max-width: 768px){.my-orders-page .page-header{padding:20px 0!important}.my-orders-page .page-header h1{font-size:1.8rem!important}.my-orders-page .filters-section{margin-bottom:20px!important}.my-orders-page .ant-table-wrapper{overflow-x:auto!important}.my-orders-page .ant-table{min-width:900px!important}.my-orders-page .ant-table-thead>tr>th{padding:8px 4px!important;font-size:12px!important}.my-orders-page .ant-table-tbody>tr>td{padding:8px 4px!important;font-size:12px!important}.my-orders-page .order-actions{display:flex!important;flex-direction:column!important;gap:4px!important}.my-orders-page .order-actions .ant-btn{font-size:12px!important;height:32px!important}.my-orders-page .ant-table-pagination{text-align:center!important;margin-top:16px!important}.my-orders-page .stats-card{margin-bottom:16px!important}.my-orders-page .stats-card .ant-card-body,.my-orders-page .tracking-modal .ant-modal-body{padding:16px!important}.my-orders-page .tracking-timeline{padding:0!important}.my-orders-page .tracking-timeline .ant-timeline-item-content{font-size:14px!important}}@media (max-width: 480px){.booking-page .ant-card-body,.contact-page .ant-card-body,.about-page .ant-card-body{padding:12px!important}.my-appointments-page .ant-btn,.my-orders-page .ant-btn{font-size:11px!important;height:28px!important;padding:0 8px!important}.my-appointments-page .page-header h1,.my-orders-page .page-header h1{font-size:1.5rem!important}}.profile-stats{padding:40px 0;background:#fff;margin-top:-20px;border-radius:20px 20px 0 0;position:relative;z-index:1}.stat-card{border:none;border-radius:12px;box-shadow:var(--shadow-md);text-align:center;height:100%}.profile-content{padding:0 0 80px;background:#fff}.profile-tabs{margin-top:32px}.profile-tabs .ant-tabs-tab{font-weight:600}.info-card,.membership-card,.quick-actions-card{border:none;border-radius:16px;box-shadow:var(--shadow-lg);margin-bottom:24px}.membership-current{text-align:center;margin-bottom:24px}.membership-icon{margin-bottom:16px;font-size:3rem}.membership-benefits{text-align:left;margin-top:16px}.benefit-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--primary-600)}.membership-next{padding-top:16px;border-top:1px solid var(--border-secondary)}.points-summary{text-align:center;padding:20px;background:var(--primary-25);border-radius:12px;margin-bottom:24px}.points-info ul{margin-left:20px}.points-info li{margin-bottom:8px}.my-appointments-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,#f8fafc 100%)}.appointments-hero{padding:48px 0 32px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.appointments-hero .hero-content{max-width:1200px;margin:0 auto}.appointments-breadcrumb{margin-bottom:24px}.appointments-breadcrumb .ant-breadcrumb-link,.appointments-breadcrumb .ant-breadcrumb-separator{color:#fffc!important}.page-header{text-align:center}.page-header h1{color:#fff!important;margin-bottom:16px}.page-header .ant-typography{color:#ffffffe6;margin-bottom:24px}.appointments-stats{padding:40px 0;background:#fff;margin-top:-20px;border-radius:20px 20px 0 0;position:relative;z-index:1}.appointments-stats .stat-card{border:none;border-radius:12px;box-shadow:var(--shadow-md);text-align:center;height:100%}.stat-content{padding:16px}.stat-value{font-size:2rem;font-weight:700;margin-bottom:8px}.stat-title{color:var(--text-secondary);font-weight:600}.appointments-content{padding:0 0 80px;background:#fff}.appointments-table-card{border:none;border-radius:16px;box-shadow:var(--shadow-lg);margin-top:32px}.filters-section{margin-bottom:24px}.filters-section .ant-select,.filters-section .ant-picker{border-radius:8px}@media (max-width: 768px){.profile-hero,.appointments-hero{padding:32px 0 24px}.profile-header{flex-direction:column;text-align:center;gap:16px}.profile-stats,.appointments-stats{padding:24px 0;margin-top:-10px}.profile-content,.appointments-content{padding:0 0 60px}.info-card .ant-card-body,.membership-card .ant-card-body,.quick-actions-card .ant-card-body{padding:20px}.stat-value{font-size:1.5rem}.appointments-table-card .ant-table-wrapper{overflow-x:auto}}@media (max-width: 480px){.profile-hero .hero-content,.appointments-hero .hero-content{padding:0 16px}.profile-header{gap:12px}.profile-avatar-section .ant-avatar{width:80px!important;height:80px!important}.avatar-upload-btn{width:28px!important;height:28px!important;border:2px solid white!important}.avatar-uploader{bottom:-6px;right:-6px}.info-card .ant-card-body,.membership-card .ant-card-body,.quick-actions-card .ant-card-body{padding:16px}.filters-section .ant-row{flex-direction:column}.filters-section .ant-col{width:100%!important;margin-bottom:8px}.stat-value{font-size:1.2rem}}.appointment-detail-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,#f8fafc 100%)}.detail-hero{padding:48px 0 32px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.detail-hero .hero-content{max-width:1200px;margin:0 auto}.detail-breadcrumb{margin-bottom:24px}.detail-breadcrumb .ant-breadcrumb-link,.detail-breadcrumb .ant-breadcrumb-separator{color:#fffc!important}.page-header{display:flex;align-items:center;gap:24px}.back-btn{color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}.back-btn:hover{background:#ffffff1a!important}.header-info h1{color:#fff!important;margin-bottom:8px}.appointment-meta{display:flex;align-items:center;gap:16px}.appointment-id{color:#ffffffe6;font-family:monospace;font-size:1.1rem}.status-tag{font-weight:600}.detail-content{padding:40px 0 80px;background:#fff;margin-top:-20px;border-radius:20px 20px 0 0;position:relative;z-index:1}.detail-card{border:none;border-radius:16px;box-shadow:var(--shadow-lg);margin-bottom:24px}.service-detail,.stylist-detail,.branch-detail{padding:8px 0}.service-price{margin-top:16px}.stylist-rating{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rating-score{font-weight:600;color:var(--warning-500)}.stylist-specialties{margin-top:12px}.branch-info{margin-top:16px}.info-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.review-display{padding:16px 0}.no-review{padding:16px 0;text-align:center}.my-orders-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,#f8fafc 100%)}.orders-hero{padding:48px 0 32px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.orders-hero .hero-content{max-width:1200px;margin:0 auto}.orders-breadcrumb{margin-bottom:24px}.orders-breadcrumb .ant-breadcrumb-link,.orders-breadcrumb .ant-breadcrumb-separator{color:#fffc!important}.orders-stats{padding:40px 0;background:#fff;margin-top:-20px;border-radius:20px 20px 0 0;position:relative;z-index:1}.orders-stats .stat-card{border:none;border-radius:12px;box-shadow:var(--shadow-md);text-align:center;height:100%}.orders-content{padding:0 0 80px;background:#fff}.orders-table-card{border:none;border-radius:16px;box-shadow:var(--shadow-lg);margin-top:32px}.order-item-card{margin-bottom:16px;border-radius:8px}.order-item-card:last-child{margin-bottom:0}.item-info h5{margin-bottom:4px}@media (max-width: 768px){.detail-hero,.orders-hero{padding:32px 0 24px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.detail-content,.orders-content{padding:24px 0 60px;margin-top:-10px}.detail-card .ant-card-body{padding:20px}.appointment-meta{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.detail-hero .hero-content,.orders-hero .hero-content{padding:0 16px}.page-header{gap:12px}.detail-card .ant-card-body{padding:16px}.service-detail .ant-row,.stylist-detail .ant-row,.branch-detail .ant-row{flex-direction:column;gap:16px}}.mobile-menu-drawer .ant-drawer{z-index:1100!important}.mobile-menu-drawer .ant-drawer-content{background:linear-gradient(135deg,#fff,#f8fafc)!important;border-right:1px solid var(--border-primary);box-shadow:4px 0 32px #00000026}.mobile-menu-drawer .ant-drawer-header{border-bottom:1px solid var(--border-secondary);background:transparent;padding:16px 20px}.mobile-menu-drawer .ant-drawer-close{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--neutral-50)!important;border:1px solid var(--border-secondary)!important;color:var(--text-secondary)!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-menu-drawer .ant-drawer-close:hover{background:var(--danger-50)!important;border-color:var(--danger-200)!important;color:var(--danger-600)!important;transform:scale(1.05)}.mobile-menu-drawer .ant-drawer-body{padding:0!important;height:100%;display:flex;flex-direction:column}.mobile-menu-content{height:100vh;display:flex;flex-direction:column;overflow-y:visible;min-height:100%}.mobile-menu-header{padding:20px 20px 16px;border-bottom:1px solid var(--border-secondary);background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-25) 100%);flex-shrink:0}.mobile-menu-logo{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mobile-menu-logo .logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1890ff4d}.mobile-menu-logo .logo-icon span{color:#fff;font-weight:800;font-size:22px;font-family:Arial Black,Arial,sans-serif}.mobile-menu-logo .logo-text h3{margin:0;font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-menu-logo .logo-text span{font-size:12px;color:var(--text-secondary);font-weight:500;letter-spacing:1px}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fffc;border-radius:12px;border:1px solid var(--border-primary)}.user-greeting{flex:1}.mobile-menu-nav{flex:1;padding:20px 0;overflow-y:visible;display:flex;flex-direction:column;justify-content:flex-start}.nav-section{margin-bottom:16px;flex-shrink:0}.nav-section-title{display:block;padding:0 20px 8px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-secondary);margin-bottom:12px}.mobile-nav-menu{border:none!important;background:transparent!important}.mobile-nav-menu *,.mobile-nav-menu .ant-menu-title-content,.mobile-nav-menu .ant-menu-title-content *{color:#333!important}.mobile-nav-menu .ant-menu-item .mobile-nav-link{color:#333!important;font-weight:500!important}.mobile-nav-menu a[data-testid],.mobile-nav-menu a{color:#333!important;text-decoration:none!important}.mobile-nav-menu .ant-menu-item{background:#fffffff2!important;border:1px solid var(--border-secondary)!important;margin:0 var(--spacing-md) var(--spacing-xs)!important;border-radius:var(--border-radius-lg)!important;min-height:var(--touch-target-comfortable)!important;line-height:var(--touch-target-comfortable)!important;transition:all .3s ease!important}.mobile-nav-menu .mobile-nav-link{color:var(--text-primary)!important;font-size:var(--font-size-base)!important;font-weight:500!important;display:flex!important;align-items:center!important;width:100%!important;min-height:var(--touch-target-comfortable)!important;padding:var(--spacing-md)!important;text-decoration:none!important}.mobile-nav-menu .ant-menu-item a,.mobile-nav-menu .ant-menu-item span{color:#333!important}.mobile-nav-menu .ant-menu-item{height:48px!important;line-height:48px!important;margin:0 16px 4px!important;padding:0 16px!important;border-radius:12px!important;background:#ffffffe6!important;border:1px solid #e0e0e0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#333!important}.mobile-nav-menu .ant-menu-item:hover{background:var(--primary-50)!important;border-color:var(--primary-300)!important;transform:translate(4px);box-shadow:0 4px 16px #1890ff33}.mobile-nav-menu .ant-menu-item:hover .menu-icon{background:var(--primary-100)!important;color:var(--primary-700)!important}.mobile-nav-menu .ant-menu-item:hover .mobile-nav-link{color:var(--primary-700)!important}.mobile-nav-menu .ant-menu-item-selected{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))!important;border-color:var(--primary-600)!important;box-shadow:0 6px 20px #1890ff66;transform:translate(6px)}.mobile-nav-menu .ant-menu-item-selected .menu-icon{background:#fff3!important;color:#fff!important}.mobile-nav-menu .ant-menu-item-selected .mobile-nav-link{color:#fff!important}.mobile-nav-menu .ant-menu-item .menu-icon{font-size:20px;margin-right:var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--primary-600)!important;background:var(--primary-50);border-radius:var(--border-radius-md)}.mobile-nav-link{display:flex;align-items:center;font-size:16px;font-weight:500;text-decoration:none;color:#333!important;width:100%}.mobile-nav-menu.user-menu .ant-menu-item{color:#333!important}.mobile-nav-menu.user-menu .ant-menu-item:hover{background:var(--success-50)!important;border-color:var(--success-200)!important;color:var(--success-600)!important}.mobile-nav-menu.user-menu .ant-menu-item-selected{background:linear-gradient(135deg,var(--success-600),var(--success-700))!important;border-color:var(--success-600)!important}.mobile-menu-footer{padding:12px 20px 20px;border-top:1px solid var(--border-secondary);background:linear-gradient(135deg,#fafbfc,#f1f3f4);flex-shrink:0;margin-top:auto}.mobile-cta-btn{height:48px!important;border-radius:14px!important;font-size:15px!important;font-weight:600!important;margin-bottom:16px!important;background:linear-gradient(135deg,var(--primary-600),var(--primary-700))!important;border:none!important;box-shadow:0 4px 16px #1890ff4d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.mobile-cta-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #1890ff80!important}.mobile-contact-info{margin-bottom:14px}.contact-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fffc;border-radius:10px;margin-bottom:6px;border:1px solid var(--border-primary)}.contact-icon{font-size:18px;color:var(--primary-600);width:24px;text-align:center}.contact-text{flex:1}.contact-link{color:var(--primary-600);font-weight:600;text-decoration:none}.contact-link:hover{color:var(--primary-700);text-decoration:underline}.mobile-social{margin-bottom:12px;text-align:center}.social-title{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.mobile-social .social-links{display:flex;justify-content:center;gap:8px}.mobile-social .social-btn{width:40px!important;height:40px!important;border-radius:10px!important;border:1px solid var(--border-secondary)!important;background:#fffc!important;color:var(--text-secondary)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.mobile-social .social-btn:hover{background:var(--primary-600)!important;border-color:var(--primary-600)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #1890ff4d!important}.logout-btn{height:48px!important;border-radius:12px!important;border:1px solid var(--danger-200)!important;background:#fffc!important;color:var(--danger-600)!important;font-weight:500!important;transition:all .3s ease!important}.logout-btn:hover{background:var(--danger-50)!important;border-color:var(--danger-300)!important;color:var(--danger-700)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #ef444433!important}.cart-hero{position:relative;overflow:hidden}.cart-hero .hero-content{text-align:center;position:relative;z-index:2}.cart-hero .cart-breadcrumb .ant-breadcrumb-link{color:#fffc!important}.cart-hero .cart-breadcrumb .ant-breadcrumb-separator{color:#fff9!important}@media (max-width: 768px){.cart-hero{padding:80px 0 60px!important}.cart-hero .hero-content,.cart-hero .container{padding:0 16px}.cart-hero Title{font-size:clamp(1.8rem,6vw,2.5rem)!important;margin-bottom:12px!important}.cart-hero Paragraph{font-size:16px!important;margin-bottom:24px!important}.cart-hero .feature-tags{flex-direction:column;align-items:center;gap:12px}.cart-hero .feature-tags>div{padding:6px 12px!important;font-size:13px!important}}@media (max-width: 576px){.cart-hero{padding:60px 0 40px!important}.cart-hero .cart-breadcrumb{margin-bottom:16px!important}.cart-hero .cart-breadcrumb .ant-breadcrumb-link,.cart-hero .cart-breadcrumb span{font-size:13px!important}}.hero-section{padding:var(--spacing-xxxl) 0;background-size:cover;background-position:center;position:relative;overflow:hidden}@media (max-width: 768px){.hero-section{padding:var(--spacing-xxl) 0}}@media (max-width: 480px){.hero-section{padding:var(--spacing-xl) 0}}.service-card{height:100%;border-radius:var(--border-radius-lg);overflow:hidden;transition:all .3s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f}.service-card .ant-card-body{padding:var(--spacing-lg)}@media (max-width: 768px){.service-card:hover{transform:none}.service-card .ant-card-body{padding:var(--spacing-md)}}.services-carousel .slick-dots{bottom:-50px}.services-carousel .slick-dots li button{width:12px;height:12px;border-radius:50%;background:var(--primary-200)}.services-carousel .slick-dots li.slick-active button{background:var(--primary-600)}@media (max-width: 768px){.services-carousel .slick-dots{display:flex!important;justify-content:center;gap:8px;bottom:-40px}.carousel-slide{padding:0 var(--spacing-sm)}}.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.section-title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}}.stats-section{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));padding:var(--spacing-xxl) 0;border-radius:var(--border-radius-xxl);margin:var(--spacing-xxxl) 0}.stat-card{text-align:center;padding:var(--spacing-lg)}.stat-number{font-size:var(--font-size-xxxl);font-weight:700;color:var(--primary-600);display:block;margin-bottom:var(--spacing-sm)}.stat-label{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.stats-section{margin:var(--spacing-xxl) 0;padding:var(--spacing-xl) 0}.stat-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}}.testimonial-card{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);height:100%;border:1px solid var(--border-primary);transition:all .3s ease}.testimonial-card:hover{border-color:var(--primary-300);box-shadow:0 8px 32px #00000014}@media (max-width: 768px){.testimonial-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}}.cta-section{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;padding:var(--spacing-xxxl) 0;text-align:center;position:relative;overflow:hidden}.cta-content{position:relative;z-index:2}.cta-title{font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-lg);font-weight:700}.cta-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);opacity:.9}@media (max-width: 768px){.cta-section{padding:var(--spacing-xxl) 0}.cta-title{margin-bottom:var(--spacing-md)}.cta-description{margin-bottom:var(--spacing-lg)}}.category-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);justify-content:center}.category-btn{border-radius:var(--border-radius-xl)!important;min-height:var(--touch-target-comfortable)!important;padding:0 var(--spacing-lg)!important;font-weight:500!important;transition:all .3s ease!important}@media (max-width: 768px){.category-filters{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.category-btn{flex:1 1 auto;min-width:auto;font-size:var(--font-size-sm)!important;padding:0 var(--spacing-md)!important}}.search-sort-row{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-xl)}.search-input{flex:1;border-radius:var(--border-radius-lg)!important}.sort-select{min-width:160px}@media (max-width: 768px){.search-sort-row{flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input,.sort-select{width:100%}.sort-select{min-width:auto}}.service-card{height:100%;border-radius:var(--border-radius-lg)!important;overflow:hidden;transition:all .3s ease;border:1px solid var(--border-primary)!important}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f!important;border-color:var(--primary-200)!important}.service-card .ant-card-body{padding:var(--spacing-lg)!important}.service-image{position:relative;height:240px;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.service-card:hover .service-image img{transform:scale(1.05)}.popular-badge,.promotion-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--primary-600);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);font-weight:600;z-index:2}.promotion-badge{background:var(--success-600)}@media (max-width: 768px){.service-card:hover{transform:none}.service-card .ant-card-body{padding:var(--spacing-md)!important}.service-image{height:200px}.popular-badge,.promotion-badge{top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:10px}}.service-content{padding:0}.service-header{margin-bottom:var(--spacing-md)}.service-title{font-size:var(--font-size-lg)!important;font-weight:600!important;margin-bottom:var(--spacing-xs)!important;line-height:1.4!important}.service-rating{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.service-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.service-price{font-size:var(--font-size-xl)!important;font-weight:700!important;color:var(--primary-600)!important}.service-duration{color:var(--text-secondary);font-size:var(--font-size-sm)}.service-actions{display:flex;gap:var(--spacing-sm)}@media (max-width: 768px){.service-title{font-size:var(--font-size-base)!important}.service-price{font-size:var(--font-size-lg)!important}.service-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.service-actions{width:100%}.service-actions .ant-btn{flex:1;min-height:var(--touch-target-comfortable)!important}}.services-pagination{margin-top:var(--spacing-xxl);text-align:center}@media (max-width: 768px){.services-pagination{margin-top:var(--spacing-xl)}.services-pagination .ant-pagination{display:flex;justify-content:center;flex-wrap:wrap}.services-pagination .ant-pagination-item,.services-pagination .ant-pagination-prev,.services-pagination .ant-pagination-next{min-width:var(--touch-target-min)!important;min-height:var(--touch-target-min)!important;margin:2px!important}}@media (max-width: 768px){.customer-header{height:64px!important;top:0!important;background:#fffffffa!important;backdrop-filter:blur(20px)!important;box-shadow:0 4px 20px #00000014!important;border-bottom:1px solid rgba(0,0,0,.06)!important}.header-content{height:64px!important;padding:0 16px!important;max-width:100%!important}.header-content>.desktop-nav,.header-content>.header-actions{display:none!important}.mobile-header-layout{display:flex!important;align-items:center;justify-content:space-between;width:100%;height:100%;gap:8px}.mobile-logo{flex:1;display:flex!important;align-items:center;justify-content:center;gap:8px;height:100%;min-width:0;max-width:calc(100% - 120px);overflow:hidden}.logo-icon-mobile{width:40px!important;height:40px!important;border-radius:10px!important;background:linear-gradient(135deg,var(--primary-500),var(--primary-600))!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #3cb3714d!important;flex-shrink:0}.logo-icon-mobile span{font-size:18px!important;font-weight:700!important;color:#fff!important}.logo-text-mobile{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0;flex-shrink:1}.logo-text-mobile h3{font-size:18px!important;font-weight:700!important;margin:0!important;line-height:1.1!important;letter-spacing:-.2px!important;background:linear-gradient(135deg,var(--primary-600),var(--primary-700))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-text-mobile span{font-size:7px!important;font-weight:500!important;letter-spacing:1.2px!important;color:var(--text-secondary)!important;margin-top:-2px!important;white-space:nowrap;text-transform:uppercase}.mobile-menu-btn,.mobile-action-btn{width:44px!important;height:44px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;color:var(--text-primary)!important;background:#fffc!important;border:1px solid rgba(0,0,0,.06)!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000000a!important}.mobile-menu-btn:hover,.mobile-action-btn:hover{background:var(--primary-50)!important;border-color:var(--primary-200)!important;color:var(--primary-600)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #3cb37126!important}.mobile-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0}}@media (max-width: 480px){.customer-header{height:56px!important}.header-content{height:56px!important;padding:0 12px!important}.mobile-header-layout,.mobile-logo{gap:6px}.logo-icon-mobile{width:36px!important;height:36px!important;border-radius:8px!important}.logo-icon-mobile span{font-size:16px!important}.logo-text-mobile h3{font-size:16px!important;letter-spacing:-.1px!important}.logo-text-mobile span{font-size:6px!important;letter-spacing:1px!important}.mobile-menu-btn,.mobile-action-btn{width:40px!important;height:40px!important;border-radius:8px!important}.mobile-actions{gap:4px!important}}@media (max-width: 375px){.header-content{padding:0 8px!important}.mobile-header-layout{gap:4px}.mobile-logo{gap:4px;max-width:calc(100% - 100px)}.logo-icon-mobile{width:32px!important;height:32px!important;border-radius:6px!important}.logo-icon-mobile span,.logo-text-mobile h3{font-size:14px!important}.logo-text-mobile span{font-size:5px!important;letter-spacing:.8px!important}.mobile-menu-btn,.mobile-action-btn{width:36px!important;height:36px!important;border-radius:6px!important}.mobile-actions{gap:2px!important}}@media (max-width: 320px){.header-content{padding:0 6px!important}.mobile-logo{gap:3px;max-width:calc(100% - 90px)}.logo-icon-mobile{width:28px!important;height:28px!important}.logo-icon-mobile span,.logo-text-mobile h3{font-size:12px!important}.logo-text-mobile span{font-size:4px!important;letter-spacing:.6px!important}.mobile-menu-btn,.mobile-action-btn{width:32px!important;height:32px!important}.mobile-actions{gap:1px!important}}.customer-content{transition:margin-top .3s ease}@media (min-width: 769px){.customer-content{margin-top:120px}}@media (max-width: 768px){.customer-content{margin-top:64px}}@media (max-width: 480px){.customer-content{margin-top:56px}}@media (max-width: 768px){.booking-hero,.about-hero,.contact-hero,.profile-hero,.notifications-hero,.appointments-hero,.orders-hero{padding:60px 0 40px!important}.hero-content{padding:0 16px}.hero-title{font-size:clamp(1.8rem,6vw,2.5rem)!important;margin-bottom:12px!important}.hero-description{font-size:16px!important;margin-bottom:24px!important}.hero-content>div:last-child{gap:8px!important}.hero-content>div:last-child>div{padding:8px 16px!important;font-size:13px!important;border-radius:20px!important}.profile-header{flex-direction:column!important;text-align:center!important;gap:24px!important}.profile-info{min-width:auto!important}.profile-info>div:last-child{justify-content:center!important}.booking-breadcrumb,.about-breadcrumb,.contact-breadcrumb,.profile-breadcrumb,.notifications-breadcrumb,.appointments-breadcrumb,.orders-breadcrumb{margin-bottom:16px!important}.hero-content .ant-btn{height:44px!important;padding:0 24px!important;font-size:14px!important;border-radius:22px!important}.profile-stats .stat-card,.notifications-stats .stat-card,.appointments-stats .stat-card,.orders-stats .stat-card{margin-bottom:16px}.ant-table-wrapper{overflow-x:auto}.ant-table-tbody>tr>td{padding:12px 8px!important;font-size:13px}.ant-table-thead>tr>th{padding:12px 8px!important;font-size:13px;font-weight:600}.ant-card{margin-bottom:16px}.ant-card-body{padding:16px!important}.ant-form-item{margin-bottom:16px!important}.ant-select,.ant-input,.ant-picker{font-size:16px!important}.ant-pagination{text-align:center!important;margin-top:24px!important}.ant-pagination-item,.ant-pagination-next,.ant-pagination-prev{min-width:36px!important;height:36px!important;line-height:34px!important}.filters-section{flex-direction:column!important;gap:12px!important}.filters-section .ant-col{width:100%!important;max-width:100%!important}.ant-modal{max-width:calc(100vw - 32px)!important;margin:16px!important}.ant-modal-content{border-radius:12px!important}.ant-modal-body{padding:16px!important}.notification-item{padding:12px!important;border-radius:8px;margin-bottom:8px}.notification-item .ant-list-item-meta{align-items:flex-start!important}.notification-item .ant-list-item-action{margin-left:8px!important}.tracking-timeline{padding-left:0!important}.tracking-item{flex-direction:column!important;align-items:flex-start!important;padding:12px 0!important}.tracking-time{order:2!important;font-size:11px!important}.tracking-content{order:1!important;width:100%!important}.service-card,.product-card,.order-item-card{margin-bottom:12px}.service-card .ant-card-body,.product-card .ant-card-body{padding:12px!important}.ant-space{flex-wrap:wrap!important;justify-content:center!important}.ant-space-item{margin-bottom:8px!important}.avatar-uploader .ant-btn{width:32px!important;height:32px!important}.contact-form .ant-row{margin:0 -8px!important}.contact-form .ant-col{padding:0 8px!important}.map-wrapper{height:300px!important;border-radius:8px!important}.map-wrapper iframe{border-radius:8px!important}}@media (max-width: 480px){.container,.hero-content{padding:0 12px!important}.hero-title{font-size:clamp(1.5rem,7vw,2rem)!important}.hero-description{font-size:14px!important}.hero-content>div:last-child>div{padding:6px 12px!important;font-size:12px!important}.profile-avatar-section .ant-avatar{width:80px!important;height:80px!important}.profile-info>div:last-child{gap:12px!important}.profile-info>div:last-child>div{padding:8px 12px!important;border-radius:8px!important}.profile-info>div:last-child>div>div:first-child{font-size:16px!important}.profile-info>div:last-child>div>div:last-child{font-size:10px!important}.ant-table-tbody>tr>td{padding:8px 4px!important;font-size:12px!important}.ant-table-thead>tr>th{padding:8px 4px!important;font-size:12px!important}.ant-btn-sm{height:28px!important;padding:0 8px!important;font-size:12px!important}.ant-card-body{padding:12px!important}.ant-modal{margin:8px!important;max-width:calc(100vw - 16px)!important}}@media (max-width: 768px){.top-info-bar{display:none}.customer-header{top:0!important;height:70px!important}.desktop-nav,.header-actions{display:none!important}.mobile-header-layout{display:flex!important;align-items:center;justify-content:space-between;width:100%;height:100%}.mobile-menu-btn{color:var(--text-primary)!important}.mobile-logo{flex:1;display:flex!important;align-items:center;justify-content:center;gap:8px}.logo-icon-mobile{width:32px;height:32px;background:var(--primary-500);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.logo-text-mobile h2{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.mobile-actions{display:flex;gap:8px;align-items:center}.mobile-action-btn,.mobile-book-btn{border:none!important;box-shadow:none!important}.mobile-book-btn{background:var(--primary-500)!important;color:#fff!important;border-radius:8px!important}.customer-content{margin-top:70px!important}}.profile-page-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);min-height:100vh;position:relative;overflow-x:hidden}.profile-page-container:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(135deg,#667eea1a,#764ba21a);z-index:0}.profile-page-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:20px}.profile-breadcrumb{margin-bottom:24px;background:#fffc;backdrop-filter:blur(10px);padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000000d}.profile-breadcrumb .ant-breadcrumb{margin:0}.breadcrumb-link{color:#64748b;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:6px}.breadcrumb-link:hover{color:#667eea}.breadcrumb-current{color:#334155;font-weight:500;display:flex;align-items:center;gap:6px}.profile-main-row{margin:0!important}.profile-sidebar{position:sticky;top:100px;height:fit-content}.profile-card{border:none;border-radius:16px;box-shadow:0 8px 32px #0000000f;background:#fffffff2;backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:24px;overflow:hidden}.profile-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.profile-info-card{text-align:center;position:relative}.profile-avatar-section{padding:20px 0}.avatar-wrapper{position:relative;display:inline-block;margin-bottom:20px}.profile-avatar{border:4px solid rgba(255,255,255,.9);box-shadow:0 8px 32px #667eea4d;transition:all .3s ease}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 12px 40px #667eea66}.loyalty-badge .ant-badge-count{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid white;box-shadow:0 4px 12px #fbbf2466}.crown-badge{color:#fff;font-size:12px}.profile-name{margin:0 0 8px;color:#1e293b;font-weight:600;font-size:20px}.profile-email,.profile-phone{display:block;margin-bottom:6px;color:#64748b;font-size:14px}.member-tag{margin-top:12px;padding:6px 16px;border-radius:20px;font-weight:500;border:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 12px #fbbf244d}.profile-divider{margin:20px 0;border-color:#e2e8f0cc}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.stat-item{text-align:center;padding:16px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:12px;border:1px solid rgba(102,126,234,.1)}.stat-item .ant-statistic-title{font-size:12px;font-weight:500;color:#64748b;margin-bottom:4px}.stat-item .ant-statistic-content{font-weight:700}.quick-stats-card .card-header{margin-bottom:20px}.card-title{margin:0;color:#1e293b;font-weight:600;font-size:16px}.progress-section{margin-bottom:20px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{color:#475569;font-weight:500;font-size:14px}.progress-value{color:#667eea;font-weight:600;font-size:14px}.loyalty-progress .ant-progress-bg{border-radius:8px;box-shadow:0 2px 8px #667eea33}.loyalty-progress .ant-progress-inner{border-radius:8px;background:#e2e8f099}.progress-hint{display:block;margin-top:8px;font-size:12px;color:#64748b;font-style:italic}.stats-divider{margin:20px 0;border-color:#e2e8f099}.quick-stats-list{display:flex;flex-direction:column;gap:16px}.quick-stat-item{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-radius:10px;border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.quick-stat-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea33;transform:translate(4px)}.stat-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.stat-content{flex:1;display:flex;justify-content:space-between;align-items:center}.stat-label{color:#475569;font-weight:500;font-size:14px}.stat-number{color:#1e293b;font-weight:700;font-size:16px}.main-content-card{min-height:600px}.profile-tabs .ant-tabs-nav{margin-bottom:0;background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-radius:12px;padding:8px;border:1px solid rgba(226,232,240,.5)}.profile-tabs .ant-tabs-tab{border-radius:8px;margin:0 4px;padding:12px 20px;font-weight:500;color:#64748b;transition:all .3s ease;border:none;background:transparent}.profile-tabs .ant-tabs-tab:hover{color:#667eea;background:#667eea1a}.profile-tabs .ant-tabs-tab.ant-tabs-tab-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.profile-tabs .ant-tabs-tab.ant-tabs-tab-active .anticon{color:#fff}.profile-tabs .ant-tabs-ink-bar{display:none}.profile-tabs .ant-tabs-content-holder{padding:24px 0 0}.profile-tabs .ant-card{border:none;border-radius:12px;box-shadow:0 4px 20px #0000000f;background:#fffc;backdrop-filter:blur(10px);margin-bottom:16px}.profile-tabs .ant-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.profile-tabs .ant-timeline-item-head{width:12px;height:12px;border-width:2px}.profile-tabs .ant-timeline-item-content{margin-left:24px}.profile-tabs .ant-list-item{border-radius:10px;margin-bottom:12px;padding:16px;background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.profile-tabs .ant-list-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea33;transform:translate(6px);box-shadow:0 4px 16px #00000014}.profile-tabs .ant-alert{border-radius:10px;border:none;box-shadow:0 2px 12px #0000000d}.profile-tabs .ant-tag{border-radius:20px;font-weight:500;padding:4px 12px;border:none;box-shadow:0 2px 8px #0000001a}@media (max-width: 1200px){.profile-page-content{padding:16px;max-width:100%}.profile-sidebar{position:static}}@media (max-width: 992px){.profile-stats{grid-template-columns:1fr;gap:12px}.quick-stats-list{gap:12px}.profile-tabs .ant-tabs-nav{padding:4px}.profile-tabs .ant-tabs-tab{padding:10px 16px;margin:0 2px}}@media (max-width: 768px){.profile-page-content{padding:12px}.profile-breadcrumb{margin-bottom:16px;padding:8px 12px}.profile-card{margin-bottom:16px}.profile-avatar{width:80px!important;height:80px!important}.profile-name{font-size:18px}.stat-item{padding:12px}.quick-stat-item{padding:10px}.stat-icon{width:36px;height:36px;font-size:14px}.profile-tabs .ant-tabs-nav{flex-wrap:wrap}.profile-tabs .ant-tabs-tab{flex:1;text-align:center;min-width:0;padding:8px 12px}.profile-tabs .ant-tabs-content-holder{padding:16px 0 0}}@media (max-width: 576px){.profile-page-content{padding:8px}.breadcrumb-link span,.breadcrumb-current span{display:none}.profile-stats{gap:8px}.stat-item{padding:8px}.quick-stat-item{padding:8px;gap:8px}.stat-icon{width:32px;height:32px;font-size:12px}.stat-content{flex-direction:column;align-items:flex-start;gap:2px}.profile-tabs .ant-tabs-tab{padding:6px 8px;font-size:12px}}@media (prefers-color-scheme: dark){.profile-page-container{background:linear-gradient(135deg,#0f172a,#1e293b,#334155)}.profile-breadcrumb{background:#1e293bcc;border-color:#4755694d}.profile-card{background:#1e293bf2;border-color:#47556933}.profile-name{color:#f1f5f9}.profile-email,.profile-phone{color:#94a3b8}.card-title{color:#f1f5f9}.progress-label,.stat-label{color:#cbd5e1}.stat-number{color:#f1f5f9}.quick-stat-item,.profile-tabs .ant-tabs-nav{background:linear-gradient(135deg,#334155cc,#475569cc);border-color:#64748b4d}.profile-tabs .ant-tabs-tab{color:#cbd5e1}.profile-tabs .ant-tabs-tab:hover{background:#667eea33}}@keyframes profileFadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes profileSlideInLeft{0%{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes profilePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-card{animation:profileFadeInUp .6s ease-out}.profile-sidebar{animation:profileSlideInLeft .6s ease-out}.loyalty-badge{animation:profilePulse 2s ease-in-out infinite}.profile-page{min-height:100vh;background:#f8fafc}.profile-hero{padding:80px 0 60px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;position:relative;overflow:hidden}.profile-hero:before{content:"";position:absolute;inset:0;background:url(https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=1200&h=800&fit=crop&crop=center) center/cover;opacity:.1;z-index:0}.profile-hero .container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}.profile-hero .hero-content{width:100%}.profile-breadcrumb{margin-bottom:40px}.profile-breadcrumb .ant-breadcrumb-link{color:#ffffffe6;transition:all .3s ease;text-decoration:none}.profile-breadcrumb .ant-breadcrumb-link:hover{color:#fff}.profile-breadcrumb .ant-breadcrumb-separator{color:#ffffffb3}.profile-breadcrumb span{color:#ffffffe6}.profile-avatar-section{position:relative;text-align:center;margin-bottom:20px}.profile-avatar{border:4px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 32px #0003!important}.avatar-upload-btn{position:absolute!important;bottom:0!important;right:calc(50% - 80px)!important;background:#ffffffe6!important;color:var(--primary-600)!important;border:2px solid white!important;box-shadow:0 4px 8px #00000026!important}.profile-info{text-align:center}.profile-hero .hero-title{color:#fff!important;margin-bottom:16px!important;font-size:clamp(2rem,5vw,3rem)!important;font-weight:700!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;line-height:1.2!important}.membership-badge{margin-bottom:16px}.member-text{color:#fff!important;font-weight:500!important;font-size:16px!important;background:#fff3!important;padding:8px 16px!important;border-radius:25px!important;backdrop-filter:blur(10px)!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.profile-hero .hero-description{color:#ffffffe6!important;font-size:16px!important;margin-bottom:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.hero-stats{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:24px}.hero-stats .stat-item{background:#ffffff26;padding:16px 24px;border-radius:16px;backdrop-filter:blur(20px);text-align:center;min-width:100px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.hero-stats .stat-item:hover{background:#fff3;transform:translateY(-2px)}.hero-stats .stat-number{font-size:24px;font-weight:700;color:#fff;display:block;line-height:1;margin-bottom:4px}.hero-stats .stat-label{font-size:12px;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.profile-hero{padding:60px 0 40px}.profile-breadcrumb{margin-bottom:24px}.profile-hero .hero-title{font-size:clamp(1.5rem,8vw,2.5rem)!important}.hero-stats{gap:16px}.hero-stats .stat-item{padding:12px 16px;min-width:80px}.avatar-upload-btn{right:calc(50% - 60px)!important}}@media (max-width: 480px){.profile-hero{padding:40px 0 30px}.hero-stats{gap:12px}.hero-stats .stat-item{padding:10px 12px;min-width:70px}.hero-stats .stat-number{font-size:20px}.member-text{font-size:14px!important;padding:6px 12px!important}}.appointments-tabs .ant-tabs-tab{@apply px-6 py-3 !important;border-radius:12px!important;margin-right:8px!important;border:1px solid transparent!important;transition:all .2s ease-in-out!important}.appointments-tabs .ant-tabs-tab:hover{@apply bg-gray-50 !important;border-color:#d1d5db!important}.appointments-tabs .ant-tabs-tab-active{@apply bg-blue-50 !important;border-color:#3b82f6!important;color:#3b82f6!important}.appointments-tabs .ant-tabs-ink-bar{display:none!important}.appointments-tabs .ant-tabs-nav:before{display:none!important}.appointments-tabs .ant-tabs-content-holder{display:none!important}.appointment-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.appointment-card:hover{transform:translateY(-2px)!important;box-shadow:0 10px 25px #0000001a!important}.ant-timeline-item-label{@apply text-right !important;width:120px!important}.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline.ant-timeline-right .ant-timeline-item-tail,.ant-timeline.ant-timeline-left .ant-timeline-item-tail{border-left-width:3px!important;border-left-color:#e5e7eb!important}.ant-timeline-item-head{width:16px!important;height:16px!important;border-width:3px!important}.ant-progress-line .ant-progress-bg{border-radius:6px!important;height:6px!important}.ant-progress-line .ant-progress-outer{border-radius:6px!important}.ant-tag{@apply font-medium !important;border-radius:20px!important;padding:4px 12px!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.ant-input-search .ant-input-group .ant-input{border-radius:12px 0 0 12px!important}.ant-input-search .ant-input-search-button{border-radius:0 12px 12px 0!important;border-left:none!important}.ant-btn{border-radius:8px!important;font-weight:500!important;transition:all .2s ease-in-out!important}.ant-btn-primary{box-shadow:0 2px 8px #3b82f64d!important}.ant-btn-primary:hover{box-shadow:0 4px 12px #3b82f666!important;transform:translateY(-1px)!important}.ant-modal{border-radius:16px!important}.ant-modal-header{border-radius:16px 16px 0 0!important;border-bottom:1px solid #f3f4f6!important}.ant-modal-footer{border-radius:0 0 16px 16px!important;border-top:1px solid #f3f4f6!important}.booking-modal .ant-modal-content{overflow:visible!important}.booking-modal .booking-form-container .space-y-3,.booking-modal .space-y-3,.booking-modal .booking-form-container .space-y-2,.booking-modal .space-y-2{max-height:none!important;overflow-y:visible!important}.ant-badge-count{@apply text-xs !important;min-width:18px!important;height:18px!important;border-radius:9px!important;padding:0 4px!important}:root{--primary-50: #f0f9f0;--primary-100: #dcf0dc;--primary-200: #b8e0b8;--primary-300: #85c985;--primary-400: #52b252;--primary-500: #2d8f2d;--primary-600: #1f6f1f;--primary-700: #1a5a1a;--primary-800: #174517;--primary-900: #133713;--secondary-50: #f0fdf4;--secondary-100: #dcfce7;--secondary-200: #bbf7d0;--secondary-300: #86efac;--secondary-400: #4ade80;--secondary-500: #22c55e;--secondary-600: #16a34a;--secondary-700: #15803d;--secondary-800: #166534;--secondary-900: #14532d;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--accent-sage: #87a96b;--accent-mint: #98fb98;--accent-eucalyptus: #2e8b57;--accent-cream: #f0fdf4;--accent-seafoam: #93e9be;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info-50: #f0f9ff;--info-100: #e0f2fe;--info-500: #06b6d4;--info-600: #0891b2;--info-700: #0e7490;--bg-primary: #ffffff;--bg-secondary: var(--neutral-50);--bg-tertiary: var(--neutral-100);--bg-accent: var(--accent-cream);--bg-card: #ffffff;--bg-hover: var(--neutral-100);--bg-active: var(--primary-50);--bg-sidebar: #ffffff;--bg-header: #ffffff;--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-accent: var(--primary-600);--text-inverse: #ffffff;--border-primary: var(--neutral-200);--border-secondary: var(--neutral-100);--border-accent: var(--primary-200);--border-focus: var(--primary-400);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 280px;--sidebar-width-collapsed: 80px;--header-height: 72px;--content-padding: 24px}[data-theme=dark]{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-accent: #1a2a1a;--bg-card: #1a1a1a;--bg-hover: #252525;--bg-active: #2a1f1a;--bg-sidebar: #1a1a1a;--bg-header: #1a1a1a;--text-primary: var(--neutral-100);--text-secondary: var(--neutral-400);--text-tertiary: var(--neutral-500);--text-accent: var(--primary-400);--text-inverse: var(--neutral-900);--border-primary: var(--neutral-700);--border-secondary: var(--neutral-800);--border-accent: var(--primary-700);--border-focus: var(--primary-500);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px 0 rgba(0, 0, 0, .4)}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;height:100%;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--text-accent)}.text-inverse{color:var(--text-inverse)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.status-success{color:var(--success-600)}.status-warning{color:var(--warning-600)}.status-error{color:var(--error-600)}.status-info{color:var(--info-600)}.bg-success{background-color:var(--success-50)}.bg-warning{background-color:var(--warning-50)}.bg-error{background-color:var(--error-50)}.bg-info{background-color:var(--info-50)}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.ant-layout{background:var(--bg-primary);min-height:100vh}.ant-layout-sider{background:var(--bg-sidebar)!important;border-right:1px solid var(--border-primary);box-shadow:var(--shadow-sm);overflow-y:auto!important;overflow-x:hidden!important}.ant-layout-sider .ant-layout-sider-children{height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.ant-layout-header{background:var(--bg-header);border-bottom:1px solid var(--border-primary);padding:0 var(--spacing-lg);height:var(--header-height);box-shadow:var(--shadow-sm)}.ant-layout-content{background:var(--bg-secondary);padding:var(--content-padding);overflow-y:auto}.ant-menu{background:transparent;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ant-menu-item{margin:0 0 var(--spacing-xs) 0;padding:0 var(--spacing-md);height:48px;line-height:48px;border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--transition-fast);border:none}.ant-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.ant-menu-item-selected{background:var(--bg-active);color:var(--text-accent);font-weight:var(--font-weight-semibold)}.ant-menu-item-selected:after{display:none}.ant-menu-item .anticon{font-size:18px;margin-right:var(--spacing-sm)}.ant-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-fast)}.ant-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ant-card-head{border-bottom:1px solid var(--border-primary);padding:var(--spacing-md) var(--spacing-lg)}.ant-card-head-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.ant-card-body{padding:var(--spacing-lg)}.ant-btn{border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.ant-btn-primary{background:var(--primary-600);border-color:var(--primary-600);color:var(--text-inverse)}.ant-btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ant-btn-default{background:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}.ant-btn-default:hover{border-color:var(--border-accent);color:var(--text-accent)}.ant-btn-text{color:var(--text-secondary)}.ant-btn-text:hover{background:var(--bg-hover);color:var(--text-primary)}.ant-input,.ant-input-affix-wrapper{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--border-focus);box-shadow:0 0 0 2px #3a9d6b33}.ant-input::placeholder{color:var(--text-tertiary)}.ant-table{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.ant-table-thead>tr>th{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border-secondary);padding:var(--spacing-md)}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)}.ant-statistic{color:var(--text-primary)}.ant-statistic-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.ant-statistic-content{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.ant-tag{border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:none}.ant-avatar{border-radius:var(--radius-md)}.ant-dropdown{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.ant-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-sm)}.ant-dropdown-menu-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.ant-dropdown-menu-item:hover{background:var(--bg-hover);color:var(--text-accent)}.ant-switch{background:var(--neutral-300)}.ant-switch-checked{background:var(--primary-600)}.ant-badge-count{background:var(--error-500);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}.ant-tooltip{font-size:var(--font-size-sm)}.ant-tooltip-inner{background:var(--neutral-800);color:var(--text-inverse);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width: 768px){:root{--sidebar-width: 100vw;--content-padding: 16px}.ant-layout-sider{position:fixed;top:0;left:0;height:100vh;z-index:1000}.ant-layout-content{padding:var(--content-padding)}.ant-card{margin-bottom:var(--spacing-md)}}@media (max-width: 1024px){:root{--sidebar-width: 240px;--content-padding: 20px}}@media (prefers-contrast: high){:root{--border-primary: var(--neutral-900);--border-secondary: var(--neutral-700)}}@media print{body>*:not(.ant-modal),.ant-layout,.ant-layout-header,.ant-layout-sider,.ant-layout-footer,.ant-menu,.ant-breadcrumb,.ant-page-header,.ant-card,.ant-table,.ant-form,.ant-button,.ant-input,.ant-select,.ant-modal-header,.ant-modal-footer,.ant-modal-close{display:none!important}.ant-modal{position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important}.ant-modal-content{background:#fff!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.ant-modal-body{padding:0!important;background:#fff!important}.ant-modal-body>*:not(.compact-invoice.active):not(.full-invoice.active){display:none!important}.compact-invoice.active{display:block!important;max-width:80mm!important;width:100%!important;margin:0 auto!important;border:1px solid #000!important;box-shadow:none!important;font-size:10px!important;background:#fff!important;color:#000!important;padding:8px!important}.compact-invoice.active *{color:#000!important;background:#fff!important}.compact-invoice.active .invoice-header{background:#fff!important;color:#000!important;border-bottom:1px solid #000!important;padding:8px 6px!important}.compact-invoice.active .company-logo>div{width:24px!important;height:24px!important;font-size:12px!important;background:#fff!important;color:#000!important;border:1px solid #000!important}.compact-invoice.active .invoice-info{padding:6px!important;gap:4px!important;background:#f8f9fa!important}.compact-invoice.active .invoice-info>div{padding:4px!important;border:1px solid #000!important;background:#fff!important}.compact-invoice.active .invoice-items{padding:0 6px!important}.compact-invoice.active .invoice-items>div:first-child{padding:4px!important;background:#fff!important;color:#000!important;border-bottom:1px solid #000!important}.compact-invoice.active .invoice-items .flex{padding:3px 4px!important;border-bottom:1px solid #e9ecef!important}.compact-invoice.active .invoice-total{margin:6px!important;border:1px solid #000!important;background:#fff!important}.compact-invoice.active .invoice-footer{padding:6px!important;background:#fff!important;color:#000!important;border-top:1px solid #000!important}.full-invoice.active{display:block!important;max-width:210mm!important;width:100%!important;margin:0 auto!important;border:1px solid #000!important;box-shadow:none!important;font-size:12px!important;background:#fff!important;color:#000!important}.full-invoice.active *{color:#000!important;background:#fff!important}.full-invoice.active .invoice-header{background:#fff!important;color:#000!important;border-bottom:1px solid #000!important;padding:20px 16px!important}.full-invoice.active .company-brand>div{width:48px!important;height:48px!important;font-size:20px!important;background:#fff!important;color:#000!important;border:1px solid #000!important}.full-invoice.active h1{font-size:20px!important;color:#000!important}.full-invoice.active .invoice-details{padding:16px!important;background:#f8f9fa!important}.full-invoice.active .invoice-details>div{padding:12px!important;border:1px solid #000!important;background:#fff!important}.full-invoice.active .invoice-items{padding:0 16px 16px!important}.full-invoice.active .invoice-summary{margin:0 16px 16px!important;padding:16px!important;border:1px solid #000!important;background:#fff!important}.full-invoice.active .invoice-footer{padding:16px!important;background:#fff!important;color:#000!important;border-top:1px solid #000!important}.invoice-table{border:1px solid #000!important}.invoice-table .ant-table-thead>tr>th{background:#f8f9fa!important;color:#000!important;border-bottom:1px solid #000!important}.invoice-table .ant-table-tbody>tr>td{border-bottom:1px solid #e9ecef!important;color:#000!important;background:#fff!important}}.invoice-modal{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.invoice-modal .ant-modal-header{background:#fff;border-bottom:2px solid #000;padding:20px 24px}.invoice-modal .ant-modal-title{color:#000;font-weight:600;font-size:18px}.invoice-modal .ant-modal-close{color:#fff;font-size:18px}.invoice-modal .ant-modal-close:hover{color:#f0f0f0;background-color:#ffffff1a}.invoice-modal .ant-modal-body{padding:0;background:#fff}.invoice-modal .ant-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:16px 24px}.invoice-content{background:#fff;color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.compact-invoice{max-width:100%;background:#fff;color:#000;font-size:12px;line-height:1.4;border:2px solid #000000;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.compact-invoice.active{display:block}.compact-invoice .invoice-header{background:#fff;color:#000;text-align:center;padding:16px 12px;border-bottom:2px solid #000}.compact-invoice .company-logo{margin-bottom:8px}.compact-invoice .company-logo>div{width:32px;height:32px;background:#fff;color:#000;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid #000}.compact-invoice .company-name{font-size:14px;font-weight:700;margin-bottom:4px;letter-spacing:.5px;text-transform:uppercase}.compact-invoice .company-info{font-size:10px;opacity:.9;line-height:1.3}.compact-invoice .invoice-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:#f8f9fa}.compact-invoice .invoice-info>div{border:1px solid #dee2e6;padding:8px;background:#fff;border-radius:4px}.compact-invoice .invoice-info .text-xs{font-size:10px}.compact-invoice .invoice-items{padding:0 12px}.compact-invoice .invoice-items>div:first-child{background:#fff;color:#000;padding:8px;text-align:center;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.compact-invoice .invoice-items .flex{padding:6px 8px;border-bottom:1px solid #e9ecef}.compact-invoice .invoice-items .flex:last-child{border-bottom:none}.compact-invoice .invoice-total{margin:12px;border:2px solid #000000;border-radius:4px;overflow:hidden}.compact-invoice .invoice-footer{background:#fff;color:#000;text-align:center;padding:12px;font-size:10px}.full-invoice{max-width:600px;width:100%;margin:0 auto;background:#fff;color:#000;font-size:14px;line-height:1.6;border:3px solid #000000;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0003}.full-invoice.active{display:block}.full-invoice .invoice-header{background:#fff;color:#000;text-align:center;padding:32px 24px;border-bottom:3px solid #000}.full-invoice .company-brand{margin-bottom:20px}.full-invoice .company-brand>div{width:64px;height:64px;background:#fff;color:#000;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;border:3px solid #000;box-shadow:0 4px 12px #0000004d}.full-invoice h1{font-size:28px;font-weight:700;margin-bottom:12px;letter-spacing:1px;text-transform:uppercase}.full-invoice h2{font-size:20px;font-weight:600;margin-bottom:8px;color:#000}.full-invoice h3{font-size:18px;font-weight:600;margin-bottom:6px;color:#000}.full-invoice .invoice-details{padding:24px;background:#f8f9fa}.full-invoice .invoice-details>div{background:#fff;border:2px solid #000000;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.full-invoice .invoice-items{padding:0 24px 24px}.full-invoice .invoice-items>div:first-child{background:#fff;color:#000;padding:16px;text-align:center;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1px;border-radius:8px 8px 0 0}.full-invoice .invoice-summary{margin:0 24px 24px;background:#f8f9fa;border:2px solid #000000;border-radius:8px;padding:24px}.full-invoice .invoice-footer{background:#fff;color:#000;text-align:center;padding:24px;font-size:14px}.invoice-table{border:2px solid #000000;border-radius:0 0 8px 8px;overflow:hidden}.invoice-table .ant-table-thead>tr>th{background:#f8f9fa;color:#000;font-weight:600;border-bottom:2px solid #000000;padding:16px 12px;text-align:center;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.invoice-table .ant-table-tbody>tr>td{border-bottom:1px solid #e9ecef;padding:12px;vertical-align:middle}.invoice-table .ant-table-tbody>tr:hover>td{background:#f8f9fa}.text-blue-600{color:#2563eb}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.bg-green-50{background-color:#f0fdf4}.text-green-700{color:#15803d}.text-green-800{color:#166534}.invoice-modal .ant-select,.invoice-modal .ant-select-selector{border:2px solid #000000!important;border-radius:6px!important;font-weight:500!important}.invoice-modal .ant-select-focused .ant-select-selector{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important}@media (max-width: 768px){.compact-invoice,.full-invoice{font-size:11px;margin:0 8px}.full-invoice .grid{grid-template-columns:1fr;gap:12px}.invoice-details,.invoice-info{grid-template-columns:1fr}}@media print{body>*:not(.ant-modal),.ant-layout,.ant-layout-header,.ant-layout-sider,.ant-layout-footer,.ant-menu,.ant-breadcrumb,.ant-page-header,.ant-card,.ant-table,.ant-form,.ant-button,.ant-input,.ant-select,.ant-modal-header,.ant-modal-footer,.ant-modal-close{display:none!important}.compact-invoice,.full-invoice{display:block!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;background:#fff!important;color:#000!important}.ant-modal{position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}.ant-modal-content{background:#fff!important;border:none!important;box-shadow:none!important;border-radius:0!important}.ant-modal-body{padding:0!important;background:#fff!important}.invoice-header:before,.invoice-footer:before{display:none!important}.invoice-info>div,.invoice-total,.invoice-summary{border:1px solid #000!important;background:#fff!important}.compact-invoice *,.full-invoice *{color:#000!important}.compact-invoice .bg-black,.full-invoice .bg-black{background:#000!important;color:#fff!important}.compact-invoice .bg-gray-800,.full-invoice .bg-gray-800{background:#374151!important;color:#fff!important}.compact-invoice .bg-gray-100,.full-invoice .bg-gray-100{background:#f3f4f6!important;color:#000!important}.compact-invoice .bg-gray-50,.full-invoice .bg-gray-50{background:#f9fafb!important;color:#000!important}.ant-modal-body .compact-invoice:not(.active),.ant-modal-body .full-invoice:not(.active){display:none!important}body>*:not(.ant-modal),.ant-modal>*:not(.ant-modal-content),.ant-modal-content>*:not(.ant-modal-body){display:none!important}.ant-modal-body .compact-invoice.active,.ant-modal-body .full-invoice.active{display:block!important}*:not(.ant-modal):not(.ant-modal-content):not(.ant-modal-body):not(.compact-invoice.active):not(.full-invoice.active):not(.compact-invoice.active *):not(.full-invoice.active *){display:none!important}.ant-modal-body{padding:0!important}.ant-modal-body>*:not(.compact-invoice.active):not(.full-invoice.active){display:none!important}}@media (max-width: 768px){.compact-invoice,.full-invoice{font-size:10px;margin:0 4px}.full-invoice .grid{grid-template-columns:1fr}}@media print{*{display:none!important}.compact-invoice.active,.full-invoice.active,.compact-invoice.active *,.full-invoice.active *{display:block!important}.compact-invoice.active{position:static!important;max-width:80mm!important;width:100%!important;margin:0 auto!important;padding:8px!important;background:#fff!important;color:#000!important;border:1px solid black!important;box-shadow:none!important;font-size:10px!important;line-height:1.2!important}.compact-invoice.active .invoice-header{background:#fff!important;color:#000!important;border-bottom:1px solid black!important;padding:8px 6px!important;margin-bottom:8px!important}.compact-invoice.active .company-logo>div{width:24px!important;height:24px!important;background:#fff!important;color:#000!important;border:1px solid black!important;font-size:12px!important}.compact-invoice.active .invoice-info{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:6px!important;margin-bottom:8px!important}.compact-invoice.active .invoice-info>div{border:1px solid black!important;padding:4px!important;background:#fff!important;color:#000!important}.compact-invoice.active .invoice-items{margin-bottom:8px!important}.compact-invoice.active .invoice-items>div:first-child{background:#fff!important;color:#000!important;border:1px solid black!important;padding:4px!important;margin-bottom:4px!important}.compact-invoice.active .invoice-items .flex{padding:3px 4px!important;border-bottom:1px solid #ccc!important;background:#fff!important;color:#000!important}.compact-invoice.active .invoice-total{border:1px solid black!important;padding:6px!important;margin-bottom:8px!important;background:#fff!important;color:#000!important}.compact-invoice.active .invoice-footer{background:#fff!important;color:#000!important;border-top:1px solid black!important;padding:6px!important;text-align:center!important}.full-invoice.active{position:static!important;max-width:210mm!important;width:100%!important;margin:0 auto!important;padding:16px!important;background:#fff!important;color:#000!important;border:1px solid black!important;box-shadow:none!important;font-size:12px!important}.full-invoice.active .invoice-header{background:#fff!important;color:#000!important;border-bottom:1px solid black!important;padding:16px!important;margin-bottom:16px!important}.full-invoice.active .company-brand>div{width:48px!important;height:48px!important;background:#fff!important;color:#000!important;border:1px solid black!important;font-size:20px!important}.full-invoice.active h1{font-size:20px!important;color:#000!important;margin-bottom:8px!important}.full-invoice.active .invoice-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;padding:16px!important;margin-bottom:16px!important}.full-invoice.active .invoice-details>div{border:1px solid black!important;padding:12px!important;background:#fff!important;color:#000!important}.full-invoice.active .invoice-items{margin-bottom:16px!important}.full-invoice.active .invoice-items>div:first-child{background:#fff!important;color:#000!important;border:1px solid black!important;padding:12px!important;margin-bottom:8px!important}.full-invoice.active .invoice-summary{border:1px solid black!important;padding:16px!important;margin-bottom:16px!important;background:#fff!important;color:#000!important}.full-invoice.active .invoice-footer{background:#fff!important;color:#000!important;border-top:1px solid black!important;padding:16px!important;text-align:center!important}.invoice-table{border:1px solid black!important;width:100%!important}.invoice-table .ant-table-thead>tr>th{background:#f8f9fa!important;color:#000!important;border:1px solid black!important;padding:8px!important;font-weight:700!important}.invoice-table .ant-table-tbody>tr>td{border:1px solid #ccc!important;padding:8px!important;color:#000!important;background:#fff!important}}.invoice-template{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;color:#333;line-height:1.6}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px}.company-info{flex:1}.company-name{color:#1890ff!important;margin-bottom:4px!important;font-weight:700!important}.company-tagline{color:#666;font-style:italic;display:block;margin-bottom:12px}.company-details{display:flex;flex-direction:column;gap:4px}.company-detail{font-size:13px;color:#666}.invoice-logo{flex-shrink:0;margin-left:20px}.logo-placeholder{width:80px;height:80px;border:2px dashed #d9d9d9;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;border-radius:8px}.header-divider{margin:16px 0!important;border-color:#1890ff!important}.invoice-title-section{text-align:center;margin-bottom:24px}.invoice-title{color:#1890ff!important;margin-bottom:8px!important;font-weight:700!important}.invoice-meta{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.invoice-number,.invoice-date{font-size:14px}.info-section{margin-bottom:24px}.customer-info .ant-card-body,.order-info .ant-card-body{padding:12px!important}.info-items{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.info-item>span:first-child{min-width:80px;color:#666}.items-section{margin-bottom:24px}.items-table-large{border:1px solid #d9d9d9;border-radius:6px;overflow:hidden}.table-header{display:grid;grid-template-columns:40px 1fr 60px 50px 100px 100px;background:#fafafa;border-bottom:1px solid #d9d9d9;font-weight:700;font-size:13px}.table-header>div{padding:12px 8px;text-align:center;border-right:1px solid #d9d9d9}.table-header>div:last-child{border-right:none}.table-row{display:grid;grid-template-columns:40px 1fr 60px 50px 100px 100px;border-bottom:1px solid #f0f0f0;font-size:13px}.table-row>div{padding:10px 8px;text-align:center;border-right:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center}.table-row>div:last-child{border-right:none}.col-item{text-align:left!important;justify-content:flex-start!important}.item-name{font-weight:500}.items-list-small{border:1px solid #d9d9d9;border-radius:6px;overflow:hidden}.item-row-small{padding:12px;border-bottom:1px solid #f0f0f0}.item-row-small:last-child{border-bottom:none}.item-header-small{display:flex;align-items:center;gap:8px;margin-bottom:6px}.item-index{font-weight:700;min-width:20px}.item-name-small{font-weight:500;flex:1}.item-details-small{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding-left:28px}.item-calc{color:#666}.item-total-small{font-weight:700;color:#52c41a}.summary-section{margin-bottom:24px}.summary-content{max-width:300px;margin-left:auto;background:#fafafa;border-radius:8px;padding:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.summary-divider{margin:8px 0!important}.total-row{background:#1890ff;color:#fff!important;margin:8px -16px -16px;padding:12px 16px!important;border-radius:0 0 8px 8px}.total-row .total-label,.total-row .total-amount{color:#fff!important;font-size:16px!important}.amount-in-words{margin-top:12px;padding-top:12px;border-top:1px solid #e8e8e8;font-size:13px}.notes-section{margin-bottom:24px;padding:12px;background:#f6f8fa;border-radius:6px;border-left:4px solid #1890ff}.invoice-footer{margin-top:32px}.signature-section{text-align:center;margin-bottom:24px}.signature-space{height:60px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #d9d9d9;margin:16px 0 8px}.thank-you{text-align:center;margin:24px 0;padding:16px;background:linear-gradient(135deg,#f6f8fa,#e8f4fd);border-radius:8px}.thank-message{color:#1890ff;font-weight:500}.print-info{text-align:center;margin-top:16px}.print-timestamp{font-size:12px}.small-invoice{max-width:300px;margin:0 auto}.small-invoice .invoice-header{flex-direction:column;text-align:center;gap:12px}.small-invoice .company-details{align-items:center}.small-invoice .invoice-meta{flex-direction:column;gap:8px}.small-invoice .info-section .ant-row{flex-direction:column}.small-invoice .info-section .ant-col{width:100%!important;margin-bottom:12px}.small-invoice .summary-content{max-width:none;margin:0}.large-invoice{max-width:800px;margin:0 auto}@media print{.invoice-template{margin:0!important;padding:0!important;box-shadow:none!important;border:none!important;background:#fff!important;color:#000!important}.large-invoice{max-width:none!important;width:100%!important}.small-invoice{max-width:80mm!important;font-size:12px!important}.ant-modal-mask,.ant-modal-wrap,.ant-modal-header,.ant-modal-footer,.no-print{display:none!important}*{color:#000!important;background:#fff!important}.company-name,.invoice-title{color:#000!important}.total-row{background:#f0f0f0!important;color:#000!important}.total-row .total-label,.total-row .total-amount,.thank-message{color:#000!important}.invoice-template,.items-section{page-break-inside:avoid}.ant-card{box-shadow:none!important;border:1px solid #ddd!important}.ant-tag{border:1px solid #ddd!important;background:#fff!important;color:#000!important}}.print-mode{padding:20px!important}.print-mode.small-invoice{padding:10px!important}@media (max-width: 768px){.large-invoice{max-width:100%;padding:12px}.invoice-header{flex-direction:column;text-align:center;gap:16px}.invoice-meta{flex-direction:column;gap:8px}.table-header,.table-row{grid-template-columns:30px 1fr 40px 40px 80px 80px;font-size:12px}.table-header>div,.table-row>div{padding:8px 4px}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageBubbleHover{0%{box-shadow:0 1px 2px #0000001a}to{box-shadow:0 4px 12px #0084ff26}}@keyframes conversationItemSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes chatWindowFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes inputFocusGlow{0%{box-shadow:0 0 #0084ff00}to{box-shadow:0 0 0 3px #0084ff1a}}@keyframes typingDots{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #ff3040b3}50%{transform:scale(1.05);box-shadow:0 0 0 5px #ff304000}to{transform:scale(1);box-shadow:0 0 #ff304000}}@keyframes buttonPress{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes statusPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes scrollButtonBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.chat-message{animation:messageSlideIn .3s ease-out}.chat-message:hover .message-bubble{animation:messageBubbleHover .2s ease-out forwards}.conversation-item{animation:conversationItemSlide .3s ease-out;transition:all .2s ease}.conversation-item:hover{transform:translate(2px);background-color:#0084ff0d!important}.chat-window{animation:chatWindowFadeIn .4s ease-out}.message-input-focus{animation:inputFocusGlow .3s ease-out}.typing-indicator{display:flex;align-items:center;gap:2px;padding:8px 12px}.typing-dot{width:4px;height:4px;border-radius:50%;background-color:#65676b;animation:typingDots 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.notification-badge{animation:badgePulse 2s infinite}.button-press{animation:buttonPress .1s ease-out}.status-online{animation:statusPulse 2s infinite}.loading-shimmer{background:linear-gradient(90deg,#f0f2f5 25%,#e4e6ea,#f0f2f5 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.scroll-to-bottom{animation:scrollButtonBounce 1s ease-in-out infinite}.chat-button{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.chat-button:hover{transform:scale(1.05)}.chat-button:active{transform:scale(.95)}.file-drop-zone{transition:all .3s ease;border:2px dashed transparent}.file-drop-zone.drag-over{border-color:#0084ff;background-color:#0084ff0d;transform:scale(1.02)}.message-status{transition:all .2s ease}.message-status.read{color:#4fc3f7}.message-status.sent{color:#bdc3c7}.emoji-button{transition:all .15s cubic-bezier(.175,.885,.32,1.275);position:relative}.emoji-button:hover{transform:scale(1.15);z-index:10}.emoji-button:active{transform:scale(.95)}.emoji-button:focus{outline:2px solid #0084ff;outline-offset:1px}.emoji-picker-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #0084ff26}.emoji-category-header{background:linear-gradient(90deg,#f0f2f5,#e4e6ea);border-radius:8px;transition:all .2s ease}.emoji-category-header:hover{background:linear-gradient(90deg,#e7f3ff,#d4edda)}.emoji-picker-container *::-webkit-scrollbar{width:6px}.emoji-picker-container *::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.emoji-picker-container *::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px;transition:background .2s ease}.emoji-picker-container *::-webkit-scrollbar-thumb:hover{background:#0084ff}@keyframes highlightMatch{0%{background-color:transparent}50%{background-color:#ffeb3b4d}to{background-color:transparent}}.search-highlight{animation:highlightMatch 1s ease-in-out}.message-container{scroll-behavior:smooth}.chat-input:focus-within{box-shadow:0 0 0 2px #0084ff33;border-color:#0084ff}@media (max-width: 768px){.chat-message,.conversation-item{animation-duration:.2s}}@media (prefers-color-scheme: dark){.typing-dot{background-color:#b0b3b8}.loading-shimmer{background:linear-gradient(90deg,#2c2c2c 25%,#3a3a3a,#2c2c2c 75%)}}@media (prefers-contrast: high){.chat-message{border:1px solid}.message-bubble{border:2px solid}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}