.logo{transition:all .3s ease}.logo:hover{background:rgba(255,255,255,.05)}.user-dropdown:hover{background:#f8fafc}.ant-layout-sider .ant-menu::-webkit-scrollbar{width:6px}.ant-layout-sider .ant-menu::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.ant-layout-sider .ant-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.ant-layout-sider .ant-menu::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.ant-menu-item:hover{background:rgba(255,255,255,.08)!important;transform:translate(4px);transition:all .2s ease}.ant-menu-item-selected{background:rgba(59,130,246,.2)!important;border-right:3px solid #3b82f6!important}.ant-btn:hover{background:#f1f5f9!important;transform:translateY(-1px);transition:all .2s ease}.ant-card{transition:all .2s ease;border:1px solid #e2e8f0}.ant-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ant-table{border-radius:8px;overflow:hidden}.ant-table-thead>tr>th{background:#f8fafc!important;border-bottom:1px solid #e2e8f0;font-weight:600;color:#1e293b}.ant-btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;box-shadow:0 2px 4px #3b82f633}.ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.ant-input,.ant-select-selector{border-radius:6px;border:1px solid #e2e8f0}.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ant-tag{border-radius:6px;font-weight:500}.ant-modal-content{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a}.ant-modal-header{border-radius:12px 12px 0 0;border-bottom:1px solid #f1f5f9}.ant-statistic-title{color:#6b7280;font-weight:500}.ant-statistic-content{color:#1f2937;font-weight:600}@media (max-width: 768px){.ant-layout-sider{width:240px!important}.ant-layout{margin-left:240px!important}}.ant-layout-content{overflow-y:auto!important;overflow-x:hidden!important}.ant-layout-content::-webkit-scrollbar{width:8px}.ant-layout-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.ant-layout-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ant-layout-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.login-container{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px}.login-content{width:100%;max-width:400px}.login-card{border-radius:12px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:32px}.login-title{margin-bottom:8px!important;color:#1890ff}.login-subtitle{font-size:16px}.login-footer{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.ant-input-affix-wrapper{border-radius:8px}.ant-input-affix-wrapper input{border:none!important;box-shadow:none!important}.ant-btn{border-radius:8px;height:48px;font-weight:600}.service-management-container{padding:0}.service-management-header{margin-bottom:24px}.service-management-tabs{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.service-table{border-radius:8px}.service-image{object-fit:cover;border-radius:6px}.service-actions{display:flex;gap:8px}.search-input .ant-input-affix-wrapper{padding:0}.service-search-bar{max-width:300px}.sub-service-search-bar{width:250px}.service-filter-select{width:200px}.service-modal{max-width:600px}.sub-service-modal{max-width:700px}.upload-area{border:2px dashed #d9d9d9;border-radius:6px;background:#fafafa;text-align:center;cursor:pointer;transition:border-color .3s}.upload-area:hover{border-color:#1890ff}.upload-area.dragover{border-color:#1890ff;background:#f0f8ff}.price-input{width:100%}.service-stats{margin-bottom:16px}.service-stats .ant-statistic{text-align:center}.service-stats .ant-statistic-title{color:#64748b;font-size:14px}.service-stats .ant-statistic-content{color:#1e293b;font-size:24px;font-weight:600}@media (max-width: 768px){.service-management-tabs{padding:16px}.service-search-bar,.sub-service-search-bar{max-width:100%;width:100%}.service-filter-select{width:100%}.service-actions{flex-direction:column;gap:4px}}.ant-tabs-tab{font-weight:500}.ant-tabs-tab-active{font-weight:600}.ant-tabs-content-holder{padding-top:0}.ant-table-thead>tr>th{background:#f8fafc;font-weight:600;color:#374151}.ant-table-tbody>tr:hover>td{background:#f1f5f9}.ant-modal-header{border-bottom:1px solid #e2e8f0;padding:16px 24px}.ant-modal-footer{border-top:1px solid #e2e8f0;padding:16px 24px}:where(.css-dev-only-do-not-override-17g1ugo).ant-modal .ant-modal-content{padding:0!important}.ant-modal .ant-modal-content .ant-modal-body{padding:16px!important}.ant-modal-content{padding:0!important}.ant-modal-body{padding:16px!important}.css-dev-only-do-not-override-17g1ugo .ant-modal-content{padding:0!important}.css-dev-only-do-not-override-17g1ugo .ant-modal-body{padding:16px!important}.ant-form-item-label>label{font-weight:500;color:#374151}.ant-input,.ant-select-selector,.ant-input-number{border-radius:6px}.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-input-number-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-btn{border-radius:6px;font-weight:500}.ant-btn-primary{background:#1890ff;border-color:#1890ff}.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.ant-tag{border-radius:4px;font-weight:500}.ant-image{border-radius:6px;overflow:hidden}.ant-image-img{transition:transform .3s ease}.ant-image:hover .ant-image-img{transform:scale(1.05)}.ant-input-search{border-radius:6px}.ant-input-search .ant-input{border-radius:6px 0 0 6px}.ant-input-search .ant-input-search-button{border-radius:0 6px 6px 0;height:32px}.ant-row{margin-left:0!important;margin-right:0!important}.ant-col{padding-left:8px!important;padding-right:8px!important}header .ant-space{display:flex;align-items:center}.ant-space{display:flex;align-items:flex-start}.ant-space-item{margin-right:8px}.ant-space-item:last-child{margin-right:0}.drag-handle{cursor:grab;color:#8b949e;transition:color .2s ease}.drag-handle:hover{color:#1890ff}.drag-handle:active{cursor:grabbing}.sortable-row{transition:all .2s ease}.sortable-row:hover{background-color:#f8fafc}.sortable-row.dragging{opacity:.5;box-shadow:0 4px 12px #00000026}.attribute-container{border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px;background:#fafafa}.attribute-level{margin-bottom:12px}.attribute-values{margin-left:20px;margin-top:8px}.attribute-value-item{display:flex;align-items:center;margin-bottom:8px;padding:8px;background:white;border-radius:6px;border:1px solid #e2e8f0}.price-inputs{display:flex;gap:8px;align-items:center}.price-input{flex:1}.product-form-section{margin-bottom:24px}.section-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:12px;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.description-object{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#fafafa}.description-item{display:flex;align-items:center;margin-bottom:8px;gap:8px}.description-item:last-child{margin-bottom:0}.stat-card{border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.stat-card .ant-card-body{padding:12px}.compact-table .ant-table-tbody>tr>td{padding:8px 12px}.compact-table .ant-table-thead>tr>th{padding:8px 12px;font-size:12px}.product-modal .ant-modal-body{max-height:70vh;overflow-y:auto}.compact-form .ant-form-item{margin-bottom:16px}.compact-form .ant-form-item-label{padding-bottom:4px}.status-tag{font-size:11px;padding:2px 8px;border-radius:4px}.action-button{padding:4px 8px;height:auto;font-size:12px}.filter-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.ant-modal .ant-space-item{width:100%}.ant-tag{display:flex;align-items:center;gap:4px}@media (max-width: 768px){.filter-row{flex-direction:column;align-items:stretch}.price-inputs{flex-direction:column}.description-item{flex-direction:column;align-items:stretch}}.upload-overlay:hover{opacity:1!important}.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,.ant-upload-picture-card-wrapper .ant-upload-list-item-container{width:100%;height:180px}#root{max-height:100vh;max-width:100vw;margin:0;padding:0;background-color:#f0f2f5}.ant-layout{background:#f0f2f5}.ant-layout-content{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000008}.ant-card{border-radius:8px;box-shadow:0 1px 2px #00000008}.ant-table{border-radius:8px}.ant-btn,.ant-input,.ant-select-selector,.ant-picker{border-radius:6px}.ant-modal-content{border-radius:8px}.ant-form-item-label>label{font-weight:500}@media (max-width: 768px){.ant-layout-content{margin:16px 8px;padding:16px}.ant-card{margin-bottom:16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;color:#1e293b;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ant-layout{background:#f8fafc!important}.ant-card{border-radius:12px!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important;transition:all .2s ease!important}.ant-card:hover{box-shadow:0 4px 12px #00000014!important;transform:translateY(-2px)!important}.ant-card-head{border-bottom:1px solid #f1f5f9!important;padding:12px 16px!important}.ant-card-body{padding:16px!important}.ant-table{border-radius:8px!important;overflow:hidden!important}.ant-table-thead>tr>th{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;font-weight:600!important;color:#1e293b!important;padding:12px 16px!important}.ant-table-tbody>tr>td{padding:12px 16px!important;border-bottom:1px solid #f1f5f9!important}.ant-table-tbody>tr:hover>td{background:#f8fafc!important}.ant-btn{border-radius:6px!important;font-weight:500!important;height:32px!important;padding:0 12px!important;transition:all .2s ease!important}.ant-btn:hover{transform:translateY(-1px)!important}.ant-btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important;border:none!important;box-shadow:0 2px 4px #3b82f633!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%)!important;box-shadow:0 4px 8px #3b82f64d!important}.ant-input,.ant-select-selector,.ant-picker{border-radius:6px!important;border:1px solid #e2e8f0!important;transition:all .2s ease!important;min-height:32px!important}.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.ant-input-affix-wrapper{padding:0 12px!important}.ant-input-textarea-affix-wrapper.ant-input-affix-wrapper{padding:0!important}.ant-tag{border-radius:6px!important;font-weight:500!important;padding:4px 8px!important}.ant-modal-content{border-radius:12px!important;box-shadow:0 20px 25px -5px #0000001a!important;overflow:hidden!important}.ant-modal-header{border-radius:12px 12px 0 0!important;border-bottom:1px solid #f1f5f9!important;padding:16px 20px!important}.ant-modal-body{padding:20px!important}.ant-modal-footer{border-top:1px solid #f1f5f9!important;padding:12px 20px!important}.ant-form-item-label>label{font-weight:500!important;color:#374151!important}.ant-statistic-title{color:#6b7280!important;font-weight:500!important;font-size:14px!important}.ant-statistic-content{color:#1f2937!important;font-weight:600!important}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{border-radius:6px!important;border:1px solid #e2e8f0!important}.ant-select-dropdown{border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a!important}.ant-dropdown-menu{border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a!important;border:1px solid #e2e8f0!important}.ant-message{border-radius:8px!important}.ant-message-notice-content{border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a!important}@media (max-width: 768px){.ant-card-body{padding:16px!important}.ant-modal-content{margin:16px!important}.ant-table{font-size:12px!important}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:12px 8px!important}}.ant-input-search{border-radius:8px!important;box-shadow:0 2px 4px #0000000a!important;transition:all .2s ease!important}.ant-input-search:hover{box-shadow:0 4px 8px #00000014!important;transform:translateY(-1px)!important}.ant-input-search:focus-within{box-shadow:0 0 0 3px #3b82f61a!important;border-color:#3b82f6!important}.ant-input-search .ant-input{border:none!important;box-shadow:none!important;background:transparent!important;padding:0 12px!important}.ant-input-search .ant-input-search-button{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important;border:none!important;border-radius:0 8px 8px 0!important;height:32px!important;width:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.ant-input-search .ant-input-search-button:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%)!important;transform:none!important}.search-container{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:0 8px;box-shadow:0 2px 4px #0000000a;transition:all .2s ease;min-width:250px}.search-container:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.search-container:focus-within{box-shadow:0 0 0 3px #3b82f61a;border-color:#3b82f6}.search-container .ant-input{border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;height:28px!important;font-size:14px;line-height:28px}.search-container .ant-input:focus{box-shadow:none!important}.search-container .search-icon{color:#64748b;font-size:14px;cursor:pointer;transition:color .2s ease;flex-shrink:0}.search-container .search-icon:hover{color:#3b82f6}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}