body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;color:#333;background-color:#fffcfc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #1EB971;--primary-hover: #0a8f53;--primary-light: #f4f9f7;--primary-dark: #0c6e40;--secondary-color: #233199;--secondary-hover: #1a2574;--secondary-light: #eaebf4;--accent-color: #22c55e;--accent-hover: #16a349;--text-primary: #333333;--text-secondary: #233199;--text-light: #8c8c8c;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #f9fafb;--border-color: #e5e7eb;--border-color-light: #f0f0f0;--success-color: #10b981;--warning-color: #fa8c16;--error-color: #ef4444;--info-color: #1890ff}.flex-grid{display:flex;flex-wrap:wrap;margin:-8px}.flex-grid-nogutter{display:flex;flex-wrap:wrap}.flex-grid-item{flex:0 0 auto;padding:8px;box-sizing:border-box}.flex-grid-item-1{width:8.333333%}.flex-grid-item-2{width:16.666667%}.flex-grid-item-3{width:25%}.flex-grid-item-4{width:33.333333%}.flex-grid-item-5{width:41.666667%}.flex-grid-item-6{width:50%}.flex-grid-item-7{width:58.333333%}.flex-grid-item-8{width:66.666667%}.flex-grid-item-9{width:75%}.flex-grid-item-10{width:83.333333%}.flex-grid-item-11{width:91.666667%}.flex-grid-item-12{width:100%}@media (max-width: 1200px){.flex-grid-item-lg-1{width:8.333333%}.flex-grid-item-lg-2{width:16.666667%}.flex-grid-item-lg-3{width:25%}.flex-grid-item-lg-4{width:33.333333%}.flex-grid-item-lg-6{width:50%}.flex-grid-item-lg-12{width:100%}}@media (max-width: 992px){.flex-grid-item-md-1{width:8.333333%}.flex-grid-item-md-2{width:16.666667%}.flex-grid-item-md-3{width:25%}.flex-grid-item-md-4{width:33.333333%}.flex-grid-item-md-6{width:50%}.flex-grid-item-md-12{width:100%}}@media (max-width: 768px){.flex-grid-item-sm-1{width:8.333333%}.flex-grid-item-sm-2{width:16.666667%}.flex-grid-item-sm-3{width:25%}.flex-grid-item-sm-4{width:33.333333%}.flex-grid-item-sm-6{width:50%}.flex-grid-item-sm-12{width:100%}}@media (max-width: 576px){.flex-grid-item-xs-1{width:8.333333%}.flex-grid-item-xs-2{width:16.666667%}.flex-grid-item-xs-3{width:25%}.flex-grid-item-xs-4{width:33.333333%}.flex-grid-item-xs-6{width:50%}.flex-grid-item-xs-12{width:100%}}.flex-align-start{align-items:flex-start}.flex-align-center{align-items:center}.flex-align-end{align-items:flex-end}.flex-justify-start{justify-content:flex-start}.flex-justify-center{justify-content:center}.flex-justify-end{justify-content:flex-end}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.flex-justify-evenly{justify-content:space-evenly}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.chat-layout{display:flex;height:100vh;background-color:var(--bg-primary)}.chat-sider{width:450px;background-color:var(--bg-primary);border-right:1px solid var(--border-color);overflow:hidden}.chat-sider-content{padding:24px}.messages-list{height:calc(100vh - 150px);overflow-y:auto}.message-item{padding:0;margin-bottom:8px;cursor:pointer;border-radius:8px;transition:background-color .3s}.message-item:hover{background-color:var(--bg-secondary)}.message-item-inner{display:flex;width:100%;padding:8px}.message-image{position:relative;margin-right:16px}.message-image img{border-radius:8px;width:96px;height:96px;object-fit:cover}.status-badge{position:absolute;bottom:0;left:0;padding:4px 8px;font-size:12px;font-weight:500;border-bottom-right-radius:8px;border-top-left-radius:8px;color:#fff}.message-content{display:flex;flex-direction:column;flex-grow:1}.message-header{display:flex;justify-content:space-between}.message-title{color:var(--secondary-color);font-weight:600}.message-time{color:var(--text-light)}.message-text{color:var(--text-secondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.dot-badge{margin-left:8px;align-self:center;background-color:var(--primary-color)}.main-content{background-color:var(--bg-primary);padding:24px}.chat-card{width:100%;height:100%;box-shadow:0 1px 2px #0000000d}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chat-title{margin:0;color:var(--secondary-color)}.service-button{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.chat-body{height:calc(100vh - 230px);overflow-y:auto;padding:16px;background-color:var(--bg-secondary)}.property-card{display:flex;background-color:#fff;margin-bottom:16px;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden;position:relative}.property-card img{width:192px;height:128px;object-fit:cover}.property-info{padding:16px;display:flex;flex-direction:column}.property-title{color:var(--secondary-color);font-weight:600}.property-detail{display:flex;align-items:center;margin-top:8px}.property-icon{color:var(--primary-color);margin-right:8px}.property-status-badge{position:absolute;right:0;bottom:0;padding:4px 8px;font-size:12px;font-weight:500;border-top-left-radius:8px;color:#fff}.chat-message{margin-bottom:16px;max-width:70%}.message-sender{margin-left:auto}.message-receiver{margin-right:auto}.message-bubble{padding:16px;border-radius:8px}.message-bubble-sender{background-color:var(--secondary-color);color:#fff}.message-bubble-receiver{background-color:#fff}.message-timestamp{margin-top:4px;font-size:12px;color:var(--text-light)}.message-timestamp-right{text-align:right}.message-timestamp-left{text-align:left}.chat-input-container{margin-top:16px;position:relative}.chat-input{padding-right:48px;border-radius:24px}.send-button{background-color:var(--secondary-color);border-color:var(--secondary-color)}.coupon-carousel{margin-bottom:24px}.coupon-carousel-dots{bottom:-10px}.coupon-carousel-dots li button{background-color:var(--primary-color)!important;opacity:.5}.coupon-carousel-dots li.slick-active button{opacity:1}.coupon-card{border-radius:12px!important;overflow:hidden;box-shadow:0 8px 16px #0000001a!important;transition:transform .3s ease,box-shadow .3s ease;margin:0 10px 15px;height:130px}.coupon-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026!important}.coupon-card-content{display:flex;height:100%;position:relative}.coupon-card-left{width:110px;display:flex;align-items:center;justify-content:center;padding:15px;position:relative}.coupon-card-divider{position:absolute;top:0;bottom:0;left:110px;width:2px;background:#ffffff4d}.coupon-card-divider:before,.coupon-card-divider:after{content:"";position:absolute;left:-10px;width:20px;height:20px;background-color:#fff;border-radius:50%}.coupon-card-divider:before{top:-10px}.coupon-card-divider:after{bottom:-10px}.coupon-card-right{flex:1;padding:15px;display:flex;flex-direction:column;justify-content:center}.coupon-icon{border:3px solid rgba(255,255,255,.3);box-shadow:0 0 10px #0000001a;transition:all .3s ease}.coupon-card:hover .coupon-icon{transform:scale(1.1) rotate(5deg)}.coupon-title{color:#fff!important;margin:0 0 6px!important;font-size:18px!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.coupon-code-container{background-color:#fff3;padding:4px 12px;border-radius:4px;display:inline-block;margin-bottom:8px;border:1px dashed rgba(255,255,255,.5)}.coupon-code{color:#fff;font-weight:700;font-family:Courier New,monospace;letter-spacing:1px}.coupon-description{color:#fffc;margin-bottom:3px;font-size:13px}.coupon-value{font-size:16px;font-weight:700;color:#fff}.coupon-validity{font-size:12px;color:#ffffffb3;margin-top:4px}.empty-coupon-card{background:linear-gradient(135deg,var(--secondary-color),var(--info-color))!important;border-radius:12px!important;overflow:hidden;padding:30px;text-align:center}.empty-coupon-card .ant-avatar{margin-bottom:15px;box-shadow:0 0 15px #0000001a}.coupon-skeleton{border-radius:12px!important}@media (max-width: 576px){.coupon-card{height:auto;min-height:180px}.coupon-card-content{flex-direction:column}.coupon-card-left{width:100%;padding:15px 0 0;height:80px}.coupon-card-divider{top:80px;left:0;right:0;width:auto;height:2px}.coupon-card-divider:before,.coupon-card-divider:after{top:-10px;height:20px;width:20px}.coupon-card-divider:before{left:-10px;top:auto}.coupon-card-divider:after{left:auto;right:-10px;bottom:auto}.coupon-card-right{padding:15px;align-items:center;text-align:center}}.ant-layout-header{background-color:var(--bg-primary);padding:0 20px;box-shadow:0 1px 2px #0000000d;height:80px}.dashboard-logo{display:flex;align-items:center;justify-content:center}.dashboard-logo img{width:40px;height:40px;margin-right:10px;transition:transform .3s ease}.dashboard-logo img:hover{transform:rotate(5deg)}.header-action-button{display:flex;align-items:center;font-weight:500;transition:all .3s ease}.header-action-button:hover{color:var(--primary-color);transform:translateY(-2px)}.property-card{background-position:center;background-size:cover;height:220px;position:relative;border:none;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.property-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.property-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#2331994d,#233199cc);display:flex;flex-direction:column;justify-content:flex-end}.service-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;height:100%;max-width:100%;color:var(--secondary-color);cursor:pointer;position:relative;display:flex;flex-direction:column;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.section-title{color:var(--secondary-color);margin:0;position:relative;padding-bottom:8px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--primary-color);border-radius:2px}.subservice-card-wrapper:hover .service-card{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.service-card .cart-button:hover{background-color:var(--primary-hover)}.favorite-button:hover{transform:scale(1.1)}.favorite-active{transform:scale(1.1);color:#ff4d4f!important}.slide-up{animation:slideUp .6s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.parent-service-card{border:1px solid rgba(0,0,0,.06);transition:all .3s ease}.parent-service-card:hover{box-shadow:0 8px 16px #0000001a}.stat-item{display:flex;align-items:center;gap:12px}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:20px}.stat-content{flex:1}.stat-label{color:var(--text-light);font-size:14px;margin-bottom:4px}.stat-value{font-weight:500;font-size:16px;color:var(--text-primary)}.back-button{transition:all .2s ease}.back-button:hover{transform:translate(-3px)}.property-selection-item:hover{background:#1890ff0d}.service-type-tag{transition:all .3s ease}.service-card:hover .service-type-tag{background:#fffffff2}.subscription-radio-group .ant-radio-wrapper{margin-right:0}.subscription-options,.frequency-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subscription-option,.frequency-option{border:1px solid var(--border-color-light);border-radius:8px;padding:12px 16px;transition:all .3s ease;display:flex;flex-direction:column;gap:4px}.subscription-option.selected,.frequency-option.selected{border-color:var(--primary-color);background:#1890ff0d}.option-price{margin-left:24px;font-weight:500;color:var(--secondary-color)}.add-to-cart-btn:hover,.property-select-btn:hover{transform:translateY(-2px)}.selected-properties-container{animation:fadeIn .3s ease-in-out}.cart-message{animation:slideInRight .3s ease-in-out,fadeOut .5s ease-in-out 2.5s forwards}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.service-detail-modal .ant-modal-body{padding:24px}.service-modal-image{transition:all .3s ease}.service-modal-image:hover{transform:scale(1.02)}.detail-item{display:flex;flex-direction:column;gap:4px}.reviews-section .review-item{transition:all .3s ease;padding:8px;border-radius:8px}.reviews-section .review-item:hover{background:var(--bg-secondary)}.service-booking-drawer .ant-drawer-body{padding-top:0}.ant-layout-header.scrolled{box-shadow:0 2px 8px #0000001a;background-color:#fffffff2}.cart-item-grid{display:grid;grid-template-columns:120px 1fr;gap:16px}@media (max-width: 576px){.cart-item-grid{grid-template-columns:1fr}.cart-item-image{height:180px;margin-bottom:16px}}.cart-item-image{height:120px;border-radius:8px;overflow:hidden}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.cart-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.delete-button:hover{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.edit-button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.payment-method-card.selected{border-color:var(--primary-color);background-color:#1890ff0d}.payment-method-card:hover{border-color:var(--primary-color)}.coupon-tag:hover{transform:scale(1.05)}.custom-modal .ant-modal-content{border-radius:12px;overflow:hidden}.empty-cart-button:hover,.checkout-button:hover{transform:translateY(-2px)}.back-button:hover{color:var(--primary-color);transform:translate(-3px)}.fade-in{animation:fadeIn .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Montserrat,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;color:#333;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;line-height:1.2;color:#233199}p{margin-bottom:1rem}a{color:#1eb971;text-decoration:none;transition:color .3s ease}a:hover{color:#0a8f53}:root{--primary-color: #1EB971;--primary-hover: #0a8f53;--primary-light: #e8f8f2;--primary-dark: #0c6e40;--secondary-color: #233199;--secondary-hover: #1a2574;--secondary-light: #eaebf4;--accent-color: #22c55e;--accent-hover: #16a349;--text-primary: #333333;--text-secondary: #6b7280;--text-light: #8c8c8c;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #f9fafb;--border-color: #e5e7eb;--border-color-light: #f0f0f0;--success-color: #10b981;--warning-color: #fa8c16;--error-color: #ef4444;--info-color: #1890ff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.page-container{padding:24px 16px}.ant-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:var(--primary-hover);border-color:var(--primary-hover)}.ant-btn-success{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.ant-btn-success:hover,.ant-btn-success:focus{background-color:#0e9d6d;border-color:#0e9d6d;color:#fff}.ant-btn-danger{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.ant-card-head{background-color:#f8f9fa;border-bottom:1px solid var(--border-color-light)}.ant-form-item-label>label{color:var(--text-primary);font-weight:500}.ant-input{border-radius:4px}.ant-input:hover,.ant-input:focus{border-color:var(--primary-color)}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--primary-color)}.ant-select-focused:not(.ant-select-disabled) .ant-select-selector{border-color:var(--primary-color);box-shadow:0 0 0 2px #1eb97133}.ant-modal-header,.ant-drawer-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color-light)}.ant-modal-content,.ant-drawer-content{border-radius:8px;overflow:hidden}.ant-layout{background-color:var(--bg-primary)}.ant-layout-header{background-color:var(--bg-primary);padding:0 20px;box-shadow:0 1px 2px #0000000d}.ant-layout-content{min-height:calc(100vh - 64px)}.ant-table-thead>tr>th{background-color:#f8f9fa;color:var(--text-primary);font-weight:600}.ant-avatar{display:flex;align-items:center;justify-content:center}.ant-message-notice-content{border-radius:4px;box-shadow:0 3px 6px #0000001f}.ant-tag{border-radius:4px;padding:2px 8px;margin-right:8px}.ant-badge-count{background-color:var(--error-color)}.ant-divider{border-color:var(--border-color)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-light{background-color:var(--bg-secondary)}.border-radius-sm{border-radius:4px}.border-radius-md{border-radius:8px}.border-radius-lg{border-radius:12px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.service-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;height:100%;max-width:320px;color:var(--secondary-color);cursor:pointer;position:relative;display:flex;flex-direction:column;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.service-card-image{width:100%;height:180px;object-fit:cover}.service-card-content{padding:16px;flex-grow:1;display:flex;flex-direction:column}.property-card{background-position:center;background-size:cover;height:220px;position:relative;border:none;border-radius:8px;overflow:hidden}.property-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0033994d,#039c);display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.property-card-title{color:#fff;font-size:22px;font-weight:500;margin-bottom:4px}.property-card-location{color:#fff;font-size:16px;display:flex;align-items:center;margin-bottom:16px}.property-card-buttons{display:flex;flex-direction:row;position:absolute;bottom:0;left:0;right:0}.property-card-button{border:none;border-radius:0;width:50%;height:48px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.property-card-button-docs{background-color:#ddd;color:#666}.property-card-button-map{background-color:var(--primary-color);color:#fff}.cart-item{margin-bottom:24px}.cart-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cart-item-title{display:flex;align-items:center}.cart-item-actions{display:flex}.cart-item-content{background-color:var(--bg-tertiary);padding:16px;border-radius:8px}.cart-item-property{margin-bottom:8px}.cart-summary{border-radius:8px;background-color:var(--bg-secondary);padding:24px}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:16px}.cart-total{border-top:1px solid var(--border-color);padding-top:16px;margin-top:16px}.profile-header{background-size:cover;background-position:center;padding:32px 24px;position:relative;display:flex;align-items:center}.profile-avatar{margin-right:16px}.profile-info{color:#fff}.profile-stats{display:flex;justify-content:space-between;margin-top:16px}.profile-stat-card{background-color:#fff;border-radius:8px;padding:16px;flex:1;text-align:center;margin:0 8px;box-shadow:0 2px 4px #0000001a}.profile-sidebar{background-color:#fff;padding:16px;border-radius:8px;margin-right:16px}.profile-content{background-color:#fff;padding:24px;border-radius:8px}@media (max-width: 768px){.ant-layout-header{padding:0 16px}.profile-header{flex-direction:column;align-items:flex-start}.profile-avatar{margin-right:0;margin-bottom:16px}.profile-stats{flex-direction:column}.profile-stat-card{margin:8px 0}.property-card{height:180px}}@media (max-width: 576px){.container{padding:0 12px}.page-container{padding:16px 12px}.ant-form-item{margin-bottom:16px}.service-card{max-width:100%}.cart-item-header{flex-direction:column;align-items:flex-start}.cart-item-actions{margin-top:8px}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-in-out}.scale-in{animation:scaleIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.dashboard-sidebar{background-color:var(--secondary-color);height:100vh;padding:20px}.dashboard-logo{display:flex;align-items:center;justify-content:center;padding:16px;color:#fff}.dashboard-logo img{color:#fff;width:50px;height:50px;margin-right:10px}.dashboard-logo h2{color:#fff;font-size:24px;font-weight:700;margin:0}.dashboard-menu{background:var(--secondary-color)}.dashboard-menu .ant-menu-item{font-size:15px;font-weight:500;margin:4px 0}.dashboard-menu .ant-menu-item-selected{background-color:var(--primary-color)!important}.dashboard-header{background:#fff;padding:0 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.login-container{display:grid;grid-template-columns:1fr 1fr;height:100vh}.login-image-container{display:flex;justify-content:center;align-items:center;background-color:#f0f2f5}.login-image{max-width:80%;border-radius:8px}.login-form-container{display:flex;flex-direction:column;justify-content:center;padding:40px;background-color:#fff}.login-button{width:100%;height:40px;margin-top:16px;font-weight:500}.service-form-container{width:60%;margin:0 auto;display:flex;flex-direction:column;justify-content:center}.service-header{display:flex;align-items:center;margin-bottom:50px}.service-title{font-size:16px;font-weight:600;margin-left:10px}.service-steps{margin-bottom:24px}.service-form-actions{margin-top:20px;text-align:center}.profile-container{padding:24px;background:#f5f5f5;height:100%}.user-profile-header{padding:0;background-size:cover;height:200px;display:flex;align-items:center}.profile-detail{margin-top:16px}.profile-tab-active{background-color:var(--primary-color)!important;color:#fff!important}.coupons-container{padding:20px;background:#fff;border-radius:8px}.coupon-header{display:flex;justify-content:space-between;margin-bottom:20px}.coupon-action-button{margin-left:8px;background-color:var(--primary-color);color:#fff}.coupon-modal{padding:20px;border-radius:8px;background:#fff;box-shadow:0 4px 10px #0000001a}.services-container{padding:20px;background:#f5f5f5;height:100%}.services-header{width:100%;justify-content:space-between;margin-top:20px;font-family:Montserrat}.add-service-button{background-color:var(--primary-color);border-color:var(--primary-color);width:150px;height:45px}.service-card{border-radius:10px;width:100%;min-height:260px;display:flex;flex-direction:column;padding:10px;border-width:1px;border-style:solid;border-color:#e5e7fa}.service-card-header{justify-content:space-between;width:100%}.service-icon-container{width:40px;height:40px;border-radius:50%;background-color:#e5e7fa;display:flex;align-items:center;justify-content:center}.service-icon{font-size:20px;color:var(--secondary-color)}.service-description{font-size:14px;font-weight:500;color:var(--text-secondary)}.service-details{margin-top:16px;display:flex;justify-content:space-between}.service-detail-item{display:flex;flex-direction:column;align-items:center}.service-detail-value{font-size:18px;font-weight:600}.service-detail-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.roles-container{padding:24px;min-height:100vh}.roles-card{border-radius:8px}.roles-add-button{margin-bottom:16px;background-color:#52c41a;border-color:#52c41a}.role-action-button{color:#1890ff;text-decoration:underline}.role-delete-button{color:#ff4d4f;text-decoration:underline}.role-modal-header{font-size:20px;font-weight:600;text-align:center;padding:10px 0;border-bottom:1px solid #ddd}.role-form{padding:20px 40px}.role-input{padding:8px;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:border-color .3s ease}.role-input:focus{border-color:var(--primary-color)}.role-save-button{padding:10px 24px;border-radius:8px;background-color:#1abc9c;color:#fff;border:none;font-size:16px;font-weight:700}.stats-container{display:flex;gap:16px;flex-wrap:wrap}.stat-card{text-align:center;border-radius:6px;font-family:Montserrat}.stat-icon-container{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;margin-bottom:12px}.stat-value{margin-bottom:0;font-size:22px}.stat-label{font-size:16px;font-weight:500;color:var(--text-secondary)}.dashboard-chart{flex:1}.service-request-card{flex:1;min-width:35%}.service-request-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #ddd}.service-request-image{width:50px;height:50px;border-radius:8px;object-fit:cover}.service-request-details h5{margin:0}.service-request-details p{margin:4px 0;font-size:14px;color:#666}.view-all-container{padding:20px}.view-all-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.view-all-back-button{font-size:24px;cursor:pointer}.view-all-search{width:30%}.view-all-table-column-header{font-size:18px;font-weight:700}.view-all-table-value{font-size:16px}.property-type-tag{font-size:16px;padding:4px 8px;border-radius:4px;font-weight:700}.property-type-apartment{background-color:#90ee90}.property-type-plot{background-color:#ff0}.users-container{max-width:1200px;margin:20px auto;padding:20px;font-family:Arial,sans-serif}.users-add-button{padding:10px 24px;border-radius:8px;background-color:#1abc9c;color:#fff;border:none;font-size:16px;font-weight:700}.users-edit-button{padding:8px 12px;border-radius:8px;background-color:#1abc9c;color:#fff;border:none}.users-delete-button{padding:8px 12px;border-radius:8px;background-color:#f39c12;color:#fff;border:none}.table-row-even{background-color:#f9f9f9}.table-row-odd{background-color:#fff}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s}@media print{body{background-color:#fff;color:#000}.ant-layout-header,.ant-layout-footer,.no-print{display:none!important}.container,.page-container{width:100%;padding:0;margin:0}a{color:#000;text-decoration:underline}.ant-card{box-shadow:none;border:1px solid #ddd}}.customer-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color-light)}.customer-title{font-weight:700;position:relative;display:inline-block;padding-bottom:8px}.customer-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--primary-color);border-radius:2px}.customer-search-input{transition:all .3s ease;border:1px solid var(--border-color)}.customer-search-input:hover,.customer-search-input:focus{box-shadow:0 0 0 2px #2331991a;border-color:var(--secondary-color)}.customer-tabs-container{background-color:var(--bg-primary);border-radius:12px;padding:24px;box-shadow:0 4px 8px #0000000d}.customer-tabs .ant-tabs-nav{margin-bottom:24px}.customer-tabs .ant-tabs-tab{padding:12px 24px;transition:all .3s ease}.customer-tabs .ant-tabs-tab-active{background-color:var(--primary-light);border-radius:8px}.customer-filter-container{margin-bottom:24px;display:flex;align-items:center}.customer-filter{min-width:220px}.customer-table{overflow:hidden}.customer-table .ant-table-thead>tr>th{background-color:var(--bg-tertiary);color:var(--secondary-color);font-weight:600;padding:16px 24px;border-bottom:2px solid var(--border-color)}.customer-table-row{transition:all .2s ease}.customer-table-row:hover{background-color:var(--primary-light)!important}.customer-name-cell{display:flex;align-items:center;gap:12px}.customer-avatar-container{position:relative}.customer-avatar{border:2px solid var(--primary-color);transition:transform .3s ease}.customer-name-link{font-weight:500;transition:all .3s ease}.customer-name-link:hover{color:var(--primary-color);text-decoration:underline}.customer-location{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.customer-location-icon{color:var(--secondary-color)}.customer-type-badge{padding:4px 10px;background-color:var(--secondary-light);color:var(--secondary-color);border-radius:12px;font-size:12px;font-weight:500}.customer-service-count{font-weight:600;color:var(--text-primary)}.customer-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-align:center;display:inline-block;min-width:80px}.customer-status-active{background-color:#10b9811a;color:var(--success-color);border:1px solid var(--success-color)}.customer-status-blocked{background-color:#ef44441a;color:var(--error-color);border:1px solid var(--error-color)}.provider-name{font-weight:500;color:var(--secondary-color)}.provider-service-container{display:flex;flex-direction:column}.provider-service-count{font-weight:600;font-size:16px;color:var(--text-primary)}.provider-service-label{font-size:12px;color:var(--text-secondary)}.provider-commission{display:flex;align-items:baseline}.provider-commission-currency{color:var(--primary-color);font-weight:500;font-size:14px;margin-right:2px}.provider-commission-amount{color:var(--primary-color);font-weight:600;font-size:16px}.provider-verification{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.provider-verified{background-color:#10b9811a;color:var(--success-color)}.provider-unverified{background-color:#fa8c161a;color:var(--warning-color)}@media (max-width: 768px){.customer-tabs-container{padding:16px}.customer-name-cell{gap:8px}.customer-title{font-size:20px}.customer-status-badge{min-width:70px;padding:4px 8px}}@media (max-width: 576px){.customer-header{flex-direction:column;align-items:flex-start;gap:16px}.customer-search-input{width:100%!important}.customer-tabs .ant-tabs-tab{padding:8px 16px}.customer-filter{width:100%}}.customer-avatar:hover{transform:scale(1.1)}.dashboard-header{background:var(--bg-primary);padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:80px;border-bottom:1px solid var(--border-color-light);margin-bottom:24px}.header-actions{display:flex;align-items:center;gap:20px}.header-icon{font-size:20px;color:var(--text-secondary);cursor:pointer;transition:color .3s ease}.header-icon:hover{color:var(--primary-color)}.notification-badge .ant-badge-count{background-color:var(--primary-color)}.header-avatar{border:2px solid var(--primary-light);cursor:pointer;transition:transform .3s ease}.header-avatar:hover{transform:scale(1.05);border-color:var(--primary-color)}.dashboard-sidebar{background-color:var(--secondary-color);height:100vh;overflow:auto;position:fixed;left:0;top:0;bottom:0;box-shadow:2px 0 8px #00000026;z-index:999}.dashboard-logo{display:flex;align-items:center;justify-content:center;padding:24px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.dashboard-logo img{width:40px;height:40px;margin-right:12px;transition:transform .3s ease}.dashboard-logo:hover img{transform:rotate(10deg)}.dashboard-logo h2{color:#fff;font-size:22px;font-weight:700;margin:0;letter-spacing:.5px}.dashboard-menu{border-right:0;padding:0 12px}.dashboard-menu .ant-menu-item{margin:8px 0;height:50px;line-height:50px;border-radius:8px;display:flex;align-items:center;transition:all .3s ease}.dashboard-menu .ant-menu-item-selected{background-color:var(--primary-color)!important;color:#fff;font-weight:600}.dashboard-menu .ant-menu-item:hover:not(.ant-menu-item-selected){background-color:#ffffff1a;color:#fff}.dashboard-menu .ant-menu-item-icon{font-size:18px;margin-right:12px}.site-layout{margin-left:220px;padding-left:20px;padding-right:20px;transition:all .3s ease}.site-layout-content{background-color:var(--bg-secondary);padding:24px;border-radius:8px;min-height:calc(100vh - 160px)}.stat-card{background-color:var(--bg-primary);border-radius:12px;padding:24px;height:100%;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;overflow:hidden;position:relative;z-index:1}.stat-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1}.stat-icon-container{background-color:var(--primary-light);color:var(--primary-color);transition:all .3s ease}.stat-card:hover .stat-icon-container{background-color:var(--primary-color);color:#fff}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-top:12px}.stat-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-top:4px}@media (max-width: 992px){.dashboard-sidebar{width:200px!important}.site-layout{margin-left:200px}.dashboard-logo img{width:32px;height:32px}.dashboard-logo h2{font-size:18px}}@media (max-width: 768px){.dashboard-sidebar{width:0!important;transition:all .3s ease}.site-layout{margin-left:0}.dashboard-sidebar.open{width:200px!important}.dashboard-header{padding:0 16px;height:70px}.header-actions{gap:12px}.site-layout-content,.stat-card{padding:16px}}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition-enter-active{animation:pageEnter .4s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-request-item{border-radius:8px;background-color:var(--bg-primary);transition:all .3s ease;margin-bottom:12px;overflow:hidden}.service-request-item:hover{transform:translate(5px);box-shadow:0 4px 8px #0000001a}.service-request-image{border-radius:8px;border:1px solid var(--border-color-light);transition:all .3s ease}.service-request-item:hover .service-request-image{transform:scale(1.05)}.service-request-details h5{color:var(--secondary-color);font-weight:600}.service-request-details p{color:var(--text-secondary)}.chat-layout{height:100vh;overflow:hidden}.chat-sider{border-right:1px solid var(--border-color-light);background-color:#fff;overflow:hidden}.chat-sider-content{padding:20px;height:100%;display:flex;flex-direction:column;overflow:hidden}.messages-list{overflow-y:auto;flex:1;margin-top:10px}.main-content{padding:20px;overflow-y:auto}.chat-card{height:calc(100vh - 110px);display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.message-item{padding:12px!important;cursor:pointer;border-radius:8px;transition:all .3s;margin-bottom:8px}.message-item.active{background-color:var(--primary-color-light)}.message-item:hover{background-color:var(--hover-color-light)}.message-item-inner{width:100%;display:flex;position:relative}.message-image{width:60px;height:60px;border-radius:8px;overflow:hidden;position:relative;margin-right:12px;flex-shrink:0}.message-image img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;bottom:0;right:0;font-size:10px;padding:2px 6px;color:#fff;text-transform:capitalize;border-top-left-radius:6px}.message-content{flex:1;overflow:hidden}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.message-title{color:var(--text-primary);margin:0;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.message-time{font-size:12px;color:var(--text-tertiary)}.message-text{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.dot-badge{position:absolute;right:0;top:30px}.chat-header{padding:16px;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;align-items:center}.chat-title{margin:0 0 4px!important}.chat-body{padding:20px;flex:1;overflow-y:auto}.property-card-container{display:flex;justify-content:flex-end;margin-bottom:20px;width:100%}.property-card{display:flex;background-color:#f9f9f9;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 2px 8px #0000000d}.property-card-small{width:300px;max-width:70%}.property-card img{width:70px;height:70px;object-fit:cover}.property-info{padding:8px 12px;flex:1;font-size:12px}.property-title{margin-bottom:5px!important;display:block;font-size:13px!important}.property-detail{display:flex;align-items:center;margin-bottom:3px;font-size:11px}.property-icon{margin-right:6px;color:var(--text-tertiary);font-size:10px}.property-status-badge{position:absolute;top:5px;right:5px;font-size:9px;padding:1px 6px;color:#fff;border-radius:4px;text-transform:capitalize}.messages-container{padding:20px 0}.chat-message{margin-bottom:15px;display:flex;flex-direction:column}.message-sender{align-items:flex-end}.message-receiver{align-items:flex-start}.message-system{align-items:center}.message-bubble{padding:10px 15px;border-radius:18px;position:relative;word-break:break-word;white-space:pre-wrap;max-width:75%;width:auto;display:inline-block}.message-bubble-sender{background-color:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.message-bubble-receiver{background-color:#f1f1f1;color:var(--text-primary);border-bottom-left-radius:4px}.message-bubble-system{background-color:#f9f9f9;color:var(--text-secondary);border:1px dashed #e0e0e0;max-width:90%;font-style:italic}.message-bubble[data-type=newJobNotification]{border-left:3px solid #1890ff}.message-bubble[data-type=jobAcceptedNotification]{border-left:3px solid #52c41a}.message-timestamp{font-size:11px;color:var(--text-tertiary);margin-top:4px}.message-timestamp-right{text-align:right;padding-right:8px}.message-timestamp-left{text-align:left;padding-left:8px}.message-timestamp-center{text-align:center}.notification-icon{margin-right:5px}.job-details-card{margin-top:8px;width:100%;max-width:450px;background-color:#fff!important}.no-messages{display:flex;justify-content:center;align-items:center;height:200px;background-color:#f9f9f9;border-radius:8px}.chat-input-container{padding:20px;border-top:1px solid var(--border-color-light);margin-top:auto;position:sticky;bottom:0;background-color:#fff;z-index:10}.chat-input{border-radius:20px;padding:12px 15px;margin-bottom:15px!important;box-shadow:0 2px 8px #0000000d}.send-button{background:var(--primary-color);border:none;display:flex;align-items:center;justify-content:center;margin-right:5px}.empty-state{display:flex;justify-content:center;align-items:center}.pending-jobs-section{margin-bottom:20px;padding:15px;background-color:#f9f9f9;border-radius:8px}.pending-jobs-list{max-height:200px;overflow-y:auto}.job-action-btn{display:flex;align-items:center;gap:5px}.job-action-btn.accept{background-color:var(--success-color);border-color:var(--success-color)}.dashboard-sidebar{display:flex;flex-direction:column;height:100vh}.dashboard-logo,.dashboard-menu{flex-shrink:0}.menu-spacer{flex-grow:1}.bottom-menu{flex-shrink:0;margin-top:auto;margin-bottom:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.subservices-container{background-color:var(--bg-secondary)}.ant-breadcrumb{font-size:14px}.ant-breadcrumb a{color:var(--primary-color);transition:color .3s ease}.ant-breadcrumb a:hover{color:var(--primary-hover)}.subservices-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.subservices-title{margin:0!important;color:var(--secondary-color)!important;position:relative;padding-bottom:8px}.subservices-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--primary-color);border-radius:2px}.subservice-tabs{display:flex;overflow-x:auto;gap:16px;padding-bottom:8px;margin-bottom:24px}.subservice-tab{padding:10px 16px;cursor:pointer;position:relative;transition:all .3s ease}.subservice-tab-selected{border-bottom:3px solid var(--primary-color);color:var(--primary-color);font-weight:500}.subservice-tab-normal{color:var(--text-light);font-weight:400}.subservice-tab-indicator{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.stats-container{display:flex;gap:16px;margin-bottom:24px}.stat-card{flex:1;border-radius:12px!important;box-shadow:0 2px 8px #0000000d;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;position:relative}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.stat-card:hover .stat-icon-container{background-color:var(--primary-color);color:#fff!important}.stat-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-icon-container{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.stat-value{font-size:28px!important;font-weight:700!important;color:var(--text-primary);margin-top:12px}.stat-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.content-card{background:var(--bg-primary);border-radius:12px;padding:16px;box-shadow:0 4px 8px #0000000d;margin-bottom:24px}.tab-header{border-bottom:1px solid var(--border-color-light);padding-bottom:8px;margin-bottom:16px}.ant-tabs-tab{position:relative;padding:8px 16px!important;margin:0 8px!important;transition:all .3s ease}.ant-tabs-tab-active{color:var(--primary-color)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color)!important;font-weight:600}.ant-tabs-ink-bar{background-color:var(--primary-color)!important;height:3px!important}.add-button{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:0 2px #0000000d;transition:all .3s ease}.add-button:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important;transform:translateY(-2px)}.edit-button{background-color:var(--secondary-color)!important;border-color:var(--secondary-color)!important;box-shadow:0 2px #0000000d;transition:all .3s ease}.edit-button:hover{background-color:var(--secondary-hover)!important;border-color:var(--secondary-hover)!important;transform:translateY(-2px)}.search-input{border-radius:8px;transition:all .3s ease}.search-input:hover,.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1eb9711a}.ant-table{border-radius:8px;overflow:hidden}.ant-table-thead>tr>th{background-color:var(--secondary-light)!important;color:var(--secondary-color)!important;font-weight:600}.table-row-even{background-color:var(--bg-primary)}.table-row-odd{background-color:var(--bg-secondary)}.ant-table-row:hover{background-color:var(--primary-light)!important}.customer-avatar{border:2px solid var(--primary-light);transition:transform .3s ease}.customer-avatar:hover{transform:scale(1.1);border-color:var(--primary-color)}.agent-avatar{border:2px solid var(--secondary-light);transition:transform .3s ease}.agent-avatar:hover{transform:scale(1.1);border-color:var(--secondary-color)}.property-location{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:6px}.property-type-tag{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.status-badge-new{background-color:#d946ef1a;color:#d946ef;border:1px solid #d946ef}.status-badge-ongoing{background-color:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.status-badge-completed{background-color:#8b5cf61a;color:#8b5cf6;border:1px solid #8b5cf6}.red-flag{color:var(--error-color);display:flex;align-items:center;gap:6px}.action-button{color:var(--primary-color);transition:all .3s ease}.action-button:hover{color:var(--primary-hover);transform:translateY(-2px)}.delete-button{color:var(--error-color);transition:all .3s ease}.delete-button:hover{color:var(--error-color);opacity:.8;transform:translateY(-2px)}.modal-without-padding .ant-modal-content{border-radius:12px;overflow:hidden}.fadeInUp{animation-name:fadeInUp;animation-duration:.4s;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:translateZ(0)}}@media (max-width: 992px){.stats-container{flex-wrap:wrap}.stat-card{flex:0 0 calc(50% - 8px)}}@media (max-width: 768px){.subservices-header{flex-direction:column;align-items:flex-start;gap:12px}.stat-card{flex:0 0 100%}.ant-tabs-tab{padding:8px 12px!important;margin:0 4px!important}}@media (max-width: 576px){.tab-header{flex-direction:column;gap:10px}.ant-tabs-extra-content{margin-top:10px}.search-input{width:100%!important}}.stats-container{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.stat-card{flex:1;min-width:240px;border:1px solid #eee!important;border-radius:8px!important;box-shadow:0 1px 2px #0000000d!important;padding:16px 20px!important;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a!important}.stat-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-card:hover:after{transform:scaleX(1)}.stat-icon-container{width:48px!important;height:48px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:16px!important;transition:all .3s ease}.stat-card:hover .stat-icon-container{transform:scale(1.1)}.stat-value{font-size:24px!important;font-weight:600!important;color:#333!important;line-height:1.2!important;margin-bottom:4px!important}.stat-label{font-size:14px!important;color:#6b7280!important}@media (max-width: 768px){.stats-container{flex-direction:column}.stat-card{width:100%}}.commission-rate-container{background-color:var(--bg-primary);border-radius:8px;margin-bottom:24px}.commission-table-card{overflow:hidden}.commission-table-card .ant-card-head{padding:16px 24px;font-weight:600}.customer-table .ant-table-tbody>tr>td{padding:12px 16px;vertical-align:middle;font-size:14px}.customer-table.compact-table .ant-table-tbody>tr>td{padding:8px 12px}.customer-table .service-card{margin:0;height:auto}.customer-table .ant-tag{padding:2px 8px;margin:0;font-size:12px;line-height:1.5}.commission-modal.ant-modal .ant-modal-content{max-width:100%;border-radius:8px;overflow:hidden}.service-card.ant-modal{width:800px!important;max-width:90vw}.service-card .ant-modal-header{background-color:var(--secondary-light);border-radius:8px 8px 0 0;padding:16px 24px}.service-card .ant-modal-title{color:var(--secondary-color);font-weight:600;font-size:18px}.service-card .ant-modal-body{padding:24px}.service-card .ant-modal-footer{border-top:1px solid var(--border-color-light);padding:12px 24px;border-radius:0 0 8px 8px}.commission-form .ant-form-item{margin-bottom:16px}.service-card .ant-form-item-label>label{font-weight:500;color:var(--secondary-color)}.service-button{height:38px;border-radius:6px;font-weight:500;box-shadow:0 2px 4px #0000000d}.service-card .ant-switch{background-color:var(--border-color)}.service-card .ant-switch-checked{background-color:var(--primary-color)}.customer-search-input.ant-input,.customer-search-input .ant-input,.customer-search-input.ant-picker{border-radius:6px;border-color:var(--border-color);transition:all .3s ease;font-size:14px}.customer-search-input.ant-input:hover,.customer-search-input .ant-input:hover,.customer-search-input.ant-picker:hover,.customer-search-input.ant-input:focus,.customer-search-input .ant-input:focus,.customer-search-input.ant-picker:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1eb9711a}.customer-filter{width:100%}.customer-filter .ant-select-selector{border-radius:6px!important;border-color:var(--border-color)!important;padding:0 11px!important;height:36px!important;transition:all .3s ease}.customer-filter .ant-select-selector:hover{border-color:var(--primary-color)!important}.customer-filter .ant-select-selection-item,.customer-filter .ant-select-selection-placeholder{line-height:36px!important}@media (max-width: 768px){.service-card.ant-modal{width:95vw!important}.customer-table .ant-table-thead>tr>th,.customer-table .ant-table-tbody>tr>td{padding:8px 12px;font-size:13px}.service-button{font-size:13px;height:34px;padding:0 12px}}.customer-table-row{animation-duration:.3s;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}.dashboard-menu .ant-menu-item{margin:2px 0!important;padding:0 12px!important;height:40px!important;line-height:40px!important}.dashboard-menu+.dashboard-menu{margin-top:0}.menu-spacer{flex-grow:1;min-height:10px}.header-modern{background-color:var(--bg-primary);box-shadow:0 4px 12px #00000014;position:sticky;top:0;z-index:1000;transition:all .3s ease;border-bottom:1px solid var(--border-color-light)}.header-modern.scrolled{background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo-container{position:relative;overflow:hidden;display:flex;align-items:center}.logo-container:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.logo-container:hover:after{transform:scaleX(1)}.logo-container img{height:40px;transition:transform .4s ease}.logo-container:hover img{transform:rotate(5deg) scale(1.05)}.logo-container .logo-text{margin-left:10px;font-size:18px;font-weight:600;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;color:transparent;transition:all .3s ease}.nav-button{position:relative;border-radius:8px;transition:all .3s ease;overflow:hidden}.nav-button:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background-color:var(--primary-color);transition:width .3s ease;border-radius:3px}.nav-button:hover:before,.nav-button.active:before{width:80%}.nav-button.active{color:var(--primary-color)!important;font-weight:600!important}.nav-button:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.nav-button .anticon{transition:transform .3s ease}.nav-button:hover .anticon{transform:translateY(-2px)}.header-badge{transition:all .25s ease}.header-badge:hover{transform:scale(1.1)}.header-badge .ant-badge-count{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));box-shadow:0 2px 6px #22c55e66}.header-badge .ant-badge-dot{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));box-shadow:0 0 0 2px #fff}.user-avatar{position:relative;border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,var(--primary-color),var(--secondary-color)) border-box;transition:all .3s ease;overflow:hidden}.user-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));transition:opacity .3s ease}.user-avatar:hover{transform:scale(1.1);box-shadow:0 5px 15px #23319933}.icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .3s ease}.icon-container:hover{background-color:var(--primary-light);transform:translateY(-2px)}.icon-container .anticon{color:var(--text-secondary);transition:all .3s ease}.icon-container:hover .anticon{color:var(--primary-color);transform:scale(1.1)}@keyframes pulse{0%{box-shadow:0 0 #1eb97166}70%{box-shadow:0 0 0 10px #1eb97100}to{box-shadow:0 0 #1eb97100}}.header-badge.has-notification .ant-badge-dot{animation:pulse 2s infinite}@media (max-width: 992px){.header-modern{padding:0 30px!important}.icon-container,.nav-button{width:36px;height:36px}}@media (max-width: 768px){.header-modern{padding:0 15px!important;height:70px!important}.logo-container img{height:32px}.logo-container .logo-text{font-size:16px}.icon-container,.nav-button{width:32px;height:32px}}.header-modern.scrolled{height:70px!important;padding-top:5px!important;padding-bottom:5px!important}.header-modern.scrolled .logo-container img{height:32px}.header-menu-dropdown{top:70px!important;border-radius:12px!important;overflow:hidden;border:1px solid var(--border-color-light)!important;box-shadow:0 10px 25px #0000001a!important}.header-menu-dropdown .ant-dropdown-menu{border-radius:12px!important;padding:8px!important}.header-menu-dropdown .ant-dropdown-menu-item{border-radius:8px!important;margin-bottom:4px!important;transition:all .3s ease!important}.header-menu-dropdown .ant-dropdown-menu-item:hover{background-color:var(--primary-light)!important;color:var(--primary-color)!important}.notifications-dashboard{max-width:1200px;margin:0 auto}.notification-card{border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #f0f0f0)}.notification-badge .ant-badge-count{background:var(--primary-color, #1890ff);box-shadow:0 0 0 1px var(--primary-color, #1890ff)}.notification-tabs{margin-bottom:16px}.notification-tabs .ant-tabs-nav{margin-bottom:16px;background-color:var(--bg-light, #f9f9f9);border-radius:8px;padding:4px}.notification-tabs .ant-tabs-tab{border-radius:6px;padding:8px 16px;transition:all .3s ease}.notification-tabs .ant-tabs-tab-active{background-color:#fff;box-shadow:0 2px 8px #00000014}.notification-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 8px}.notification-counter{font-size:14px;color:var(--text-secondary, rgba(0, 0, 0, .45));font-weight:500}.quick-actions{display:flex;gap:12px}.notification-list{max-height:600px;overflow-y:auto;padding:8px 4px;scrollbar-width:thin}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:6px}.notification-item{padding:12px;border-radius:10px;margin-bottom:8px;transition:all .2s ease;border:1px solid transparent;cursor:pointer}.notification-item:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .02));transform:translateY(-2px);box-shadow:0 4px 8px #00000008}.notification-unread{background-color:var(--primary-light, rgba(24, 144, 255, .05));border-left:3px solid var(--primary-color, #1890ff)}.notification-item-inner{display:flex;width:100%}.notification-icon{flex-shrink:0}.notification-content{flex:1;min-width:0;max-width:100%}.notification-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notification-title{font-size:15px;margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:12px;white-space:nowrap}.notification-text{margin-bottom:8px;display:block;color:var(--text-color, rgba(0, 0, 0, .85));line-height:1.5}.notification-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.service-type{display:flex;align-items:center;gap:6px}.service-icon{color:var(--text-light, rgba(0, 0, 0, .45))}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.fadeInUp{animation:fadeInUp .4s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-toast{border-radius:8px;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.notification-header-row{flex-direction:column;align-items:flex-start;gap:4px}.notification-time{margin-left:0}.notification-tabs .ant-tabs-tab{padding:8px 12px;margin:0 2px}}.ant-pagination-options,.customer-table .ant-pagination .ant-pagination-options,.ant-pagination .ant-select{display:none!important}.notification-toast{border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.notification-toast:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.notification-toast.priority-high{border-left:4px solid #ff4d4f}.notification-toast.priority-normal{border-left:4px solid #1890ff}.notification-toast.priority-low{border-left:4px solid #52c41a}.header-notification-dropdown{background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0}.header-notification-dropdown .ant-dropdown-menu{padding:0;background-color:#fff}.notification-list-item{transition:all .2s ease;background-color:#fff;border-bottom:1px solid #f5f5f5;display:flex!important;align-items:flex-start!important}.notification-list-item .ant-list-item-meta{align-items:flex-start!important}.notification-list-item .ant-list-item-meta-avatar{margin-right:12px!important;margin-top:4px!important}.notification-list-item .ant-list-item-meta-content{flex:1!important;min-width:0!important}.notification-list-item .ant-list-item-meta-title{margin-bottom:4px!important;line-height:1.4!important;word-break:break-word!important}.notification-list-item .ant-list-item-meta-description{line-height:1.3!important}.notification-list-item:hover{background-color:#1890ff0d}.notification-list-item.unread{background-color:#1890ff05;border-left:3px solid #1890ff}.notification-list-item.read{background-color:#fff;border-left:none}.notification-list-item .ant-list-item-action{margin-left:8px!important;margin-top:4px!important}.notification-list-item .ant-list-item-action>li{padding:0!important}.notification-icon{font-size:16px;margin-right:8px}.notification-icon.success{color:#52c41a}.notification-icon.warning{color:#faad14}.notification-icon.message{color:#722ed1}.notification-icon.info{color:#1890ff}.notification-icon.default{color:#8c8c8c}.notification-badge{position:relative}.notification-badge .ant-badge-count{font-size:10px;min-width:16px;height:16px;line-height:16px;border-radius:8px;padding:0 4px;box-shadow:0 2px 4px #0000001a}.bell-icon{transition:all .3s ease}.bell-icon:hover{transform:scale(1.1)}.bell-icon.has-notifications{color:#1890ff;animation:bellShake .5s ease-in-out}@keyframes bellShake{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.notification-title{font-weight:600;color:#262626;margin-bottom:4px;line-height:1.2}.notification-title.read{color:#8c8c8c;font-weight:400}.notification-description{font-size:12px;color:#595959;line-height:1.4;margin-bottom:4px}.notification-description.read{color:#bfbfbf}.notification-time{font-size:11px;color:#bfbfbf}.notification-service-tag{font-size:10px;padding:2px 6px;border-radius:4px;margin-left:8px}.notification-action-btn{opacity:.7;transition:opacity .2s ease}.notification-action-btn:hover{opacity:1}.notification-header{background-color:#fafafa;border-bottom:1px solid #f0f0f0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.notification-header-title{font-weight:600;color:#262626}.notification-header-actions{display:flex;align-items:center;gap:8px}.notification-footer{background-color:#fafafa;border-top:1px solid #f0f0f0;padding:8px 16px;text-align:center}.notification-empty{padding:20px;text-align:center;background-color:#fff}.notification-empty .ant-empty-description{color:#8c8c8c;font-size:12px}.notification-content{background-color:#fff}.ant-dropdown-menu{background-color:#fff!important;border:1px solid #f0f0f0!important;box-shadow:0 4px 12px #0000001a!important;border-radius:8px!important}.ant-dropdown-menu-item{background-color:#fff!important}.ant-dropdown-menu-item:hover{background-color:#f5f5f5!important}.notification-list-item *{writing-mode:initial!important;text-orientation:initial!important;direction:ltr!important}.notification-list-item span,.notification-list-item div,.notification-list-item p{display:inline-block!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.notification-list-item .ant-typography{display:inline!important;white-space:normal!important}.notification-content-wrapper{display:flex!important;flex-direction:column!important;width:100%!important}.notification-title-wrapper{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:4px!important}.notification-description-wrapper{display:block!important;margin-bottom:4px!important}.notification-time-wrapper{display:block!important}@media (max-width: 768px){.header-notification-dropdown{width:300px}.notification-list-item{padding:8px 12px}.notification-title{font-size:13px}.notification-description{font-size:11px}}@media (max-width: 480px){.header-notification-dropdown{width:280px}.notification-header{padding:8px 12px}.notification-footer{padding:6px 12px}}@media (prefers-color-scheme: dark){.notification-list-item.unread{background-color:#1890ff1a}.notification-title{color:#fff}.notification-title.read{color:#8c8c8c}.notification-description{color:#d9d9d9}.notification-description.read{color:#595959}.notification-header{background-color:#1f1f1f;border-bottom:1px solid #303030}.notification-footer{background-color:#1f1f1f;border-top:1px solid #303030}}