@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap";:root{--font-primary:"Inter", "Roboto", sans-serif;font-family:Inter,Roboto,sans-serif}*,:before,:after{box-sizing:border-box;font-family:Inter,Roboto,sans-serif!important}html,body,#root{cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden;font-family:Inter,Roboto,sans-serif!important}@keyframes spin{to{transform:rotate(360deg)}}.MuiTooltip-popper{z-index:99999!important}.MuiTooltip-tooltip,.custom-tooltip,.app-tooltip{color:#fff!important;letter-spacing:.01em!important;word-break:break-word!important;text-align:center!important;background-color:#616161!important;border-radius:6px!important;max-width:280px!important;padding:5px 10px!important;font-family:Inter,Roboto,sans-serif!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important;box-shadow:0 3px 8px #0003!important}.MuiTooltip-arrow{color:#616161!important}.MuiTooltip-arrow:before{background-color:#616161!important;border-radius:1px!important}.MuiTypography-root,.MuiButtonBase-root,.MuiButton-root,.MuiIconButton-root,.MuiInputBase-root,.MuiInputBase-input,.MuiAppBar-root,.MuiToolbar-root,.MuiDrawer-root,.MuiDrawer-paper,.MuiMenuItem-root,.MuiListItem-root,.MuiListItemButton-root,.MuiListItemIcon-root,.MuiListItemText-root,.MuiTableCell-root,.MuiTable-root,.MuiTableHead-root,.MuiTableBody-root,.MuiTableRow-root,.MuiDialog-root,.MuiDialogTitle-root,.MuiDialogContent-root,.MuiDialogActions-root,.MuiModal-root,.MuiPaper-root,.MuiCard-root,.MuiCardContent-root,.MuiBadge-root,.MuiChip-root,.MuiTooltip-popper,.MuiMenu-paper,.MuiMenu-list,input,textarea,button,a,[role=button],select,table,th,td,h1,h2,h3,h4,h5,h6,p,span,label,div,ul,ol,li,header,nav,section,aside,main{font-family:Inter,Roboto,sans-serif!important}input,textarea{cursor:auto;caret-color:#000}button,a,[role=button],select{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.display-order-input,.pc-number-input,.brand-number-input,.mfr-number-input,.model-number-input,.image-order-input,.product-image-order-input,.product-display-order-wrapper input,.product-display-order-wrapper input[type=number],.display-order-field input,.display-order-field input[type=number],.pc-add-field input[type=number],.pc-add-display-section input[type=number],input[type=number].display-order-input,input[type=number][name*=display i],input[type=number][name*=order i],input[type=number][placeholder*=display i],input[type=number][placeholder*=order i]{-moz-appearance:number-input!important;appearance:auto!important}.display-order-input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.display-order-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.pc-number-input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.pc-number-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.brand-number-input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.brand-number-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.mfr-number-input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.mfr-number-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.model-number-input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.model-number-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.image-order-input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.image-order-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.product-image-order-input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.product-image-order-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.product-display-order-wrapper input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.product-display-order-wrapper input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.product-display-order-wrapper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.product-display-order-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.display-order-field input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.display-order-field input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.display-order-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.display-order-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.pc-add-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.pc-add-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.pc-add-display-section input[type=number]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.pc-add-display-section input[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}input[type=number][name*=display i]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}input[type=number][name*=display i]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}input[type=number][name*=order i]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}input[type=number][name*=order i]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}input[type=number][placeholder*=display i]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}input[type=number][placeholder*=display i]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}input[type=number][placeholder*=order i]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}input[type=number][placeholder*=order i]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;appearance:auto!important;opacity:1!important;margin:0!important;display:inline-block!important}.table-card,.table-container,.customer-table-card,.customers-table-card,.customers-table-container,.orders-table-card,.users-table-container,.users-table-scroll-container,.amc-table-container,.amc-feature-table-container,.task-table-container,.service-area-table-container,.banner-table-scroll,.complaints-table-container,.visitor-table-container,.v-table-responsive-wrapper,.v-subtable-wrapper,.product-table-container,.products-list-container,.pc-list,.brand-content,.brand-list-container,.manufacturer-content,.manufacturer-list-container,.model-content,.model-list-container,.order-products-card,.amc-schedules-card{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;overflow-x:auto!important}.table-card table,.customer-table-card table,.customers-table-container table,.customers-table-card table,.orders-table-wrapper table,.users-table-modern,.amc-table,.amc-feature-table,.amc-feature-table-container table,.tasks-table,.service-area-table,.banner-table-scroll table,.complaints-table,.v-data-table,.v-subtable,.order-products-card table,.amc-schedules-card table,.schedule-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;min-width:1150px!important}.users-table-scroll-container,.banner-table-scroll,.amc-feature-table-container,.schedule-table-container,.orders-table-container,.complaints-table-container,.tasks-table-container,.customers-table-container,.customers-table-scroll,.visitors-table-container,.visitors-table-scroll,.zone-table-container,.zone-table-wrapper,.warranty-claims-table-wrapper,.warranty-table-wrapper,.products-table-scroll,.products-table-wrapper,.products-table-container,.products-list-container,.pc-list,.brand-list-container,.model-list-container,.manufacturer-list-container,.categories-table-container,.category-table-wrapper,.brand-table-wrapper,.brands-table-container,.model-table-wrapper,.models-table-container,.manufacturer-table-wrapper,.manufacturers-table-container,.table-scroll-container{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;scrollbar-width:thin!important;scrollbar-color:#94a3b8 #f1f5f9!important;width:100%!important;max-width:100%!important;max-height:480px!important;position:relative!important;overflow:auto!important}.users-table-scroll-container::-webkit-scrollbar{width:8px!important;height:8px!important}.banner-table-scroll::-webkit-scrollbar{width:8px!important;height:8px!important}.amc-feature-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.amc-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.schedule-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.orders-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.orders-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.complaints-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.complaints-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.tasks-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.tasks-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.customers-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.customers-table-scroll::-webkit-scrollbar{width:8px!important;height:8px!important}.visitors-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.visitors-table-scroll::-webkit-scrollbar{width:8px!important;height:8px!important}.zone-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.zone-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.warranty-claims-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.warranty-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.products-table-scroll::-webkit-scrollbar{width:8px!important;height:8px!important}.products-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.products-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.products-list-container::-webkit-scrollbar{width:8px!important;height:8px!important}.pc-list::-webkit-scrollbar{width:8px!important;height:8px!important}.brand-list-container::-webkit-scrollbar{width:8px!important;height:8px!important}.model-list-container::-webkit-scrollbar{width:8px!important;height:8px!important}.manufacturer-list-container::-webkit-scrollbar{width:8px!important;height:8px!important}.categories-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.category-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.brand-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.brands-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.model-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.models-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.manufacturer-table-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.manufacturers-table-container::-webkit-scrollbar{width:8px!important;height:8px!important}.table-scroll-container::-webkit-scrollbar{width:8px!important;height:8px!important}.users-table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.banner-table-scroll::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.amc-feature-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.amc-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.schedule-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.orders-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.orders-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.complaints-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.complaints-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.tasks-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.tasks-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.customers-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.customers-table-scroll::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.visitors-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.visitors-table-scroll::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.zone-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.zone-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.warranty-claims-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.warranty-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.products-table-scroll::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.products-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.products-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.products-list-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.pc-list::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.brand-list-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.model-list-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.manufacturer-list-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.categories-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.category-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.brand-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.brands-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.model-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.models-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.manufacturer-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.manufacturers-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.users-table-scroll-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.banner-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.amc-feature-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.amc-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.schedule-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.orders-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.orders-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.complaints-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.complaints-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.tasks-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.tasks-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.customers-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.customers-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.visitors-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.visitors-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.zone-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.zone-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.warranty-claims-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.warranty-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.products-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.products-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.products-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.products-list-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.pc-list::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.brand-list-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.model-list-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.manufacturer-list-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.categories-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.category-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.brand-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.brands-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.model-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.models-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.manufacturer-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.manufacturers-table-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.table-scroll-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.users-table-scroll-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.banner-table-scroll::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.amc-feature-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.amc-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.schedule-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.orders-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.orders-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.complaints-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.complaints-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.tasks-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.tasks-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.customers-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.customers-table-scroll::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.visitors-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.visitors-table-scroll::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.zone-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.zone-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.warranty-claims-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.warranty-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.products-table-scroll::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.products-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.products-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.products-list-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.pc-list::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.brand-list-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.model-list-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.manufacturer-list-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.categories-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.category-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.brand-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.brands-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.model-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.models-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.manufacturer-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.manufacturers-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.users-table-scroll-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.banner-table-scroll::-webkit-scrollbar-corner{background:#f1f5f9!important}.amc-feature-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.amc-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.schedule-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.orders-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.orders-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.complaints-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.complaints-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.tasks-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.tasks-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.customers-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.customers-table-scroll::-webkit-scrollbar-corner{background:#f1f5f9!important}.visitors-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.visitors-table-scroll::-webkit-scrollbar-corner{background:#f1f5f9!important}.zone-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.zone-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.warranty-claims-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.warranty-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.products-table-scroll::-webkit-scrollbar-corner{background:#f1f5f9!important}.products-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.products-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.products-list-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.pc-list::-webkit-scrollbar-corner{background:#f1f5f9!important}.brand-list-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.model-list-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.manufacturer-list-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.categories-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.category-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.brand-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.brands-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.model-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.models-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.manufacturer-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9!important}.manufacturers-table-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.table-scroll-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.users-table-scroll-container thead,.banner-table-scroll thead,.amc-feature-table-container thead,.amc-table-wrapper thead,.schedule-table-container thead,.orders-table-container thead,.orders-table-wrapper thead,.complaints-table-container thead,.complaints-table-wrapper thead,.tasks-table-container thead,.tasks-table-wrapper thead,.customers-table-container thead,.customers-table-scroll thead,.visitors-table-container thead,.visitors-table-scroll thead,.zone-table-container thead,.zone-table-wrapper thead,.warranty-claims-table-wrapper thead,.warranty-table-wrapper thead,.products-table-scroll thead,.products-table-wrapper thead,.products-table-container thead,.categories-table-container thead,.category-table-wrapper thead,.brand-table-wrapper thead,.brands-table-container thead,.model-table-wrapper thead,.models-table-container thead,.manufacturer-table-wrapper thead,.manufacturers-table-container thead,.table-scroll-container thead{z-index:3!important;background:#f6f8fb!important;position:sticky!important;top:0!important}.users-table-scroll-container th,.banner-table-scroll th,.amc-feature-table-container th,.amc-table-wrapper th,.schedule-table-container th,.orders-table-container th,.orders-table-wrapper th,.complaints-table-container th,.complaints-table-wrapper th,.tasks-table-container th,.tasks-table-wrapper th,.customers-table-container th,.customers-table-scroll th,.visitors-table-container th,.visitors-table-scroll th,.zone-table-container th,.zone-table-wrapper th,.warranty-claims-table-wrapper th,.warranty-table-wrapper th,.products-table-scroll th,.products-table-wrapper th,.products-table-container th,.categories-table-container th,.category-table-wrapper th,.brand-table-wrapper th,.brands-table-container th,.model-table-wrapper th,.models-table-container th,.manufacturer-table-wrapper th,.manufacturers-table-container th,.table-scroll-container th,.products-table-header,.pc-table-header,.brand-table-header,.model-table-header,.manufacturer-table-header,.mfr-table-header{z-index:3!important;background:#f6f8fb!important;position:sticky!important;top:0!important;box-shadow:0 1px #dfe3e8!important}.products-table-header,.product-row,.pc-table-header,.pc-row,.brand-table-header,.brand-row,.manufacturer-table-header,.manufacturer-row,.model-table-header,.model-row{box-sizing:border-box!important;min-width:700px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.banner-table-scroll td,.orders-table td,.complaints-table td,.tasks-table td,.users-table-modern td,.customers-table td,.customers-table-container td,.amc-table td,.amc-table-wrapper td,.amc-feature-table-container td,.amc-feature-table-wrapper td,.schedule-table td,.schedule-table-container td,.service-area-table td,.v-data-table td,.customer-order-row td,table.table-card-table td,.table-card td,td{box-sizing:border-box!important;vertical-align:middle!important;color:#263b57!important;white-space:nowrap!important;text-overflow:ellipsis!important;border-bottom:1px solid #e6e9ee!important;height:68px!important;min-height:68px!important;padding:12px 14px!important;font-size:13px!important;overflow:hidden!important}td.amc-status-cell,td.amc-feature-status-cell,td.schedule-status-cell,.amc-feature-status-cell,th:last-child,td:last-child{overflow:visible!important}td:has(.status-dropdown){overflow:visible!important}td:has(.status-menu){overflow:visible!important}td:has(.banner-status-dropdown){overflow:visible!important}td:has(.task-status-dropdown){overflow:visible!important}td:has(.complaint-status-dropdown-wrapper){overflow:visible!important}td:has(.schedule-status-dropdown){overflow:visible!important}td:has(.amc-feature-status-dropdown){overflow:visible!important}td:has(.amc-status-wrapper){overflow:visible!important}td:has(.amc-status-dropdown){overflow:visible!important}td:has(.assign-area-dropdown-container){overflow:visible!important}td:has(.status-dropdown-wrapper){overflow:visible!important}td:has(.banner-status-toggle-wrapper){overflow:visible!important}td:has(.status-toggle-wrapper){overflow:visible!important}td:has(.amc-actions){overflow:visible!important}td:has(.schedule-actions){overflow:visible!important}td:has(.amc-feature-action-buttons){overflow:visible!important}td:has(.banner-action-buttons){overflow:visible!important}td:has(.action-buttons){overflow:visible!important}tr:has(.assign-area-menu){overflow:visible!important}.assign-area-dropdown-container{position:relative!important;overflow:visible!important}.assign-area-menu{z-index:99999!important;position:absolute!important}.banner-table-container th,.orders-table th,.complaints-table th,.tasks-table th,.users-table-modern th,.customers-table th,.customers-table-container th,.amc-table th,.amc-table-wrapper th,.amc-feature-table-container th,.amc-feature-table-wrapper th,.schedule-table th,.schedule-table-container th,.service-area-table th,.v-data-table th,table.table-card-table th,.table-card th,th,.products-table-header,.pc-table-header,.brand-table-header,.manufacturer-table-header,.model-table-header{letter-spacing:.5px!important;color:#60708a!important;text-transform:uppercase!important;box-sizing:border-box!important;white-space:nowrap!important;text-overflow:ellipsis!important;vertical-align:middle!important;text-align:left!important;background:#f6f8fb!important;border-bottom:1px solid #dfe3e8!important;height:44px!important;min-height:44px!important;padding:0 14px!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;overflow:hidden!important}th:first-child,td:first-child,.banner-table-container th:first-child,.banner-table-container td:first-child,.tasks-table th:first-child,.tasks-table td:first-child,.complaints-table th:first-child,.complaints-table td:first-child,.orders-table th:first-child,.orders-table td:first-child,.users-table-modern th:first-child,.users-table-modern td:first-child,.customers-table th:first-child,.customers-table td:first-child,.customers-table-container th:first-child,.customers-table-container td:first-child,.amc-table th:first-child,.amc-table td:first-child,.amc-table-wrapper th:first-child,.amc-table-wrapper td:first-child,.amc-feature-table-container th:first-child,.amc-feature-table-container td:first-child,.schedule-table th:first-child,.schedule-table td:first-child,.schedule-table-container th:first-child,.schedule-table-container td:first-child,.service-area-table th:first-child,.service-area-table td:first-child{padding-left:20px!important}th:last-child,td:last-child:not([colspan]):not(:only-child),.banner-table-container th:last-child,.banner-table-container td:last-child:not([colspan]):not(:only-child),.tasks-table th:last-child,.tasks-table td:last-child:not([colspan]):not(:only-child),.complaints-table th:last-child,.complaints-table td:last-child:not([colspan]):not(:only-child),.orders-table th:last-child,.orders-table td:last-child:not([colspan]):not(:only-child),.users-table-modern th:last-child,.users-table-modern td:last-child:not([colspan]):not(:only-child),.customers-table th:last-child,.customers-table td:last-child:not([colspan]):not(:only-child),.customers-table-container th:last-child,.customers-table-container td:last-child:not([colspan]):not(:only-child),.amc-table th:last-child,.amc-table td:last-child:not([colspan]):not(:only-child),.amc-table-wrapper th:last-child,.amc-table-wrapper td:last-child:not([colspan]):not(:only-child),.amc-feature-table-container th:last-child,.amc-feature-table-container td:last-child:not([colspan]):not(:only-child),.schedule-table th:last-child,.schedule-table td:last-child:not([colspan]):not(:only-child),.schedule-table-container th:last-child,.schedule-table-container td:last-child:not([colspan]):not(:only-child),.service-area-table th:last-child,.service-area-table td:last-child:not([colspan]):not(:only-child){text-align:right!important;padding-right:20px!important}td[colspan],td:only-child,th[colspan],table tbody td[colspan],table tbody td:only-child,.banner-table-container td[colspan],.banner-table-container td:only-child,.tasks-table td[colspan],.tasks-table td:only-child,.complaints-table td[colspan],.complaints-table td:only-child,.orders-table td[colspan],.orders-table td:only-child,.users-table-modern td[colspan],.users-table-modern td:only-child,.customers-table td[colspan],.customers-table td:only-child,.customers-table-container td[colspan],.customers-table-container td:only-child,.amc-table td[colspan],.amc-table td:only-child,.schedule-table td[colspan],.schedule-table td:only-child,.service-area-table td[colspan],.service-area-table td:only-child,.v-data-table td[colspan],.v-data-table td:only-child,.v-subtable td[colspan],.v-subtable td:only-child,.od-items-table td[colspan],.od-items-table td:only-child,.service-history-table td[colspan],.service-history-table td:only-child,.table-card tbody td[colspan],.table-card tbody td:only-child,.empty-table-cell,.no-banners,.no-complaints,.no-users-empty-cell,.zone-table-msg-cell,.orders-table-status-cell,.no-amc-features,.schedule-empty,.no-customers,.no-service-area,.table-empty,.table-loading,.table-error,td.error-text{text-align:center!important;vertical-align:middle!important;white-space:normal!important;padding:36px 20px!important;overflow:visible!important}td[colspan]>*,td:only-child>*,.empty-table-cell>*,.no-banners>*,.no-complaints>*,.no-users-empty-cell>*,.zone-table-msg-cell>*,.orders-table-status-cell>*,.no-amc-features>*,.schedule-empty>*,.no-customers>*,.no-service-area>*,.table-empty>*,.table-loading>*,.table-error>*,.orders-empty-state,.table-loading-spinner,.zone-table-status-box,.empty-state-wrapper,.v-table-loading-container,.v-table-empty-container,.loading-state,.empty-state,.table-loader,.amc-loading,.amc-error,.no-amc,.v-modal-loading,.v-modal-empty,.v-empty-card-block{text-align:center!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important}td[colspan] div,td:only-child div,.empty-table-cell div,.no-banners div,.no-complaints div,.orders-table-status-cell div,.no-users-empty-cell div,.zone-table-msg-cell div,.schedule-empty div,.loading-state,.empty-state,.v-table-loading-container,.v-table-empty-container,.zone-table-status-box,.empty-state-wrapper{flex-direction:column;display:flex;text-align:center!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important}td[colspan] p,td:only-child p,td[colspan] h3,td:only-child h3,td[colspan] h4,td:only-child h4,td[colspan] span,td:only-child span,td[colspan] strong,td:only-child strong,.empty-table-cell p,.empty-table-cell span,.empty-table-cell strong{text-align:center!important;margin-left:auto!important;margin-right:auto!important}td[colspan] button,td:only-child button,.empty-table-cell button{justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important;display:inline-flex!important}.products-table-header>*,.pc-table-header>*,.brand-table-header>*,.manufacturer-table-header>*,.model-table-header>*{letter-spacing:.5px!important;color:#60708a!important;text-transform:uppercase!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:11px!important;font-weight:700!important;overflow:hidden!important}.banner-name,.banner-description,.task-title,.task-description,.task-remarks,.complaint-title,.complaint-description,.customername,.customer-sub,.manager-name,.tech-name,.complaint-id,.complaint-id-badge,.task-id-badge,.banner-id,.banner-id-column,.banner-display-order,.date-primary,.date-secondary,.order-customer-name,.order-product-name,.service-area-name,.complaint-amount,.amc-feature-info,.amc-feature-name,.amc-feature-description,.amc-feature-display-order,.schedule-type,.schedule-id,.duration-cell,.visit-cell,.date-text,.pc-col-category,.pc-category-cell,.pc-category-cell h3,.pc-category-cell p,.pc-col-type,.pc-col-code,.pc-col-description,.brand-cell,.brand-name,.brand-code,.manufacturer-cell,.model-cell{white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;overflow:hidden!important}.banner-info,.banner-name,.banner-description,.task-title,.task-description,.complaint-title,.complaint-description,.order-product-name,.amc-feature-info,.amc-feature-name,.amc-feature-description,.schedule-type{max-width:250px!important}.customername,.customer-sub,.manager-name,.tech-name,.order-customer-name{max-width:200px!important}@media (width<=1399px) and (width>=1024px){.banner-info,.banner-name,.banner-description,.task-title,.task-description,.complaint-title,.complaint-description,.order-product-name,.amc-feature-info,.amc-feature-name,.amc-feature-description,.schedule-type{max-width:250px!important}.customername,.customer-sub,.manager-name,.tech-name,.order-customer-name{max-width:160px!important}}@media (width<=1023px){.banner-info,.banner-name,.banner-description,.task-title,.task-description,.complaint-title,.complaint-description,.order-product-name,.amc-feature-info,.amc-feature-name,.amc-feature-description,.schedule-type{max-width:180px!important}.customername,.customer-sub,.manager-name,.tech-name,.order-customer-name{max-width:140px!important}}.banner-info,.banner-name-cell,.task-details-cell,.complaint-details-cell,.task-customer-cell,.task-technician-cell,.complaint-tech-cell,.complaint-manager-cell,.tech-assigned,.amc-feature-info,.duration-cell,.visit-cell,.pc-category-cell,.pc-category-cell>div,.brand-cell,.manufacturer-cell,.model-cell{min-width:0!important}tbody tr:hover{background-color:#fafbfc!important}.banner-action-buttons,.action-buttons,.order-actions,.amc-actions,.amc-feature-action-buttons,.service-actions,.schedule-actions,.table-actions{justify-content:flex-start!important;align-items:center!important;gap:8px!important;display:flex!important}.banner-action-btn,.action-buttons button,.action-buttons .icon-btn,.delete-order-btn,.amc-action-icon,.amc-feature-action-btn,.service-action-btn,.table-action,.schedule-actions .table-action{color:#4b5563!important;cursor:pointer!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;line-height:1!important;transition:background .2s,color .2s,border-color .2s!important;display:inline-flex!important}.banner-action-btn svg,.action-buttons button svg,.action-buttons .icon-btn svg,.delete-order-btn svg,.amc-action-icon svg,.amc-feature-action-btn svg,.service-action-btn svg,.table-action svg,.schedule-actions .table-action svg{width:17px!important;height:17px!important;font-size:17px!important}.banner-action-btn:hover,.action-buttons button:hover:not(.delete-btn):not(.service-delete-btn):not(.amc-feature-delete-btn):not(.delete-order-btn),.action-buttons .icon-btn:hover:not(.delete-btn),.amc-action-icon.edit:hover,.amc-action-icon:hover:not(.delete),.amc-feature-action-btn:hover:not(.amc-feature-delete-btn),.service-action-btn:hover:not(.service-delete-btn),.table-action.edit:hover,.table-action:hover:not(.delete),.schedule-actions .table-action:hover:not(.delete){color:#111!important;background-color:#f3f4f6!important;border-color:#d1d5db!important}.banner-action-btn.banner-delete-btn:hover,.banner-delete-btn:hover,.action-buttons button.delete-btn:hover,.action-buttons .icon-btn.delete-btn:hover,.delete-order-btn:hover,.amc-action-icon.delete:hover,.amc-feature-action-btn.amc-feature-delete-btn:hover,.amc-feature-delete-btn:hover,.service-action-btn.service-delete-btn:hover,.service-delete-btn:hover,.table-action.delete:hover,.schedule-actions .table-action.delete:hover{color:#dc2626!important;background-color:#fef2f2!important;border-color:#fecaca!important}.main-footer{color:#64748b;box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;gap:1.5rem;width:100%;margin:0 auto;padding:16px 24px;font-size:13px;display:flex}@media (width<=600px){.main-footer{text-align:center;flex-direction:column;gap:8px;padding:12px 16px}}.main-footer .footer-links{justify-content:center;align-items:center;gap:16px;display:flex}.main-footer .footer-links a{color:#64748b;font-size:13px;text-decoration:none;transition:color .15s}.orders-table-footer,.app-pagination-footer,.table-footer,.amc-table-footer,.banner-pagination,.users-table-footer,.pagination-area,.customer-pagination-footer{box-sizing:border-box!important;background:#fff!important;border-top:1px solid #e1e5e9!important;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;min-width:0!important;padding:14px 16px!important;display:flex!important}.orders-table-footer>span,.app-pagination-footer>span,.table-footer>span,.amc-table-footer>span,.banner-pagination>span,.users-table-footer>span,.pagination-area>span,.customer-pagination-footer>span{white-space:nowrap!important;color:#52606d!important;text-transform:uppercase!important;letter-spacing:.5px!important;flex-shrink:0!important;font-size:11px!important;font-weight:500!important;display:block!important}.orders-pagination,.app-pagination-controls,.users-pagination-controls,.pagination-buttons,.pagination,.customer-pagination{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;display:flex!important}.orders-pagination button,.app-pagination-controls button,.users-pagination-controls button,.pagination-buttons button,.pagination button,.pagination-nav-btn,.pagination-num-btn,.customer-pagination button{color:#475569!important;cursor:pointer!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;min-width:32px!important;height:32px!important;padding:0 8px!important;font-family:inherit!important;font-size:12px!important;font-weight:500!important;transition:all .15s ease-in-out!important;display:inline-flex!important}.orders-pagination button svg,.app-pagination-controls button svg,.users-pagination-controls button svg,.pagination-buttons button svg,.pagination button svg,.customer-pagination button svg{width:18px!important;height:18px!important;font-size:18px!important}.orders-pagination button:hover:not(:disabled):not(.page-active):not(.active):not(.active-page),.app-pagination-controls button:hover:not(:disabled):not(.page-active):not(.active):not(.active-page),.users-pagination-controls button:hover:not(:disabled):not(.page-active):not(.active):not(.active-page),.pagination-buttons button:hover:not(:disabled):not(.page-active):not(.active):not(.active-page),.pagination button:hover:not(:disabled):not(.page-active):not(.active):not(.active-page),.customer-pagination button:hover:not(:disabled):not(.page-active):not(.active):not(.active-page){color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.orders-pagination button:disabled,.app-pagination-controls button:disabled,.users-pagination-controls button:disabled,.pagination-buttons button:disabled,.pagination button:disabled,.customer-pagination button:disabled{color:#9aa3ad!important;cursor:not-allowed!important;opacity:.7!important;background:#f5f6f8!important;border-color:#dfe3e8!important}.orders-pagination .page-active,.orders-pagination .active,.orders-pagination .active-page,.app-pagination-controls .page-active,.app-pagination-controls .active,.app-pagination-controls .active-page,.pagination button.active,.pagination button.page-active,.pagination button.active-page,.pagination-num-btn.active,.pagination-buttons button.active,.customer-pagination button.active,.orders-pagination .page-active:hover,.orders-pagination .active:hover,.orders-pagination .active-page:hover,.app-pagination-controls .page-active:hover,.app-pagination-controls .active:hover,.app-pagination-controls .active-page:hover,.pagination button.active:hover,.pagination button.page-active:hover,.pagination button.active-page:hover,.pagination-num-btn.active:hover,.pagination-buttons button.active:hover,.customer-pagination button.active:hover{color:#fff!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}.orders-pagination span,.app-pagination-controls span,.users-pagination-controls span,.pagination-ellipsis,.pagination span,.customer-pagination span{color:#64748b!important;justify-content:center!important;align-items:center!important;padding:0 4px!important;font-size:12px!important;display:inline-flex!important}.breadcrumb,.app-breadcrumb,.user-details-breadcrumb,.add-user-breadcrumb,.task-breadcrumb,.pc-breadcrumb,.brand-breadcrumb,.model-breadcrumb,.manufacturer-breadcrumb,.products-breadcrumb,.order-details-breadcrumb,.customer-breadcrumb,.service-area-breadcrumb{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;margin-bottom:12px!important;font-family:inherit!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;display:flex!important}.breadcrumb a,.breadcrumb span:not(.breadcrumb-active):not(.active):not(.breadcrumb-current):not(strong):not(.breadcrumb-separator):not(.separator):not(.breadcrumb-icon),.breadcrumb-link,.add-user-breadcrumb-link,.user-details-breadcrumb .breadcrumb-link,.user-details-breadcrumb a,.pc-breadcrumb span:not(strong):not(:nth-child(2)),.brand-breadcrumb span:not(strong):not(:nth-child(2)),.model-breadcrumb span:not(strong):not(:nth-child(2)),.manufacturer-breadcrumb span:not(strong):not(:nth-child(2)),.products-breadcrumb span:not(strong):not(:nth-child(2)),.task-breadcrumb span:first-child,.order-details-breadcrumb .breadcrumb-link{color:#64748b!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;transition:color .15s ease-in-out!important}.breadcrumb a:hover,.breadcrumb-link:hover,.add-user-breadcrumb-link:hover,.user-details-breadcrumb .breadcrumb-link:hover,.pc-breadcrumb span:not(strong):not(:nth-child(2)):hover,.brand-breadcrumb span:not(strong):not(:nth-child(2)):hover,.model-breadcrumb span:not(strong):not(:nth-child(2)):hover,.manufacturer-breadcrumb span:not(strong):not(:nth-child(2)):hover,.products-breadcrumb span:not(strong):not(:nth-child(2)):hover,.task-breadcrumb span:first-child:hover,.order-details-breadcrumb .breadcrumb-link:hover{color:#0f172a!important}.breadcrumb .breadcrumb-active,.breadcrumb-active,.breadcrumb-current,.breadcrumb .active,.breadcrumb span.active,.user-details-breadcrumb span:last-child,.add-user-breadcrumb span:last-child,.order-details-breadcrumb span:last-child,.pc-breadcrumb strong,.brand-breadcrumb strong,.model-breadcrumb strong,.manufacturer-breadcrumb strong,.products-breadcrumb strong{color:#0f172a!important;cursor:default!important;font-size:13px!important;font-weight:600!important}.breadcrumb-separator,.separator,.breadcrumb-icon,.user-details-breadcrumb svg,.add-user-breadcrumb svg,.order-details-breadcrumb svg,.pc-breadcrumb span:nth-child(2),.brand-breadcrumb span:nth-child(2),.model-breadcrumb span:nth-child(2),.manufacturer-breadcrumb span:nth-child(2),.products-breadcrumb span:nth-child(2){color:#94a3b8!important;-webkit-user-select:none!important;user-select:none!important;align-items:center!important;margin:0 4px!important;font-size:14px!important;display:inline-flex!important}.banner-page-header,.standard-page-header,.users-header,.tasks-header,.complaints-header,.orders-header,.customers-title-row{box-sizing:border-box!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;margin-bottom:28px!important;display:flex!important}.banner-heading,.standard-page-heading,.users-header-info,.tasks-header>div:first-child,.complaints-header>div:first-child,.orders-header>div:first-child,.customers-title-row>div:first-child{flex-direction:column!important;margin:0!important;padding:0!important;display:flex!important}.banner-heading h1,.standard-page-heading h1,.users-header-info h1,.users-title,.tasks-header h1,.complaints-header h1,.orders-header h1,.customers-title-row h1{color:#10233f!important;letter-spacing:normal!important;margin:0!important;font-size:30px!important;font-weight:700!important;line-height:1.2!important}.banner-heading p,.standard-page-heading p,.users-header-info p,.users-subtitle,.tasks-header p,.complaints-header p,.orders-header p,.customers-title-row p{color:#60708a!important;margin:8px 0 0!important;font-size:14px!important;line-height:1.5!important}@media (width<=900px){.banner-page-header,.standard-page-header,.users-header,.tasks-header,.complaints-header,.orders-header,.customers-title-row{flex-direction:column!important;align-items:stretch!important;gap:16px!important;margin-bottom:20px!important}.banner-page-header .add-banner-button,.banner-page-header .new-btn,.banner-page-header .user-action-btn,.banner-page-header .add-customer-button,.users-header .add-banner-button,.tasks-header .add-banner-button,.complaints-header .add-banner-button,.customers-title-row .add-customer-button{justify-content:center!important;width:100%!important;margin:0!important}}.add-banner-button,.add-customer-button,.btn-add-visitor-solid,.user-action-btn.primary-action-btn,.new-btn,.new-amc-btn,.add-schedule-button,.add-amc-feature-button,.add-product-btn,.pc-add-btn,.brand-add-btn,.model-add-btn,.manufacturer-add-btn,.new-service-area-btn,.add-odr-btn,.add-schedule-btn,.add-product-button{margin:45px 20px 0 0;color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;white-space:nowrap!important;background:#050505!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:8px!important;height:44px!important;padding:0 20px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;transition:background-color .15s ease-in-out!important;display:inline-flex!important}.add-banner-button:hover,.add-customer-button:hover,.btn-add-visitor-solid:hover,.user-action-btn.primary-action-btn:hover,.new-btn:hover,.new-amc-btn:hover,.add-schedule-button:hover,.add-amc-feature-button:hover,.add-product-btn:hover,.pc-add-btn:hover,.brand-add-btn:hover,.model-add-btn:hover,.manufacturer-add-btn:hover,.new-service-area-btn:hover,.add-amc-btn:hover,.add-odr-btn:hover,.add-schedule-btn:hover,.add-product-button:hover{color:#fff!important;background:#181818!important}.add-banner-button svg,.add-customer-button svg,.btn-add-visitor-solid svg,.user-action-btn.primary-action-btn svg,.new-btn svg,.new-amc-btn svg,.add-schedule-button svg,.add-amc-feature-button svg,.add-product-btn svg,.pc-add-btn svg,.brand-add-btn svg,.model-add-btn svg,.manufacturer-add-btn svg,.new-service-area-btn svg,.add-amc-btn svg,.add-odr-btn svg,.add-schedule-btn svg,.add-product-button svg{font-size:18px!important}@media (width<=600px){.orders-table-footer,.app-pagination-footer,.table-footer,.amc-table-footer,.banner-pagination,.users-table-footer,.pagination-area,.customer-pagination-footer{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:12px 14px!important}.orders-pagination,.app-pagination-controls,.users-pagination-controls,.pagination-buttons,.pagination,.customer-pagination{justify-content:flex-start!important;width:100%!important;padding-bottom:2px!important;overflow-x:auto!important}}.users-stats-grid,.order-stats-grid,.tasks-page .stats-grid,.complaints-page .stats-grid,.customers-page .stats-grid,.tasks-page .banner-stat-grid,.complaints-page .banner-stat-grid,.orders-page .banner-stat-grid,.customers-page .banner-stat-grid,.customer-stat-grid,.stat-cards-row{box-sizing:border-box!important;flex-flow:row!important;align-items:stretch!important;gap:14px!important;width:100%!important;margin-bottom:28px!important;display:flex!important}.users-stats-grid>*,.order-stats-grid>*,.tasks-page .stats-grid>*,.complaints-page .stats-grid>*,.customers-page .stats-grid>*,.tasks-page .banner-stat-grid>*,.complaints-page .banner-stat-grid>*,.orders-page .banner-stat-grid>*,.customers-page .banner-stat-grid>*,.customer-stat-grid>*,.stat-cards-row>*{box-sizing:border-box!important;flex:1 1 0!important;min-width:0!important}.stat-card-clean,.banner-stat-card,.stat-card{box-sizing:border-box!important;flex-direction:row!important;align-items:center!important;gap:11px!important;min-height:76px!important;padding:13px 14px!important;display:flex!important;overflow:hidden!important}.stat-card-icon-wrapper,.banner-stat-icon,.stat-icon{border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;margin:0!important;display:flex!important}.stat-card-icon-wrapper svg,.banner-stat-icon svg,.stat-icon svg{width:18px!important;height:18px!important;font-size:18px!important}.stat-card-content,.banner-stat-content{flex-direction:column!important;flex:auto!important;justify-content:center!important;gap:2px!important;min-width:0!important;display:flex!important;overflow:hidden!important}.stat-card-label,.stat-card-content span,.banner-stat-content span{color:#60708a!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:12.5px!important;font-weight:500!important;line-height:1.25!important;display:block!important;overflow:hidden!important}.stat-card-number,.stat-card-content strong,.banner-stat-content strong{color:#10233f!important;letter-spacing:-.3px!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:clamp(20px,1.8vw,25px)!important;font-weight:700!important;line-height:1.15!important;display:block!important;overflow:hidden!important}.stat-value-large,.stat-card-value-large,.stat-card-number.stat-value-large,.banner-stat-content strong.stat-value-large,.orders-page .banner-stat-grid>:last-child strong{letter-spacing:-.4px!important;font-size:clamp(15.5px,1.35vw,19px)!important}@media (width<=900px){.users-stats-grid,.order-stats-grid,.tasks-page .stats-grid,.complaints-page .stats-grid,.customers-page .stats-grid,.tasks-page .banner-stat-grid,.complaints-page .banner-stat-grid,.orders-page .banner-stat-grid,.customers-page .banner-stat-grid,.customer-stat-grid,.stat-cards-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-bottom:24px!important;display:grid!important}.users-stats-grid>*,.order-stats-grid>*,.tasks-page .stats-grid>*,.complaints-page .stats-grid>*,.customers-page .stats-grid>*,.tasks-page .banner-stat-grid>*,.complaints-page .banner-stat-grid>*,.orders-page .banner-stat-grid>*,.customers-page .banner-stat-grid>*,.customer-stat-grid>*,.stat-cards-row>*{flex:initial!important;width:100%!important;min-width:0!important}.stat-card-clean,.banner-stat-card,.stat-card{padding:14px 16px!important}}@media (width<=550px){.users-stats-grid,.order-stats-grid,.tasks-page .stats-grid,.complaints-page .stats-grid,.customers-page .stats-grid,.tasks-page .banner-stat-grid,.complaints-page .banner-stat-grid,.orders-page .banner-stat-grid,.customers-page .banner-stat-grid,.customer-stat-grid,.stat-cards-row{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:20px!important;display:grid!important}.stat-card-clean,.banner-stat-card,.stat-card{padding:12px 14px!important}}.export-csv-btn,.users-export-btn,.orders-export-btn{color:#334155;box-sizing:border-box;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8dee8;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:7px;min-width:0;height:42px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.export-csv-btn svg,.users-export-btn svg,.orders-export-btn svg{color:#64748b;transition:color .15s;font-size:18px!important}.export-csv-btn:hover,.users-export-btn:hover,.orders-export-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.export-csv-btn:hover svg,.users-export-btn:hover svg,.orders-export-btn:hover svg{color:#0f172a}.export-csv-btn:active,.users-export-btn:active,.orders-export-btn:active{background:#f1f5f9;border-color:#64748b;transform:translateY(1px)}.export-csv-btn:focus-visible,.users-export-btn:focus-visible,.orders-export-btn:focus-visible{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.export-csv-btn:disabled,.users-export-btn:disabled,.orders-export-btn:disabled{opacity:.6;cursor:not-allowed;color:#94a3b8;background:#fff;border-color:#e2e8f0;transform:none}.banner-status,.amc-status,.status-badge,.user-status-pill,.area-status,.brand-status,.brand-detail-status,.manufacturer-status,.manufacturer-detail-status,.model-status,.model-detail-status,.category-status,.category-detail-status,.pc-status,.pc-detail-status,.product-status,.customer-status,.view-status,.drawer-status-button{text-align:center!important;box-sizing:border-box!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:104px!important;height:32px!important;padding:0 12px!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:1!important;transition:background .2s,border-color .2s,color .2s!important;display:inline-flex!important}.banner-status.active,.amc-status.active,.status-badge.active,.user-status-pill.status-active,.user-status-pill:not(.status-inactive),.area-status.active,.brand-status.active,.brand-detail-status.active,.manufacturer-status.active,.manufacturer-detail-status.active,.model-status.active,.model-detail-status.active,.category-status.active,.category-detail-status.active,.pc-status.active,.pc-detail-status.active,.product-status.active,.customer-status.active,.view-status.active,.drawer-status-button.active,.status-active{color:#15803d!important;background-color:#f0fdf4!important;border:1px solid #bbf7d0!important}.banner-status.active:hover,.amc-status.active:hover,.status-badge.active:hover,.user-status-pill.status-active:hover,.area-status.active:hover,.brand-status.active:hover,.brand-detail-status.active:hover,.manufacturer-status.active:hover,.manufacturer-detail-status.active:hover,.model-status.active:hover,.model-detail-status.active:hover,.category-status.active:hover,.category-detail-status.active:hover,.pc-status.active:hover,.pc-detail-status.active:hover,.product-status.active:hover,.customer-status.active:hover,.view-status.active:hover,.drawer-status-button.active:hover{background-color:#dcfce7!important;border-color:#86efac!important}.banner-status.inactive,.amc-status.inactive,.status-badge.inactive,.user-status-pill.status-inactive,.area-status.inactive,.brand-status.inactive,.brand-detail-status.inactive,.manufacturer-status.inactive,.manufacturer-detail-status.inactive,.model-status.inactive,.model-detail-status.inactive,.category-status.inactive,.category-detail-status.inactive,.pc-status.inactive,.pc-detail-status.inactive,.product-status.inactive,.product-status.out,.customer-status.inactive,.customer-status.out,.view-status.inactive,.view-status.out,.drawer-status-button.inactive,.status-inactive{color:#dc2626!important;background-color:#fef2f2!important;border:1px solid #fecaca!important}.banner-status.inactive:hover,.amc-status.inactive:hover,.status-badge.inactive:hover,.user-status-pill.status-inactive:hover,.area-status.inactive:hover,.brand-status.inactive:hover,.brand-detail-status.inactive:hover,.manufacturer-status.inactive:hover,.manufacturer-detail-status.inactive:hover,.model-status.inactive:hover,.model-detail-status.inactive:hover,.category-status.inactive:hover,.category-detail-status.inactive:hover,.pc-status.inactive:hover,.pc-detail-status.inactive:hover,.product-status.inactive:hover,.product-status.out:hover,.customer-status.inactive:hover,.customer-status.out:hover,.view-status.inactive:hover,.view-status.out:hover,.drawer-status-button.inactive:hover{background-color:#fee2e2!important;border-color:#fca5a5!important}.banner-status-dot,.status-dot,.drawer-status-dot,.status-indicator-dot,.dropdown-status-dot{border-radius:50%!important;flex-shrink:0!important;width:6px!important;min-width:6px!important;height:6px!important;min-height:6px!important;margin:0!important;padding:0!important;display:inline-block!important}.banner-status.active .banner-status-dot,.amc-status.active .status-dot,.status-badge.active .status-dot,.status-active .status-indicator-dot,.user-status-pill.status-active .status-indicator-dot,.user-status-pill:not(.status-inactive) .status-indicator-dot,.area-status.active .status-dot,.brand-status.active .status-dot,.model-status.active .status-dot,.manufacturer-status.active .status-dot,.product-status.active .status-dot,.customer-status.active .status-dot,.drawer-status-button.active .drawer-status-dot,.active-dot,.status-dot.active,.dropdown-status-dot.active-dot{background-color:#22c55e!important}.banner-status.inactive .banner-status-dot,.amc-status.inactive .status-dot,.status-badge.inactive .status-dot,.status-inactive .status-indicator-dot,.user-status-pill.status-inactive .status-indicator-dot,.area-status.inactive .status-dot,.brand-status.inactive .status-dot,.model-status.inactive .status-dot,.manufacturer-status.inactive .status-dot,.product-status.inactive .status-dot,.product-status.out .status-dot,.customer-status.inactive .status-dot,.customer-status.out .status-dot,.drawer-status-button.inactive .drawer-status-dot,.inactive-dot,.status-dot.inactive,.dropdown-status-dot.inactive-dot{background-color:#ef4444!important}.banner-status-menu,.amc-status-dropdown,.status-dropdown,.schedule-status-menu,.drawer-status-menu{z-index:9999999!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:3px!important;box-shadow:0 4px 14px #0f172a1a!important}.banner-status-option,.status-option,.status-dropdown-option,.schedule-status-option,.drawer-status-option{color:#374151!important;cursor:pointer!important;text-align:left!important;box-sizing:border-box!important;background:0 0!important;border:none!important;border-radius:4px!important;align-items:center!important;gap:6px!important;width:100%!important;height:26px!important;min-height:26px!important;padding:3px 8px!important;font-family:inherit!important;font-size:12px!important;font-weight:500!important;transition:background .15s!important;display:flex!important}.banner-status-option:hover,.status-option:hover,.status-dropdown-option:hover,.schedule-status-option:hover,.drawer-status-option:hover{color:#111827!important;background-color:#f3f4f6!important}.status-arrow,.status-chevron,.drawer-status-chevron{color:currentColor!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;font-size:16px!important;transition:transform .2s!important;display:inline-flex!important}.status-arrow.open,.status-chevron.open,.open>.status-arrow,.open>.status-chevron{transform:rotate(180deg)!important}table thead th,table th,.tasks-table th,.tasks-table-container th,.orders-table th,.users-table-modern th,.service-history-table th,.service-area-table th,.customers-table-container th,.v-data-table th,.order-products-card th,.table-card thead th,.complaints-table-container th,.banner-table-container th,.schedule-table th,.amc-table th,.amc-feature-table-container th,.v-subtable th,.products-table-header,.pc-table-header,.brand-table-header,.manufacturer-table-header,.model-table-header{text-align:left!important;letter-spacing:.5px!important;color:#60708a!important;text-transform:uppercase!important;white-space:nowrap!important;box-sizing:border-box!important;vertical-align:middle!important;background:#f6f8fb!important;border-bottom:1px solid #dfe3e8!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 14px!important;font-size:11px!important;font-weight:700!important;line-height:44px!important}.tasks-filter-card,.filter-card,.orders-filter-card,.visitors-filter-card,.complaints-filter-card,.amc-filter-card,.amc-feature-filter-card,.banner-filter-card,.schedule-filter-card,.service-area-filter-card,.users-filter-card,.customers-filter-card,.table-filter-card,.visitors-toolbar-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-bottom:24px!important;padding:12px 14px!important;display:flex!important;position:relative!important;overflow:visible!important;box-shadow:0 1px 3px #0000000a!important}.tasks-filter-card .filter-item,.filter-card .filter-item,.orders-filter-card .filter-item,.visitors-filter-card .filter-item,.complaints-filter-card .filter-item,.amc-filter-card .filter-item,.amc-feature-filter-card .filter-item,.banner-filter-card .filter-item,.schedule-filter-card .filter-item,.service-area-filter-card .filter-item,.users-filter-card .filter-item,.customers-filter-card .filter-item,.table-filter-card .filter-item,.filter-item,.orders-filter-field,.table-filter-item,.schedule-filter-item,.users-filter-field{box-sizing:border-box!important;flex-direction:column!important;flex:1 1 0!important;min-width:0!important;display:flex!important}.v-filter-search,.banner-search-filter,.amc-search-item,.users-search-filter{flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.tasks-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.tasks-filter-card .filter-item:has(input[type=search]){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.filter-card .filter-item:has(input[type=search]){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.orders-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.visitors-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.complaints-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.amc-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.amc-feature-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.banner-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.schedule-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.service-area-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.users-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.customers-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.table-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.filter-item:has(input[type=text]):not(.date-picker-field):not(.export):not(.visitors-filter-actions){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.filter-item:has(input[type=search]){flex:1.3 180px!important;min-width:0!important;max-width:250px!important}.v-filter-status,.v-filter-product{flex:140px!important;min-width:0!important;max-width:175px!important}.tasks-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.orders-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.visitors-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.complaints-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.amc-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.amc-feature-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.banner-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.schedule-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.service-area-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.users-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.customers-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.table-filter-card .filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.filter-item:has(select){flex:140px!important;min-width:0!important;max-width:175px!important}.v-filter-date,.orders-date-picker-container{flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.tasks-filter-card .filter-item:has(.date-picker-container){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.tasks-filter-card .filter-item:has(.date-box){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.filter-card .filter-item:has(.date-picker-container){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.filter-card .filter-item:has(.date-box){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.orders-filter-card .filter-item:has(.date-picker-container){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.orders-filter-card .filter-item:has(.date-box){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.visitors-filter-card .filter-item:has(.date-picker-container){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.visitors-filter-card .filter-item:has(.date-box){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.complaints-filter-card .filter-item:has(.date-picker-container){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.complaints-filter-card .filter-item:has(.date-box){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.filter-item:has(.date-picker-container){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.filter-item:has(.date-box){flex:1.1 150px!important;min-width:0!important;max-width:175px!important}.tasks-filter-card .filter-item.export,.filter-card .filter-item.export,.orders-filter-card .filter-item.export,.visitors-filter-card .filter-item.visitors-filter-actions,.visitors-filter-actions,.complaints-filter-card .filter-item.export,.amc-filter-card .filter-item.export,.banner-filter-card .filter-item.export,.schedule-filter-card .filter-item.export,.service-area-filter-card .filter-item.export,.users-filter-card .filter-item.export,.customers-filter-card .filter-item.export,.filter-item.export,.filter-item.filter-actions,.filter-item.actions-row,.orders-filter-actions-field{flex-direction:row!important;flex:none!important;justify-content:flex-end!important;align-items:flex-end!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:none!important;margin-left:auto!important;display:flex!important}.tasks-filter-card label,.filter-card label,.orders-filter-card label,.visitors-filter-card label,.complaints-filter-card label,.amc-filter-card label,.amc-feature-filter-card label,.banner-filter-card label,.schedule-filter-card label,.service-area-filter-card label,.users-filter-card label,.customers-filter-card label,.table-filter-card label,.filter-item label,.orders-filter-field label,.filter-group label,.table-filter-item label,.schedule-filter-item label,.users-filter-field>label{text-transform:uppercase!important;letter-spacing:.3px!important;color:#60708a!important;white-space:nowrap!important;text-overflow:ellipsis!important;box-sizing:border-box!important;height:14px!important;min-height:14px!important;max-height:14px!important;margin:0 0 5px!important;font-family:inherit!important;font-size:10.5px!important;font-weight:700!important;line-height:14px!important;display:block!important;overflow:hidden!important}.tasks-filter-card input,.tasks-filter-card select,.tasks-filter-card .date-box,.filter-card input,.filter-card select,.filter-card .date-box,.orders-filter-card input,.orders-filter-card select,.orders-filter-card .date-box,.visitors-filter-card input,.visitors-filter-card select,.visitors-filter-card .date-box,.complaints-filter-card input,.complaints-filter-card select,.complaints-filter-card .date-box,.amc-filter-card input,.amc-filter-card select,.amc-filter-card .date-box,.amc-feature-filter-card input,.amc-feature-filter-card select,.amc-feature-filter-card .date-box,.banner-filter-card input,.banner-filter-card select,.banner-filter-card .date-box,.schedule-filter-card input,.schedule-filter-card select,.schedule-filter-card .date-box,.service-area-filter-card input,.service-area-filter-card select,.service-area-filter-card .date-box,.users-filter-card input,.users-filter-card select,.users-filter-card .date-box,.customers-filter-card input,.customers-filter-card select,.customers-filter-card .date-box,.table-filter-card input,.table-filter-card select,.table-filter-card .date-box,.filter-item select,.filter-item input,.orders-filter-select,.orders-search-box input,.orders-search-box,.orders-select-wrapper,.schedule-select,.table-filter-item select,.table-filter-item input,.date-box,.orders-date-box{color:#172033!important;box-sizing:border-box!important;text-overflow:ellipsis!important;white-space:nowrap!important;vertical-align:middle!important;background:#fff!important;border:1px solid #d8d8d8!important;border-radius:6px!important;outline:none!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0 10px!important;font-family:inherit!important;font-size:12.5px!important;font-weight:500!important;line-height:normal!important;transition:border-color .15s,box-shadow .15s!important;overflow:hidden!important}.tasks-filter-card select,.filter-card select,.orders-filter-card select,.visitors-filter-card select,.complaints-filter-card select,.amc-filter-card select,.amc-feature-filter-card select,.banner-filter-card select,.schedule-filter-card select,.service-area-filter-card select,.users-filter-card select,.customers-filter-card select,.table-filter-card select,.filter-item select,.orders-filter-select,.schedule-select,.table-filter-item select{appearance:none!important;cursor:pointer!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569' stroke-width='2.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;padding-right:30px!important}.tasks-filter-card input:focus,.tasks-filter-card select:focus,.tasks-filter-card .date-box:focus,.filter-item select:focus,.filter-item input:focus,.orders-filter-select:focus,.orders-search-box input:focus,.filter-city-input:focus,.schedule-select:focus,.table-filter-item select:focus,.table-filter-item input:focus,.date-box:focus,.orders-date-box:focus,.visitors-filter-card input:focus,.visitors-filter-card select:focus,.visitors-filter-card .date-box:focus{border-color:#0f172a!important;box-shadow:0 0 0 1px #0f172a!important}.export-btn,.export-csv-btn,.users-export-btn,.orders-export-btn,.orders-reset-btn,.clear-filter-btn,.users-sync-btn,.orders-refresh-btn,.refresh-btn,.table-filter-btn,.visitors-filter-actions>button,.filter-item.export>button{cursor:pointer!important;color:#334155!important;box-sizing:border-box!important;white-space:nowrap!important;background:#fff!important;border:1px solid #d8dee8!important;border-radius:6px!important;outline:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:0!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0 12px!important;font-family:inherit!important;font-size:12.5px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important;transition:all .15s!important;display:inline-flex!important}.export-csv-btn,.users-export-btn,.orders-export-btn,.export-btn:not(.clear-filter-btn):not(.orders-refresh-btn):not(.refresh-btn):not(.users-sync-btn){width:auto!important;min-width:0!important;max-width:none!important;padding:0 12px!important}.clear-filter-btn,.orders-reset-btn,.orders-refresh-btn,.users-sync-btn,.refresh-btn{width:auto!important;min-width:0!important;max-width:none!important;padding:0 10px!important}.export-btn svg,.export-csv-btn svg,.users-export-btn svg,.orders-export-btn svg,.orders-refresh-btn svg,.users-sync-btn svg,.refresh-btn svg,.table-filter-btn svg,.visitors-filter-actions>button svg,.filter-item.export>button svg{color:#64748b!important;flex-shrink:0!important;width:18px!important;height:18px!important;font-size:18px!important;transition:color .15s!important}.export-btn:hover,.export-csv-btn:hover,.users-export-btn:hover,.orders-export-btn:hover,.orders-reset-btn:hover,.users-sync-btn:hover,.orders-refresh-btn:hover,.refresh-btn:hover,.table-filter-btn:hover,.visitors-filter-actions>button:hover:not(.clear-filter-btn),.filter-item.export>button:hover:not(.clear-filter-btn){color:#0f172a!important;background:#f8fafc!important;border-color:#94a3b8!important}.export-btn:hover svg,.export-csv-btn:hover svg,.users-export-btn:hover svg,.orders-export-btn:hover svg,.orders-refresh-btn:hover svg,.users-sync-btn:hover svg,.refresh-btn:hover svg,.visitors-filter-actions>button:hover svg{color:#0f172a!important}.export-btn:active,.export-csv-btn:active,.users-export-btn:active,.orders-export-btn:active,.orders-refresh-btn:active,.users-sync-btn:active{background:#f1f5f9!important;border-color:#64748b!important;transform:translateY(1px)!important}.clear-filter-btn,.orders-reset-btn{color:#64748b!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.clear-filter-btn svg,.orders-reset-btn svg{color:#64748b!important;width:16px!important;height:16px!important;font-size:16px!important}.clear-filter-btn:hover,.orders-reset-btn:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.clear-filter-btn:hover svg,.orders-reset-btn:hover svg{color:#0f172a!important}.clear-filter-btn:active,.orders-reset-btn:active{background:#e2e8f0!important;transform:translateY(1px)!important}.date-picker-container,.orders-date-picker-container{width:100%!important;position:relative!important}.date-box,.orders-date-box{color:#172033!important;cursor:pointer!important;box-sizing:border-box!important;text-align:left!important;background:#fff!important;border:1px solid #d8d8d8!important;border-radius:6px!important;outline:none!important;align-items:center!important;gap:6px!important;width:100%!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:0 10px!important;font-family:inherit!important;font-size:12.5px!important;font-weight:500!important;line-height:36px!important;transition:border-color .15s,box-shadow .15s,background .15s!important;display:inline-flex!important}.date-box:hover,.orders-date-box:hover{background:#f8fafc!important;border-color:#cbd5e1!important}.date-box svg,.orders-date-box svg{color:#64748b!important;flex-shrink:0!important;width:16px!important;height:16px!important;font-size:16px!important}.date-box span,.orders-date-box span{white-space:nowrap!important;text-overflow:ellipsis!important;color:#172033!important;flex:1!important;min-width:0!important;font-size:12.5px!important;font-weight:500!important;line-height:1!important;overflow:hidden!important}.tasks-filter-card input::placeholder,.filter-card input::placeholder,.orders-filter-card input::placeholder,.visitors-filter-card input::placeholder,.complaints-filter-card input::placeholder,.amc-filter-card input::placeholder,.amc-feature-filter-card input::placeholder,.banner-filter-card input::placeholder,.schedule-filter-card input::placeholder,.service-area-filter-card input::placeholder,.users-filter-card input::placeholder,.customers-filter-card input::placeholder,.table-filter-card input::placeholder,.filter-item input::placeholder,.orders-search-box input::placeholder,.users-search-filter input::placeholder,.v-filter-search input::placeholder{color:#94a3b8!important;opacity:1!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-family:inherit!important;font-size:12.5px!important;font-weight:400!important;line-height:normal!important;overflow:hidden!important}.date-picker-container,.orders-date-picker-container{z-index:100!important;width:100%!important;position:relative!important}.date-picker-dropdown,.orders-date-picker-dropdown{z-index:99999!important;box-sizing:border-box!important;pointer-events:auto!important;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:8px!important;flex-direction:column!important;gap:12px!important;width:250px!important;padding:16px!important;display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;box-shadow:0 12px 32px #0003!important}.date-picker-field,.orders-date-picker-field{pointer-events:auto!important;flex-direction:column!important;gap:5px!important;display:flex!important}.date-picker-field label,.orders-date-picker-field label{color:#64748b!important;letter-spacing:.5px!important;text-transform:uppercase!important;margin:0!important;font-size:10.5px!important;font-weight:700!important}.date-picker-field input,.orders-date-picker-field input{box-sizing:border-box!important;color:#172033!important;cursor:pointer!important;pointer-events:auto!important;background:#fff!important;border:1px solid #d5dbe1!important;border-radius:4px!important;width:100%!important;height:38px!important;padding:0 10px!important;font-family:inherit!important;font-size:13px!important}.apply-date-btn,.orders-apply-date-btn{color:#fff!important;cursor:pointer!important;pointer-events:auto!important;background:#0f172a!important;border:none!important;border-radius:5px!important;width:100%!important;height:38px!important;font-size:13px!important;font-weight:600!important;transition:background .15s!important}.apply-date-btn:hover,.orders-apply-date-btn:hover{background:#1e293b!important}@media (width<=1280px){.tasks-filter-card,.filter-card,.orders-filter-card,.visitors-filter-card,.complaints-filter-card,.amc-filter-card,.amc-feature-filter-card,.banner-filter-card,.schedule-filter-card,.service-area-filter-card,.users-filter-card,.customers-filter-card,.table-filter-card{flex-wrap:nowrap!important;gap:6px!important;padding:10px 12px!important}.v-filter-search,.banner-search-filter,.amc-search-item,.users-search-filter{flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.tasks-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.tasks-filter-card .filter-item:has(input[type=search]){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.filter-card .filter-item:has(input[type=search]){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.orders-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.visitors-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.complaints-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.amc-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.amc-feature-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.banner-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.schedule-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.service-area-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.users-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.customers-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.table-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.filter-item:has(input[type=text]):not(.date-picker-field):not(.export):not(.visitors-filter-actions){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.filter-item:has(input[type=search]){flex:1.25 1 0!important;min-width:0!important;max-width:180px!important}.v-filter-status,.v-filter-product{flex:1 1 0!important;min-width:0!important;max-width:140px!important}.tasks-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.orders-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.visitors-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.complaints-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.amc-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.amc-feature-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.banner-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.schedule-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.service-area-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.users-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.customers-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.table-filter-card .filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.filter-item:has(select){flex:1 1 0!important;min-width:0!important;max-width:140px!important}.v-filter-date,.orders-date-picker-container{flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.tasks-filter-card .filter-item:has(.date-picker-container){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.tasks-filter-card .filter-item:has(.date-box){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.filter-card .filter-item:has(.date-picker-container){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.filter-card .filter-item:has(.date-box){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.orders-filter-card .filter-item:has(.date-picker-container){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.orders-filter-card .filter-item:has(.date-box){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.visitors-filter-card .filter-item:has(.date-picker-container){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.visitors-filter-card .filter-item:has(.date-box){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.complaints-filter-card .filter-item:has(.date-picker-container){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.complaints-filter-card .filter-item:has(.date-box){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.filter-item:has(.date-picker-container){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.filter-item:has(.date-box){flex:1.1 1 0!important;min-width:0!important;max-width:145px!important}.tasks-filter-card input,.tasks-filter-card select,.tasks-filter-card .date-box,.filter-card input,.filter-card select,.filter-card .date-box,.orders-filter-card input,.orders-filter-card select,.orders-filter-card .date-box,.visitors-filter-card input,.visitors-filter-card select,.visitors-filter-card .date-box,.complaints-filter-card input,.complaints-filter-card select,.complaints-filter-card .date-box,.amc-filter-card input,.amc-filter-card select,.amc-filter-card .date-box,.amc-feature-filter-card input,.amc-feature-filter-card select,.amc-feature-filter-card .date-box,.banner-filter-card input,.banner-filter-card select,.banner-filter-card .date-box,.schedule-filter-card input,.schedule-filter-card select,.schedule-filter-card .date-box,.service-area-filter-card input,.service-area-filter-card select,.service-area-filter-card .date-box,.users-filter-card input,.users-filter-card select,.users-filter-card .date-box,.customers-filter-card input,.customers-filter-card select,.customers-filter-card .date-box,.table-filter-card input,.table-filter-card select,.table-filter-card .date-box,.filter-item input,.filter-item select,.date-box,.orders-date-box{box-sizing:border-box!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:0 7px!important;font-size:11.5px!important;line-height:normal!important}.date-box span,.orders-date-box span{font-size:11.5px!important}.date-box svg,.orders-date-box svg{width:15px!important;height:15px!important;font-size:15px!important}.tasks-filter-card input::placeholder,.filter-card input::placeholder,.orders-filter-card input::placeholder,.visitors-filter-card input::placeholder,.complaints-filter-card input::placeholder,.amc-filter-card input::placeholder,.amc-feature-filter-card input::placeholder,.banner-filter-card input::placeholder,.schedule-filter-card input::placeholder,.service-area-filter-card input::placeholder,.users-filter-card input::placeholder,.customers-filter-card input::placeholder,.table-filter-card input::placeholder,.filter-item input::placeholder,.orders-search-box input::placeholder,.users-search-filter input::placeholder,.v-filter-search input::placeholder{font-size:11.5px!important}.clear-filter-btn .btn-label,.clear-filter-btn span,.orders-reset-btn .btn-label,.orders-reset-btn span,.export-btn .btn-label,.export-btn span,.export-csv-btn .btn-label,.export-csv-btn span,.users-export-btn .btn-label,.users-export-btn span,.orders-export-btn .btn-label,.orders-export-btn span,.orders-refresh-btn .btn-label,.orders-refresh-btn span,.users-sync-btn .btn-label,.users-sync-btn span,.table-filter-btn .btn-label,.table-filter-btn span,.filter-item.export>button .btn-label,.filter-item.export>button span,.visitors-filter-actions>button .btn-label,.visitors-filter-actions>button span{display:none!important}.clear-filter-btn,.orders-reset-btn,.export-btn,.export-csv-btn,.users-export-btn,.orders-export-btn,.orders-refresh-btn,.users-sync-btn,.table-filter-btn,.filter-item.export>button,.visitors-filter-actions>button{flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:0!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;font-size:0!important;display:inline-flex!important;overflow:hidden!important}.clear-filter-btn svg,.orders-reset-btn svg,.export-btn svg,.export-csv-btn svg,.users-export-btn svg,.orders-export-btn svg,.orders-refresh-btn svg,.users-sync-btn svg,.table-filter-btn svg,.filter-item.export>button svg,.visitors-filter-actions>button svg{flex-shrink:0!important;width:18px!important;height:18px!important;margin:0!important;font-size:18px!important;display:block!important}}@media (width<=992px){.tasks-filter-card,.filter-card,.orders-filter-card,.visitors-filter-card,.complaints-filter-card,.amc-filter-card,.amc-feature-filter-card,.banner-filter-card,.schedule-filter-card,.service-area-filter-card,.users-filter-card,.customers-filter-card,.table-filter-card{flex-wrap:nowrap!important;gap:4px!important;padding:8px 10px!important}.tasks-filter-card label,.filter-card label,.orders-filter-card label,.visitors-filter-card label,.complaints-filter-card label,.amc-filter-card label,.amc-feature-filter-card label,.banner-filter-card label,.schedule-filter-card label,.service-area-filter-card label,.users-filter-card label,.customers-filter-card label,.table-filter-card label,.filter-item label,.orders-filter-field label,.filter-group label,.table-filter-item label,.schedule-filter-item label,.users-filter-field>label{height:12px!important;min-height:12px!important;max-height:12px!important;margin:0 0 3px!important;font-size:9.5px!important;line-height:12px!important}.tasks-filter-card input,.tasks-filter-card select,.tasks-filter-card .date-box,.filter-card input,.filter-card select,.filter-card .date-box,.orders-filter-card input,.orders-filter-card select,.orders-filter-card .date-box,.visitors-filter-card input,.visitors-filter-card select,.visitors-filter-card .date-box,.complaints-filter-card input,.complaints-filter-card select,.complaints-filter-card .date-box,.amc-filter-card input,.amc-filter-card select,.amc-filter-card .date-box,.amc-feature-filter-card input,.amc-feature-filter-card select,.amc-feature-filter-card .date-box,.banner-filter-card input,.banner-filter-card select,.banner-filter-card .date-box,.schedule-filter-card input,.schedule-filter-card select,.schedule-filter-card .date-box,.service-area-filter-card input,.service-area-filter-card select,.service-area-filter-card .date-box,.users-filter-card input,.users-filter-card select,.users-filter-card .date-box,.customers-filter-card input,.customers-filter-card select,.customers-filter-card .date-box,.table-filter-card input,.table-filter-card select,.table-filter-card .date-box,.filter-item input,.filter-item select,.date-box,.orders-date-box{box-sizing:border-box!important;height:35px!important;min-height:35px!important;max-height:35px!important;padding:0 6px!important;font-size:10.5px!important;line-height:normal!important}.tasks-filter-card select,.filter-card select,.orders-filter-card select,.visitors-filter-card select,.complaints-filter-card select,.amc-filter-card select,.amc-feature-filter-card select,.banner-filter-card select,.schedule-filter-card select,.service-area-filter-card select,.users-filter-card select,.customers-filter-card select,.table-filter-card select,.filter-item select,.orders-filter-select,.schedule-select,.table-filter-item select{box-sizing:border-box!important;background-position:right 6px center!important;background-size:12px 12px!important;height:35px!important;min-height:35px!important;max-height:35px!important;padding-left:6px!important;padding-right:22px!important;line-height:normal!important}.date-box span,.orders-date-box span{font-size:10.5px!important;line-height:33px!important}.date-box svg,.orders-date-box svg{width:14px!important;height:14px!important;font-size:14px!important}.tasks-filter-card input::placeholder,.filter-card input::placeholder,.orders-filter-card input::placeholder,.visitors-filter-card input::placeholder,.complaints-filter-card input::placeholder,.amc-filter-card input::placeholder,.amc-feature-filter-card input::placeholder,.banner-filter-card input::placeholder,.schedule-filter-card input::placeholder,.service-area-filter-card input::placeholder,.users-filter-card input::placeholder,.customers-filter-card input::placeholder,.table-filter-card input::placeholder,.filter-item input::placeholder,.orders-search-box input::placeholder,.users-search-filter input::placeholder,.v-filter-search input::placeholder{font-size:10.5px!important}.clear-filter-btn .btn-label,.clear-filter-btn span,.orders-reset-btn .btn-label,.orders-reset-btn span,.export-btn .btn-label,.export-btn span,.export-csv-btn .btn-label,.export-csv-btn span,.users-export-btn .btn-label,.users-export-btn span,.orders-export-btn .btn-label,.orders-export-btn span,.orders-refresh-btn .btn-label,.orders-refresh-btn span,.users-sync-btn .btn-label,.users-sync-btn span,.table-filter-btn .btn-label,.table-filter-btn span,.filter-item.export>button .btn-label,.filter-item.export>button span,.visitors-filter-actions>button .btn-label,.visitors-filter-actions>button span{display:none!important}.clear-filter-btn,.orders-reset-btn,.export-btn,.export-csv-btn,.users-export-btn,.orders-export-btn,.orders-refresh-btn,.users-sync-btn,.table-filter-btn,.filter-item.export>button,.visitors-filter-actions>button{flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:0!important;width:35px!important;min-width:35px!important;max-width:35px!important;height:35px!important;min-height:35px!important;padding:0!important;font-size:0!important;display:inline-flex!important;overflow:hidden!important}.clear-filter-btn svg,.orders-reset-btn svg,.export-btn svg,.export-csv-btn svg,.users-export-btn svg,.orders-export-btn svg,.orders-refresh-btn svg,.users-sync-btn svg,.table-filter-btn svg,.filter-item.export>button svg,.visitors-filter-actions>button svg{flex-shrink:0!important;width:16px!important;height:16px!important;margin:0!important;font-size:16px!important;display:block!important}}@media (width<=600px){.tasks-filter-card,.filter-card,.orders-filter-card,.visitors-filter-card,.complaints-filter-card,.amc-filter-card,.banner-filter-card,.schedule-filter-card,.service-area-filter-card,.users-filter-card,.customers-filter-card,.table-filter-card{box-sizing:border-box!important;flex-flow:wrap!important;align-items:flex-end!important;gap:10px 8px!important;width:100%!important;padding:12px 14px!important;display:flex!important}.tasks-filter-card label,.filter-card label,.orders-filter-card label,.visitors-filter-card label,.complaints-filter-card label,.amc-filter-card label,.banner-filter-card label,.schedule-filter-card label,.service-area-filter-card label,.users-filter-card label,.customers-filter-card label,.table-filter-card label,.filter-item label,.orders-filter-field label,.table-filter-item label,.schedule-filter-item label,.users-filter-field label{color:#475569!important;text-transform:uppercase!important;letter-spacing:.3px!important;height:auto!important;min-height:0!important;margin:0 0 4px!important;font-size:11px!important;font-weight:600!important;line-height:normal!important}.v-filter-search,.banner-search-filter,.amc-search-item,.users-search-filter,.v-filter-date,.orders-date-picker-container{flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.tasks-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.tasks-filter-card .filter-item:has(input[type=search]){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.filter-card .filter-item:has(input[type=search]){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.orders-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.visitors-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.complaints-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.amc-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.amc-feature-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.banner-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.schedule-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.service-area-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.users-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.customers-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.table-filter-card .filter-item:has(input[type=text]):not(.date-picker-field){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.tasks-filter-card .filter-item:has(.date-picker-container){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.tasks-filter-card .filter-item:has(.date-box){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.filter-card .filter-item:has(.date-picker-container){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.filter-card .filter-item:has(.date-box){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.orders-filter-card .filter-item:has(.date-picker-container){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.orders-filter-card .filter-item:has(.date-box){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.visitors-filter-card .filter-item:has(.date-picker-container){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.visitors-filter-card .filter-item:has(.date-box){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.complaints-filter-card .filter-item:has(.date-picker-container){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.complaints-filter-card .filter-item:has(.date-box){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.v-filter-status,.v-filter-product{flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.tasks-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.orders-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.visitors-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.complaints-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.amc-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.amc-feature-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.banner-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.schedule-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.service-area-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.users-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.customers-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.table-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.tasks-filter-card input,.tasks-filter-card select,.tasks-filter-card .date-box,.filter-card input,.filter-card select,.filter-card .date-box,.orders-filter-card input,.orders-filter-card select,.orders-filter-card .date-box,.visitors-filter-card input,.visitors-filter-card select,.visitors-filter-card .date-box,.complaints-filter-card input,.complaints-filter-card select,.complaints-filter-card .date-box,.amc-filter-card input,.amc-filter-card select,.amc-filter-card .date-box,.amc-feature-filter-card input,.amc-feature-filter-card select,.amc-feature-filter-card .date-box,.banner-filter-card input,.banner-filter-card select,.banner-filter-card .date-box,.schedule-filter-card input,.schedule-filter-card select,.schedule-filter-card .date-box,.service-area-filter-card input,.service-area-filter-card select,.service-area-filter-card .date-box,.users-filter-card input,.users-filter-card select,.users-filter-card .date-box,.customers-filter-card input,.customers-filter-card select,.customers-filter-card .date-box,.table-filter-card input,.table-filter-card select,.table-filter-card .date-box,.filter-item input,.filter-item select,.date-box,.orders-date-box{color:#1e293b!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #d8dee8!important;border-radius:6px!important;width:100%!important;max-width:100%!important;height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:12.5px!important}.tasks-filter-card select,.filter-card select,.orders-filter-card select,.visitors-filter-card select,.complaints-filter-card select,.amc-filter-card select,.amc-feature-filter-card select,.banner-filter-card select,.schedule-filter-card select,.service-area-filter-card select,.users-filter-card select,.customers-filter-card select,.table-filter-card select,.filter-item select{padding-right:28px!important}.filter-item.export,.orders-filter-actions-field,.visitors-filter-actions{flex-direction:row!important;flex:100%!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-top:4px!important;display:flex!important}.clear-filter-btn .btn-label,.orders-reset-btn .btn-label,.export-btn .btn-label,.export-csv-btn .btn-label,.users-export-btn .btn-label,.orders-export-btn .btn-label,.orders-refresh-btn .btn-label,.users-sync-btn .btn-label,.table-filter-btn .btn-label,.filter-item.export>button .btn-label,.visitors-filter-actions>button .btn-label{font-size:12.5px!important;font-weight:500!important;display:inline!important}.clear-filter-btn,.orders-reset-btn,.export-btn,.export-csv-btn,.users-export-btn,.orders-export-btn,.orders-refresh-btn,.users-sync-btn,.table-filter-btn,.filter-item.export>button,.visitors-filter-actions>button{cursor:pointer!important;box-sizing:border-box!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:none!important;height:38px!important;min-height:38px!important;padding:0 12px!important;font-size:12.5px!important;font-weight:500!important;display:inline-flex!important}.clear-filter-btn svg,.orders-reset-btn svg,.export-btn svg,.export-csv-btn svg,.users-export-btn svg,.orders-export-btn svg,.orders-refresh-btn svg,.users-sync-btn svg,.table-filter-btn svg,.filter-item.export>button svg,.visitors-filter-actions>button svg{width:16px!important;height:16px!important;margin:0!important;font-size:16px!important;display:block!important}}.input-error,input.input-error,select.input-error,textarea.input-error,.banner-input-error,.brand-input-error,.manufacturer-input-error,.model-input-error,.category-input-error,.product-input-error,.form-control.input-error,.media-upload-dropzone.input-error,.product-upload-box.input-error,.brand-file-upload.input-error,.custom-select-trigger.input-error{background-color:#fff8f8!important;border:1px solid #dc2626!important}.input-error:focus,input.input-error:focus,select.input-error:focus,textarea.input-error:focus{border-color:#dc2626!important;outline:none!important;box-shadow:0 0 0 3px #dc262614!important}.field-error,.banner-field-error,.brand-field-error,.manufacturer-field-error,.model-field-error,.category-field-error,.product-field-error,.brand-display-order-error,.manufacturer-display-order-error,.model-display-order-error,.product-display-order-error,.display-order-error{margin-top:4px;font-size:11.5px;font-weight:500;line-height:1.3;display:block;color:#dc2626!important}.banner-status-toggle-wrapper,.status-toggle-wrapper{cursor:pointer!important;align-items:center!important;gap:10px!important;display:inline-flex!important}.banner-toggle-switch,.status-toggle-switch{cursor:pointer!important;flex-shrink:0!important;width:36px!important;height:20px!important;margin:0!important;padding:0!important;display:inline-block!important;position:relative!important}.banner-toggle-switch input,.status-toggle-switch input{opacity:0!important;width:0!important;height:0!important;margin:0!important;position:absolute!important}.banner-toggle-slider,.status-toggle-slider{background:#cbd5e1!important;border-radius:20px!important;transition:background .25s,box-shadow .25s!important;position:absolute!important;inset:0!important}.banner-toggle-slider:before,.status-toggle-slider:before{content:""!important;background:#fff!important;border-radius:50%!important;width:16px!important;height:16px!important;transition:transform .25s!important;position:absolute!important;bottom:2px!important;left:2px!important;box-shadow:0 1px 3px #00000026!important}.banner-toggle-switch input:checked+.banner-toggle-slider,.status-toggle-switch input:checked+.status-toggle-slider{background:#22c55e!important}.banner-toggle-switch input:checked+.banner-toggle-slider:before,.status-toggle-switch input:checked+.status-toggle-slider:before{transform:translate(16px)!important}.banner-toggle-switch:hover .banner-toggle-slider,.status-toggle-switch:hover .status-toggle-slider{box-shadow:0 0 0 3px #94a3b84d!important}.banner-toggle-switch:hover input:checked+.banner-toggle-slider,.status-toggle-switch:hover input:checked+.status-toggle-slider{box-shadow:0 0 0 3px #22c55e33!important}.banner-toggle-label,.status-toggle-label{-webkit-user-select:none!important;user-select:none!important;font-size:12px!important;font-weight:600!important;line-height:1!important;display:inline-block!important}.banner-toggle-label.active,.status-toggle-label.active{color:#15803d!important}.banner-toggle-label.inactive,.status-toggle-label.inactive{color:#94a3b8!important}.schedule-table-container,.amc-feature-table-container{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.amc-table{min-width:1150px!important}.schedule-table{min-width:1200px!important}.amc-feature-table-container table{min-width:1100px!important}.amc-table td:last-child,.amc-table th:last-child,.schedule-table td:last-child,.schedule-table th:last-child,.amc-feature-table-container td:last-child,.amc-feature-table-container th:last-child,td.amc-actions-cell,td.schedule-actions-cell,td.amc-feature-actions-cell{width:150px!important;min-width:150px!important;overflow:visible!important}.amc-actions,.schedule-actions,.amc-feature-action-buttons{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;min-width:112px!important;display:flex!important}.amc-action-icon,.table-action,.amc-feature-action-btn{flex-shrink:0!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.modal-close-btn,.modal-close-button,.close-modal-btn,.btn-close,.feedback-close-btn,.filter-close-btn,.preview-close-btn,.category-panel-close,.product-panel-close,.pc-panel-close,.brand-panel-close,.manufacturer-panel-close,.model-panel-close,.toast-close,.drawer-close-btn,.drawer-close-button,.dialog-close-btn,.customer-edit-modal-close,.filter-menu-close,button[aria-label=close],button[aria-label=Close],.modal-header .close-btn,.modal-header .close-button,.modal-header .btn-close,.modal-header-close,.panel-close-btn,.image-preview-close,.preview-overlay-close{color:#ef4444!important;stroke:#ef4444!important}.modal-close-btn:hover,.modal-close-button:hover,.close-modal-btn:hover,.btn-close:hover,.feedback-close-btn:hover,.filter-close-btn:hover,.preview-close-btn:hover,.category-panel-close:hover,.product-panel-close:hover,.pc-panel-close:hover,.brand-panel-close:hover,.manufacturer-panel-close:hover,.model-panel-close:hover,.toast-close:hover,.drawer-close-btn:hover,.drawer-close-button:hover,.dialog-close-btn:hover,.customer-edit-modal-close:hover,.filter-menu-close:hover,button[aria-label=close]:hover,button[aria-label=Close]:hover,.modal-header .close-btn:hover,.modal-header .close-button:hover,.modal-header .btn-close:hover,.modal-header-close:hover,.panel-close-btn:hover,.image-preview-close:hover,.preview-overlay-close:hover{color:#dc2626!important;background-color:#ef44441a!important}.modal-close-btn svg,.modal-close-button svg,.close-modal-btn svg,.btn-close svg,.feedback-close-btn svg,.filter-close-btn svg,.preview-close-btn svg,.category-panel-close svg,.product-panel-close svg,.pc-panel-close svg,.brand-panel-close svg,.manufacturer-panel-close svg,.model-panel-close svg,.toast-close svg,.drawer-close-btn svg,.drawer-close-button svg,.dialog-close-btn svg,.customer-edit-modal-close svg,.filter-menu-close svg,button[aria-label=close] svg,button[aria-label=Close] svg,.modal-header .close-btn svg,.modal-header .close-button svg,.modal-header .btn-close svg,.modal-header-close svg,.panel-close-btn svg,.image-preview-close svg,.preview-overlay-close svg{color:#ef4444!important;fill:currentColor!important}.MuiDialogTitle-root .MuiIconButton-root,.MuiDialog-container .MuiIconButton-root[aria-label=close],.MuiDialog-container .MuiIconButton-root[aria-label=Close]{color:#ef4444!important}.MuiDialogTitle-root .MuiIconButton-root:hover,.MuiDialog-container .MuiIconButton-root[aria-label=close]:hover,.MuiDialog-container .MuiIconButton-root[aria-label=Close]:hover{color:#dc2626!important;background-color:#ef44441a!important}.table,.users-table,.tasks-table,.orders-table,.customers-table,.visitors-table,.complaints-table,.banner-table,.amc-table,.schedule-table,.service-area-table,.customer-amc-table{border-collapse:collapse!important;width:100%!important}.table th,.table td,.users-table th,.users-table td,.tasks-table th,.tasks-table td,.orders-table th,.orders-table td,.customers-table th,.customers-table td,.visitors-table th,.visitors-table td,.complaints-table th,.complaints-table td,.banner-table th,.banner-table td,.amc-table th,.amc-table td,.schedule-table th,.schedule-table td,.service-area-table th,.service-area-table td,.customer-amc-table th,.customer-amc-table td{box-sizing:border-box!important}.table th:not(.text-center):not(.text-right),.table td:not(.text-center):not(.text-right),.users-table th:not(.users-actions-header),.users-table td:not(.users-actions-cell),.tasks-table th,.tasks-table td,.orders-table th,.orders-table td,.customers-table th,.customers-table td,.visitors-table th,.visitors-table td,.complaints-table th,.complaints-table td,.banner-table th,.banner-table td,.amc-table th,.amc-table td,.schedule-table th,.schedule-table td{text-align:left;vertical-align:middle}.page-back-btn,.task-back-button,.complaint-back-button,.visitor-details-back-button,.back-orders-btn,.back-amc-btn,.back-btn,.back-button,.back-users-btn{color:#64748b!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;align-items:center!important;gap:7px!important;margin-top:0!important;margin-bottom:14px!important;padding:0!important;font-size:13px!important;font-weight:500!important;transition:color .15s!important;display:inline-flex!important}.breadcrumb-back-row .page-back-btn,.breadcrumb-back-row .task-back-button,.breadcrumb-back-row .complaint-back-button,.breadcrumb-back-row .visitor-details-back-button,.breadcrumb-back-row .back-orders-btn,.breadcrumb-back-row .back-amc-btn,.breadcrumb-back-row .back-btn,.breadcrumb-back-row .back-button,.breadcrumb-back-row .back-users-btn{margin:0!important}.page-back-btn svg,.task-back-button svg,.complaint-back-button svg,.visitor-details-back-button svg,.back-orders-btn svg,.back-amc-btn svg,.back-btn svg,.back-button svg,.back-users-btn svg{color:#64748b!important;stroke:none!important;fill:currentColor!important;width:17px!important;height:17px!important;font-size:17px!important}.page-back-btn:hover,.task-back-button:hover,.complaint-back-button:hover,.visitor-details-back-button:hover,.back-orders-btn:hover,.back-amc-btn:hover,.back-btn:hover,.back-button:hover,.back-users-btn:hover{color:#172033!important;background:0 0!important}.page-back-btn:hover svg,.task-back-button:hover svg,.complaint-back-button:hover svg,.visitor-details-back-button:hover svg,.back-orders-btn:hover svg,.back-amc-btn:hover svg,.back-btn:hover svg,.back-button:hover svg,.back-users-btn:hover svg,.order-edit-icon-btn svg{color:#172033!important}.form-error,.field-error,.error-text,.invalid-feedback,.input-error-text{color:#ef4444!important;text-align:left!important;margin-top:5px!important;font-size:11.5px!important;font-weight:500!important;line-height:1.3!important;display:block!important}input.input-error,select.input-error,textarea.input-error,.select-wrapper.input-error select,.input-with-icon.input-error input,.input-wrapper.input-error input,.input-user.input-error input,.has-error input,.has-error select,.has-error textarea,.input-has-error{border-color:#ef4444!important}input.input-error:focus,select.input-error:focus,textarea.input-error:focus,.select-wrapper.input-error select:focus,.input-with-icon.input-error input:focus,.input-wrapper.input-error input:focus,.input-user.input-error input:focus,.has-error input:focus,.has-error select:focus,.has-error textarea:focus,.input-has-error:focus{border-color:#dc2626!important;outline:none!important;box-shadow:0 0 0 2px #ef444426!important}.side-panel-blur-overlay,.banner-overlay,.zone-overlay,.cancel-panel-overlay,.schedule-drawer-overlay:not(.schedule-details-overlay){-webkit-backdrop-filter:blur(4px)!important;z-index:9999!important;background:#0f172a6b!important;justify-content:flex-end!important;align-items:stretch!important;animation:.2s sidePanelFadeIn!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes sidePanelFadeIn{0%{opacity:0}to{opacity:1}}.banner-form-panel,.zone-form-panel,.cancel-panel,.schedule-drawer-overlay:not(.schedule-details-overlay) .schedule-edit-drawer,.side-panel-blur-overlay .pc-details-panel,.side-panel-blur-overlay .brand-details-panel,.side-panel-blur-overlay .model-details-panel,.side-panel-blur-overlay .manufacturer-details-panel{z-index:10000!important;height:100dvh!important;top:0!important;box-shadow:-8px 0 30px #00000026!important}.banner-details-panel,.zone-details-panel,.product-view-panel,.pc-details-panel,.brand-details-panel,.model-details-panel,.manufacturer-details-panel,.schedule-drawer-overlay.schedule-details-overlay .schedule-edit-drawer{background:#fff!important;border-left:1px solid #dfe3e8!important;box-shadow:-8px 0 30px #0000001f!important}.schedule-drawer-overlay.schedule-details-overlay{-webkit-backdrop-filter:none!important;pointer-events:none!important;z-index:1200!important;background:0 0!important;justify-content:flex-end!important;align-items:stretch!important;display:flex!important;position:fixed!important;inset:0!important}.custom-toast-container{z-index:999999;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:calc(100vw - 48px);max-width:560px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.custom-toast{pointer-events:auto;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:13.5px;font-weight:500;line-height:1.45;transition:all .2s;animation:.25s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.custom-toast-error{color:#991b1b;background:#fef2f2;border-color:#fecaca #fecaca #fecaca #ef4444;border-left-style:solid;border-left-width:4px}.custom-toast-error .custom-toast-icon{color:#ef4444}.custom-toast-success{color:#1a1a2e;background:#fff;border-color:#e2e8f0 #e2e8f0 #e2e8f0 #22c55e;border-left-style:solid;border-left-width:4px}.custom-toast-success .custom-toast-icon-wrap-success{color:#16a34a}.custom-toast-warning{color:#92400e;background:#fffbeb;border-color:#fde68a #fde68a #fde68a #f59e0b;border-left-style:solid;border-left-width:4px}.custom-toast-warning .custom-toast-icon{color:#f59e0b}.custom-toast-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe #bfdbfe #bfdbfe #3b82f6;border-left-style:solid;border-left-width:4px}.custom-toast-info .custom-toast-icon{color:#3b82f6}.custom-toast-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:38px;height:38px;display:flex}.custom-toast-icon-wrap-success{color:#16a34a;background:#dcfce7}.custom-toast-icon-wrap-error{color:#dc2626;background:#fee2e2}.custom-toast-icon-wrap-warning{color:#d97706;background:#fef3c7}.custom-toast-icon-wrap-info{color:#2563eb;background:#dbeafe}.custom-toast-body{word-break:break-word;flex-direction:column;flex:1;justify-content:center;align-self:center;gap:2px;min-width:0;display:flex}.custom-toast-title{color:#111827;margin:0;font-size:13.5px;font-weight:700;line-height:1.3}.custom-toast-message{word-break:break-word;white-space:pre-line;color:#374151;flex:1;margin:0;font-size:13.5px;font-weight:500;line-height:1.4}.custom-toast-message-sub{color:#6b7280;font-size:13px;font-weight:400}.custom-toast-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:4px;transition:opacity .15s,background-color .15s;display:flex}.custom-toast-close:hover{opacity:1;background-color:#0000000d}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-confirm-overlay{-webkit-backdrop-filter:blur(4px);z-index:999999;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) forwards confirmFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.custom-confirm-dialog{transform-origin:50%;background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:440px;animation:.22s cubic-bezier(.16,1,.3,1) forwards confirmScaleIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}@keyframes confirmScaleIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.custom-confirm-body{text-align:center;flex-direction:column;align-items:center;padding:28px 24px 20px;display:flex}.custom-confirm-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex}.custom-confirm-icon-badge.danger{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.custom-confirm-icon-badge.warning{color:#f59e0b;background:#fffbeb;border:1px solid #fef3c7}.custom-confirm-icon-badge.info{color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe}.custom-confirm-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.3}.custom-confirm-message{color:#64748b;word-break:break-word;margin:0;font-size:14px;line-height:1.55}.custom-confirm-actions{background:#fafafa;border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding:16px 24px 24px;display:flex}.custom-confirm-btn{cursor:pointer;border:none;border-radius:8px;outline:none;flex:1;justify-content:center;align-items:center;height:42px;font-family:inherit;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.custom-confirm-btn:focus-visible{box-shadow:0 0 0 3px #6366f159}.custom-confirm-btn-cancel{color:#374151;background:#fff;border:1px solid #d1d5db}.custom-confirm-btn-cancel:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af}.custom-confirm-btn-confirm{color:#fff}.custom-confirm-btn-confirm.danger{background:#ef4444;box-shadow:0 1px 2px #ef444433}.custom-confirm-btn-confirm.danger:hover{background:#dc2626}.custom-confirm-btn-confirm.warning{background:#f59e0b;box-shadow:0 1px 2px #f59e0b33}.custom-confirm-btn-confirm.warning:hover{background:#d97706}.custom-confirm-btn-confirm.info{background:#0f172a;box-shadow:0 1px 2px #0f172a33}.custom-confirm-btn-confirm.info:hover{background:#1e293b}@media (width<=480px){.custom-confirm-dialog{border-radius:12px;max-width:100%}.custom-confirm-body{padding:24px 18px 16px}.custom-confirm-title{font-size:17px}.custom-confirm-message{font-size:13.5px}.custom-confirm-actions{flex-direction:column-reverse;gap:8px;padding:14px 18px 18px}.custom-confirm-btn{width:100%;height:40px}}.form-actions{justify-content:space-between;align-items:center;margin-top:.15rem;margin-bottom:1.1rem;display:flex}.checkbox-container{cursor:pointer;color:#4b5563;-webkit-user-select:none;user-select:none;text-transform:none;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:400;display:flex}.checkbox-container input{display:none}.checkmark{background:#fff;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;transition:all .15s;display:flex}.checkbox-container:hover .checkmark{border-color:#c4cdd5}.checkbox-container input:checked~.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-container input:checked~.checkmark:after{content:"✓";color:#fff;font-size:.625rem;font-weight:700}.primarybtn{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;height:2.625rem;padding:0 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.primarybtn:hover{background:var(--primary-hover)}.error{color:var(--error-color);width:100%;margin-top:.25rem;font-size:.75rem;line-height:1.2;display:block}.logo{width:15rem;height:15rem}:root{--bg-color:#f8fafc;--card-bg:#fff;--input-bg:#fff;--primary-color:#111827;--primary-hover:#1f2937;--text-primary:#111827;--text-secondary:#6b7280;--link-color:#4b5563;--border-color:#d1d5db;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 20px -2px #0000000f;--shadow-lg:0 10px 30px #00000014;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--strength-weak:#ef4444;--strength-medium:#f59e0b;--strength-good:#3b82f6;--strength-strong:#10b981}#root:has(.view-container){flex-direction:column;gap:1rem;min-height:100dvh;display:flex}.view-container h2{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.view-container h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.view-container p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.view-container .portalname{color:var(--text-primary);letter-spacing:-.025em;margin-bottom:.35rem;font-size:1.875rem;font-weight:700;line-height:1.25}.view-container a{text-decoration:none;transition:all .2s}.text-center{text-align:center}.text-link{color:var(--text-secondary);font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s}.text-link:hover{color:var(--text-primary);cursor:pointer;text-decoration:underline}.notification-alert{border-radius:var(--radius-full);box-shadow:var(--shadow-md);z-index:50;border:1px solid var(--border-color);box-sizing:border-box;background:#fff;align-items:center;gap:1rem;max-width:calc(100% - 2rem);padding:.65rem 1.25rem;animation:.3s ease-out forwards slideDown;display:flex;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;top:0}to{opacity:1;top:1.5rem}}.alert-content{align-items:center;gap:.5rem;display:flex}.alert-icon{color:var(--success-color);font-size:1.125rem}.alert-text{font-size:.875rem;font-weight:500}.close-alert{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.close-alert:hover{color:var(--text-primary)}.view-container{box-sizing:border-box;width:100%;max-width:52rem;color:var(--text-primary);flex-direction:row;flex:1 0 auto;justify-content:space-between;align-items:center;gap:3.5rem;margin:0 auto;padding:1.25rem 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{text-align:left;max-width:22rem;margin:0}:is(.header:empty,.view-container:has(.card-logo) .header){display:none}:is(.view-container:has(.header:empty),.view-container:has(.card-logo)){justify-content:center}:is(.view-container:has(.header:empty) .card,.view-container:has(.card-logo) .card){margin:0 auto}.logo{object-fit:contain;width:15rem;height:15rem;margin-bottom:.5rem;display:block}.logo-icon{border-radius:.375rem;width:2.75rem;height:2.75rem;font-size:1.125rem}.subtitle{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.card{background:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:24rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;margin:0;padding:1.75rem}.card-header h3{color:#111827;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.card-header p{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.icon-circle{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin:0 auto 1.25rem;font-size:1.25rem;display:flex}.formgroup{flex-direction:column;margin-bottom:.95rem;display:flex}label{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.6875rem;font-weight:600;display:block}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:#6b7280;pointer-events:none;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:absolute;left:.75rem}.view-container input[type=email],.view-container input[type=password],.view-container input[type=text]:not(.otp-input){border-radius:var(--radius-md);width:100%;height:2.625rem;color:var(--text-primary);box-sizing:border-box;background:#fff;border:1px solid #d1d5db;padding:.5rem .875rem .5rem 2.35rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.view-container input[type=email]::placeholder,.view-container input[type=password]::placeholder,.view-container input[type=text]:not(.otp-input)::placeholder{color:#9ca3af;opacity:1}.view-container input[type=email]:hover,.view-container input[type=password]:hover,.view-container input[type=text]:not(.otp-input):hover{border-color:#c4cdd5}.view-container input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;color:var(--text-primary)!important;background-color:#fff!important;border:1px solid #d1d5db!important;outline:none!important;box-shadow:inset 0 0 0 1000px #fff!important}.view-container input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;color:var(--text-primary)!important;background-color:#fff!important;border:1px solid #d1d5db!important;outline:none!important;box-shadow:inset 0 0 0 1000px #fff!important}.view-container input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;color:var(--text-primary)!important;background-color:#fff!important;border:1px solid #d1d5db!important;outline:none!important;box-shadow:inset 0 0 0 1000px #fff!important}.view-container input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;color:var(--text-primary)!important;background-color:#fff!important;border:1px solid #d1d5db!important;outline:none!important;box-shadow:inset 0 0 0 1000px #fff!important}.view-container .input-wrapper input{padding-left:2.35rem}.view-container .input-wrapper input[type=password]{padding-right:2.35rem}.view-container input:focus{background:#fff;border-color:#111827;outline:none;box-shadow:0 0 0 1px #111827}.toggle-password{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;font-size:.875rem;transition:color .15s;display:flex;position:absolute;right:.75rem}.toggle-password:hover{color:var(--text-primary)}.primarybtn,.btn-primary{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;height:2.625rem;padding:0 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.primarybtn:hover,.btn-primary:hover{background:var(--primary-hover)}.primarybtn:disabled,.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:color .2s;display:flex;position:absolute;top:1.5rem;left:1.5rem}.btn-back:hover{color:var(--text-primary)}.card-footer{text-align:center;margin-top:.875rem;position:relative}.main-footer,.view-container .main-footer{width:100%;color:var(--text-secondary);box-sizing:border-box;background:0 0;border:none;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:1.5rem;margin:0 auto;padding:.65rem 1.5rem;font-size:.75rem;display:flex}.main-footer p,.view-container .main-footer p{color:var(--text-secondary);white-space:nowrap;background:0 0;font-size:.75rem;margin:0!important}.main-footer .footer-links,.view-container .footer-links{justify-content:center;align-items:center;gap:1.25rem;display:flex}.main-footer .footer-links a,.view-container .footer-links a{color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s}.main-footer .footer-links a:hover,.view-container .footer-links a:hover{color:var(--text-primary);text-decoration:underline}.error,.view-container .error{color:var(--error-color);width:100%;margin-top:.25rem;font-size:.75rem;line-height:1.2;display:block}@media (width<=1024px){.view-container{gap:2.5rem;max-width:48rem;padding:1.5rem 1.75rem}.portalname{font-size:1.75rem}}@media (width<=900px){.view-container{gap:2rem;max-width:44rem;padding:1.25rem 1.5rem}.portalname{font-size:1.625rem}.card{max-width:22rem;padding:1.5rem 1.25rem}}@media (width<=768px){.view-container{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;max-width:28rem;min-height:calc(100dvh - 60px);padding:1.25rem}.header{text-align:center;max-width:100%;margin:0}.logo{width:9rem;height:9rem;margin:0 auto .5rem}.portalname{font-size:1.5rem}.subtitle{font-size:.8125rem}.card{max-width:100%;padding:1.5rem 1.25rem}.card-header{text-align:center;margin-bottom:1rem}.view-container input[type=email],.view-container input[type=password],.view-container input[type=text]:not(.otp-input){font-size:1rem}}@media (width<=480px){.view-container{gap:1rem;max-width:100%;padding:1rem .875rem}.logo{width:6.5rem;height:6.5rem;margin:0 auto .25rem}.portalname{font-size:1.35rem}.subtitle{font-size:.75rem}.card{border-radius:var(--radius-md);padding:1.25rem 1rem}.card-header{margin-bottom:.875rem}.card-header h3{font-size:1.15rem}.card-header p{font-size:.78rem}.formgroup{margin-bottom:.85rem}.view-container input[type=email],.view-container input[type=password],.view-container input[type=text]:not(.otp-input){height:2.5rem;font-size:.9375rem}.primarybtn,.btn-primary{height:2.5rem;font-size:.875rem}.notification-alert{max-width:calc(100% - 1.5rem);padding:.5rem 1rem;font-size:.8125rem}}@media (width<=360px){.view-container{gap:.75rem;padding:.75rem .5rem}.logo{width:5rem;height:5rem;margin:0 auto .25rem}.portalname{font-size:1.2rem}.subtitle{font-size:.7rem}.card{padding:1rem .75rem}.card-header h3{font-size:1.05rem}.card-header p,.checkbox-container,.text-link{font-size:.75rem}}@media (height<=520px) and (orientation:landscape){.view-container{gap:1.5rem;min-height:auto;padding:.75rem 1.5rem}.logo{width:4.5rem;height:4.5rem;margin-bottom:.25rem}.portalname{font-size:1.25rem}.card{padding:1rem 1.25rem}}@media (height<=800px) and (width>=769px){.view-container{gap:2.5rem;padding:.75rem 2rem}.card{padding:1.35rem 1.5rem}}@media (height<=680px) and (width>=769px){.view-container{gap:2rem;padding:.5rem 1.5rem}.portalname{font-size:1.5rem}.card{padding:1.15rem 1.25rem}.card-header{margin-bottom:.85rem}.formgroup{margin-bottom:.75rem}}.card-logo{object-fit:contain;width:2.75rem;height:2.75rem;margin:0 auto 1.25rem;display:block}@media (width<=480px){.card-logo{width:2.35rem;height:2.35rem;margin-bottom:.875rem}}.otp-container{box-sizing:border-box;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;width:100%;margin-top:.4rem;margin-bottom:.6rem;display:grid}.otp-container input.otp-input,input[type=text].otp-input,.otp-input{transition:border-color .15s,box-shadow .15s;border-radius:var(--radius-md)!important;text-align:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:2.625rem!important;color:var(--text-primary)!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #d1d5db!important;outline:none!important;margin:0!important;padding:0!important;font-size:1.125rem!important;font-weight:600!important}.otp-container input.otp-input:focus,input[type=text].otp-input:focus,.otp-input:focus{border-color:#111827!important;box-shadow:0 0 0 1px #111827!important}.otp-container input.otp-input:hover,input[type=text].otp-input:hover,.otp-input:hover{border-color:#9ca3af!important}.otp-actions{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-top:.35rem;font-size:.75rem;display:flex}.resend-timer{color:var(--text-secondary);font-size:.75rem}.resend-link{letter-spacing:.03em;color:var(--text-secondary);font-size:.75rem;font-weight:600;transition:color .15s}.resend-link:hover{color:var(--text-primary)}.password-strength{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.5rem;display:flex}.strength-bar{background:var(--border-color);border-radius:2px;flex:1;height:3px;transition:background .2s}.strength-text{width:100%;color:var(--text-secondary);margin-top:.15rem;font-size:.75rem;transition:color .2s}.password-requirements{margin-top:.75rem;font-size:.8125rem}.password-requirements p{margin:.35rem 0;transition:color .2s}.valid{color:var(--success-color)}.invalid{color:var(--error-color)}.error-message{color:var(--error-color);border-radius:var(--radius-md);background-color:#fef2f2;border:1px solid #fecaca;align-items:center;margin-bottom:1rem;padding:.6rem .8rem;font-size:.8125rem;display:flex}.success-message{color:var(--success-color);border-radius:var(--radius-md);background-color:#f0fdf4;border:1px solid #bbf7d0;align-items:center;margin-bottom:1rem;padding:.6rem .8rem;font-size:.8125rem;display:flex}@media (width<=480px){.otp-container{gap:.35rem;margin-top:.3rem;margin-bottom:.5rem}.otp-container input.otp-input,input[type=text].otp-input,.otp-input{height:2.375rem!important;font-size:1rem!important}.otp-actions,.resend-timer,.resend-link{font-size:.7rem}.password-requirements{font-size:.75rem}}@media (width<=360px){.otp-container{gap:.25rem}.otp-container input.otp-input,input[type=text].otp-input,.otp-input{height:2.125rem!important;font-size:.9375rem!important}.otp-actions{flex-direction:column;align-items:flex-start;gap:.25rem}}.main-footer{color:#64748b;box-sizing:border-box;background:0 0;border-top:1px solid #eaecf0;flex-shrink:0;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:100%;margin-top:auto;padding:16px 32px;font-size:13px;display:flex}.main-footer p{color:#64748b;white-space:nowrap;margin:0;font-size:13px;line-height:1.5}.main-footer .footer-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.main-footer .footer-links a{color:#64748b;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.main-footer .footer-links a:hover{color:#0f172a;text-decoration:underline}@media (width<=900px){.main-footer{padding:16px 20px}}@media (width<=600px){.main-footer{text-align:center;flex-direction:column;justify-content:center;gap:10px;padding:14px 16px}.main-footer p{white-space:normal}.main-footer .footer-links{justify-content:center;gap:16px}}.dashboard-content{box-sizing:border-box;width:100%;max-width:100%}.dashboard-subtitle{color:#565656;font-size:14px;font-weight:600}.dashboard-header-row{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;margin-bottom:24px;display:flex}.dashboard-title{color:#0f172a;margin:0;font-size:28px;font-weight:700}.toggle-stats-btn{color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:8px;font-weight:500;transition:all .2s ease-in-out;display:inline-flex;box-shadow:0 1px 2px #0000001a}.toggle-stats-btn:hover{color:#fff;background:#222;border-color:#222;box-shadow:0 2px 5px #0003}.toggle-stats-btn:active{transform:scale(.98)}.toggle-stats-btn svg{color:#fff;font-size:18px}.stats-container{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;margin-bottom:28px;display:grid}.bottom-section{grid-template-columns:2fr 1fr;gap:20px;width:100%;display:grid}.activity-section,.calendar-section{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:28px 24px}.activity-section h3,.calendar-section h3{color:#0f172a;margin:0;font-size:17px;font-weight:600}.section-header{border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:16px;display:flex}.header-btn{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;transition:color .15s;display:flex}.header-btn:hover{color:#0f172a}.view-all{font-size:13px;font-weight:600}.moreverticon{cursor:pointer;color:#64748b;background:0 0;border:none}@media (width<=1200px){.stats-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width<=1024px){.bottom-section{grid-template-columns:1fr}}@media (width<=768px){.dashboard-title{margin-bottom:18px;font-size:22px}.stats-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.activity-section,.calendar-section{padding:20px 16px}}@media (width<=480px){.stats-container{grid-template-columns:1fr;gap:12px}}.breadcrumb,.app-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;display:flex}.breadcrumb-item{align-items:center;gap:6px;display:inline-flex}.breadcrumb a,.breadcrumb-link{color:#64748b;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s ease-in-out}.breadcrumb a:hover,.breadcrumb-link:hover{color:#0f172a}.breadcrumb .breadcrumb-active,.breadcrumb-active,.breadcrumb .active{color:#0f172a;font-size:13px;font-weight:600}.breadcrumb-separator,.separator{color:#94a3b8;-webkit-user-select:none;user-select:none;align-items:center;margin:0 4px;font-size:13px;display:inline-flex}.customers-page{box-sizing:border-box;color:#222;background:#f8f9fb;min-height:100vh;padding:0;font-family:Arial,Helvetica,sans-serif}.customers-title-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.customers-title-row h1{color:#10233f;margin:0;font-size:30px;font-weight:700;line-height:1.2}.customers-title-row p{color:#60708a;margin:8px 0 0;font-size:14px;line-height:1.5}.add-customer-button{color:#fff;cursor:pointer;white-space:nowrap;background:#050505;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;margin:45px 20px 0 0;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.add-customer-button:hover{background:#181818}.customers-error{background:#fff;border:1px solid #e5e5e5;border-radius:10px;margin-bottom:25px;padding:18px;font-size:14px}.customers-error strong{color:#d32f2f;font-size:15px}.customers-error p{color:#777;margin:6px 0 12px;font-size:13px}.customers-error button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;padding:10px 16px;font-size:13px}.customers-error button:hover{background:#222}.customers-loading{text-align:center;color:#777;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:50px;font-size:14px}.customer-stat-grid{width:100%}.customers-table-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;max-width:100%;overflow:visible}.customers-table,.customers-table-card table{border-collapse:collapse;width:100%;min-width:800px}.customers-table-top{border-bottom:1px solid #e5e5e5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.customers-table-top h2{color:#222;margin:0 0 4px;font-size:18px;font-weight:700}.customers-table-top p{color:#777;margin:0;font-size:13px}.customer-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.customer-search{box-sizing:border-box;background:#fff;border:1px solid #d8d8d8;border-radius:6px;align-items:center;gap:8px;width:230px;max-width:100%;height:45px;padding:0 12px;display:flex}.customer-search svg{color:#666;font-size:18px}.customer-search input{color:#333;background:0 0;border:none;outline:none;width:100%;font-size:14px}.customer-search input::placeholder{color:#999;font-size:14px}.customer-tool-button{color:#555;cursor:pointer;background:#fff;border:1px solid #d8d8d8;border-radius:6px;align-items:center;gap:8px;height:45px;padding:0 14px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.customer-tool-button:hover{background:#f3f3f3}.filter-wrapper{position:relative}.filter-menu{z-index:20;background:#fff;border:1px solid #e5e5e5;border-radius:6px;width:170px;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 8px 25px #0000001f}.filter-menu button{text-align:left;color:#555;cursor:pointer;background:#fff;border:none;width:100%;padding:11px 14px;font-size:13px;display:block}.filter-menu button:hover{background:#f5f5f5}.customers-table-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.customers-table-container table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px}.customers-table-container thead{background:#fafafa}.customers-table-container th{text-align:left;color:#666;border-bottom:1px solid #e5e5e5;padding:18px;font-size:12px;font-weight:700}.customers-table-container td{color:#333;vertical-align:middle;border-bottom:1px solid #efefef;padding:18px;font-size:14px}.customers-table-container tbody tr{cursor:pointer;transition:background .15s}.customers-table-container tbody tr:hover{background:#fafafa}.no-customers{color:#777;text-align:center!important;padding:45px!important;font-size:13px!important}.customer-pagination{box-sizing:border-box;justify-content:space-between;align-items:center;min-height:68px;padding:18px;display:flex}.customer-pagination>span{color:#777;font-size:13px}.pagination-buttons{align-items:center;gap:5px;display:flex}.pagination-buttons button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-family:inherit;font-size:12px;display:flex}.pagination-buttons button:hover:not(:disabled):not(.active):not(.page-active):not(.active-page):not(.current-page){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.pagination-buttons button:disabled{color:#c1c7ce;cursor:not-allowed}.pagination-buttons .current-page,.pagination-buttons .active,.pagination-buttons .page-active,.pagination-buttons .active-page,.pagination-buttons .current-page:hover,.pagination-buttons .active:hover,.pagination-buttons .page-active:hover,.pagination-buttons .active-page:hover{color:#fff!important;cursor:default!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}.customer-modal-overlay{box-sizing:border-box;z-index:9999;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;inset:0}.customer-modal{background:#fff;border-radius:10px;flex-direction:column;width:700px;max-width:calc(100vw - 40px);height:84vh;max-height:730px;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000038}.customer-modal-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:flex-start;min-height:70px;padding:18px;display:flex}.customer-modal-header h2{color:#222;margin:0 0 5px;font-size:20px;font-weight:700;line-height:25px}.customer-modal-header p{color:#777;margin:0;font-size:13px;line-height:18px}.customer-modal-header>button{color:#555;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:22px;display:flex}.customer-modal-header>button:hover{color:#222;background:#f3f3f3}.customer-modal form{box-sizing:border-box;flex:1;min-height:0;padding:0 30px;overflow-y:auto}.customer-form-section{border-bottom:1px solid #e5e5e5;padding:22px 0}.customer-form-section:last-of-type{border-bottom:none}.customer-form-section h3{color:#222;margin:0 0 15px;font-size:16px;font-weight:700;line-height:21px}.customer-form-grid>div{min-width:0}.customer-form-grid label{color:#666;margin-bottom:8px;font-size:12px;font-weight:600;line-height:15px;display:block}.customer-form-grid input{box-sizing:border-box;color:#333;background:#fff;border:1px solid #d8d8d8;border-radius:6px;outline:none;width:100%;height:45px;padding:0 12px;font-family:Arial,Helvetica,sans-serif;font-size:14px;transition:all .2s}.customer-form-grid input:hover{border-color:#c5c5c5}.customer-form-grid input:focus{box-shadow:none;border-color:#222}.customer-form-grid input::placeholder{color:#999;font-size:14px}.customer-modal-actions{box-sizing:border-box;background:#fff;border-top:1px solid #e5e5e5;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-height:70px;padding:12px 30px;display:flex}.cancel-customer-button{color:#555;cursor:pointer;background:#fff;border:1px solid #d8d8d8;border-radius:6px;height:40px;padding:0 18px;font-size:13px;font-weight:500;transition:all .3s}.cancel-customer-button:hover{background:#f3f3f3}.save-customer-button{color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:6px;height:40px;padding:0 20px;font-size:13px;font-weight:500;transition:all .3s}.save-customer-button:hover{background:#222}.save-customer-button:disabled{opacity:.6;cursor:not-allowed}.customer-modal form::-webkit-scrollbar{width:6px}.customer-modal form::-webkit-scrollbar-track{background:#fff}.customer-modal form::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:10px}.customer-modal form::-webkit-scrollbar-thumb:hover{background:#aaa}@media (width<=1100px){.customer-stat-grid{grid-template-columns:repeat(2,1fr)}.customers-table-top{flex-direction:column;align-items:flex-start;gap:15px}.customer-toolbar{flex-wrap:wrap;width:100%}.customer-search{width:230px}}@media (width<=900px){.customers-title-row{flex-direction:column;gap:20px}.customer-toolbar{flex-wrap:wrap;width:100%}.customers-table-container{overflow-x:auto}.customers-table-container table{min-width:950px}}@media (width<=700px){.customer-stat-grid{grid-template-columns:1fr}.customers-title-row h1{font-size:26px}.customer-toolbar,.customer-search{width:100%}.customer-tool-button{flex:1}.customer-pagination{flex-direction:column;align-items:flex-start;gap:12px}.customer-modal{width:96vw;max-width:96vw;height:94vh;max-height:94vh}.customer-modal form{padding:0 18px}.customer-form-grid{grid-template-columns:1fr}.customer-form-grid .full-width{grid-column:auto}.customer-modal-header{padding:16px 18px}.customer-modal-actions{padding:12px 18px}}.customers-table th.customer-actions-th,.customers-table td:last-child{text-align:center!important}.customer-details-page{background:#f8fafc;min-height:100vh;font-family:Inter,Arial,sans-serif}.customer-top-section{grid-template-columns:285px 1fr;gap:20px;margin-bottom:24px;display:grid}.customer-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px}.customer-avatar{color:#2563eb;background:#dbeafe;border-radius:8px;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto;font-size:30px;font-weight:700;display:flex}.customer-name{text-align:center;color:#111827;margin-top:16px;font-size:22px;font-weight:700}.customer-type{text-align:center;color:#64748b;margin-top:5px;font-size:13px}.customer-profile-card hr{border:none;border-top:1px solid #e5e7eb;margin:22px 0}.profile-info{flex-direction:column;gap:18px;display:flex}.info-box{align-items:center;gap:12px;display:flex}.info-icon{background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.info-box span{color:#94a3b8;letter-spacing:.8px;font-size:10px;font-weight:700;display:block}.info-box p{color:#1e293b;margin-top:3px;font-size:14px;font-weight:600}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:space-between;height:118px;padding:18px;display:flex}.summary-top{justify-content:space-between;align-items:center;display:flex}.summary-top span{color:#64748b;letter-spacing:.7px;font-size:11px;font-weight:700}.summary-top svg{color:#64748b;font-size:18px}.summary-card h2{color:#0f172a;margin:0;font-size:24px;font-weight:600}.summary-card p{color:#64748b;margin:0;font-size:13px}.green-text{font-weight:600;color:#16a34a!important}.customer-status-value{box-sizing:border-box!important;border-radius:9999px!important;align-items:center!important;gap:7px!important;width:fit-content!important;margin:6px 0!important;padding:5px 12px 5px 10px!important;font-size:13.5px!important;font-weight:600!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important}.customer-status-value.active{color:#15803d!important;background-color:#dcfce7!important;border:1px solid #bbf7d0!important}.customer-status-value.inactive{color:#b91c1c!important;background-color:#fee2e2!important;border:1px solid #fecaca!important}.customer-status-value .status-dot{border-radius:50%!important;flex-shrink:0!important;width:7px!important;min-width:7px!important;height:7px!important;min-height:7px!important;margin:0 2px 0 1px!important;display:inline-block!important}.customer-status-value.active .status-dot{background-color:#16a34a!important;box-shadow:0 0 0 3px #22c55e47!important}.customer-status-value.inactive .status-dot{background-color:#dc2626!important;box-shadow:0 0 0 3px #ef444438!important}.customer-details-page .table-card,.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.customer-details-page .table-header,.table-header{z-index:4;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:58px;padding:0 22px;display:flex;position:relative}.customer-details-page .table-header h3,.table-header h3{color:#111827;margin:0;font-size:16px;font-weight:700}.customer-details-page .table-scroll-container,.table-scroll-container{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;scrollbar-width:thin!important;scrollbar-color:#94a3b8 #f1f5f9!important;width:100%!important;max-width:100%!important;max-height:480px!important;position:relative!important;overflow:auto!important}.customer-details-page .table-scroll-container::-webkit-scrollbar{width:8px!important;height:8px!important}.table-scroll-container::-webkit-scrollbar{width:8px!important;height:8px!important}.customer-details-page .table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.customer-details-page .table-scroll-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.table-scroll-container::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.customer-details-page .table-scroll-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#ea580c!important}.customer-details-page .table-scroll-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.table-scroll-container::-webkit-scrollbar-corner{background:#f1f5f9!important}.customer-details-page .table-scroll-container table,.table-scroll-container table,.table-card table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;min-width:950px!important}.customer-details-page .table-scroll-container thead,.table-scroll-container thead,.table-card thead{z-index:3!important;background:#f8fafc!important;position:sticky!important;top:0!important}.customer-details-page .table-scroll-container thead th,.table-scroll-container thead th,.table-card thead th{text-transform:uppercase!important;letter-spacing:.5px!important;color:#60708a!important;text-align:left!important;white-space:nowrap!important;z-index:3!important;background:#f8fafc!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 16px!important;font-size:11px!important;font-weight:700!important;line-height:44px!important;position:sticky!important;top:0!important;box-shadow:0 1px #dfe3e8!important}.customer-details-page .table-scroll-container thead th:last-child,.table-scroll-container thead th:last-child,.table-card thead th:last-child{text-align:left!important;padding-left:16px!important;padding-right:28px!important}.table-card tbody td:not([colspan]):not(.empty-table-cell),.customer-order-row td:not([colspan]):not(.empty-table-cell){color:#334155!important;text-align:left!important;vertical-align:middle!important;border-top:1px solid #f1f5f9!important;border-bottom:none!important;padding:14px 16px!important;font-size:13.5px!important}.customer-details-page .table-scroll-container tbody td:last-child:not([colspan]):not(:only-child),.table-scroll-container tbody td:last-child:not([colspan]):not(:only-child),.table-card tbody td:last-child:not([colspan]):not(:only-child),.customer-order-row td:last-child:not([colspan]):not(:only-child),.customer-details-page table tr td:last-child:not([colspan]):not(:only-child){text-align:left!important;padding-left:16px!important;padding-right:28px!important}.table-card tbody tr:hover{background:#f8fafc!important}.customer-details-page .table-scroll-container tbody td.empty-table-cell,.customer-details-page .table-scroll-container tbody td[colspan],.customer-details-page table tr td[colspan],.customer-details-page table tr td.empty-table-cell,.table-card tbody td.empty-table-cell,.table-card tbody td[colspan],.empty-table-cell{text-align:center!important;color:#64748b!important;white-space:normal!important;height:auto!important;min-height:auto!important;padding:40px 20px!important;font-size:14px!important}.table-card td.empty-table-cell.error-text{color:#ef4444!important}@media (width<=1100px){.customer-top-section{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.customer-header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.customer-header-right{flex-wrap:wrap;gap:10px;width:100%;display:flex}.customer-header-right button{flex:1;justify-content:center}.summary-grid{grid-template-columns:1fr}}.customer-header{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;margin-bottom:24px;display:flex}.customer-header .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:0;display:flex}.customer-header .breadcrumb-back-row .breadcrumb,.customer-header .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.customer-header .breadcrumb-back-row .back-btn{flex-shrink:0}.back-btn{cursor:pointer;color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;height:38px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.back-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.customer-header-right{align-items:center;gap:12px;display:flex}.edit-btn{color:#1e293b;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.edit-btn:hover,.customer-header-right .edit-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.edit-btn:active,.customer-header-right .edit-btn:active{background:#e2e8f0}.cancel-btn{color:#64748b;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.cancel-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.download-btn,.submit-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:#000;border:1px solid #000;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.download-btn:hover,.submit-btn:hover{background:#222;border-color:#222}.download-btn:disabled,.submit-btn:disabled,.cancel-btn:disabled,.edit-btn:disabled{opacity:.6;cursor:not-allowed}.customer-form-grid label{color:#374151;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.customer-form-grid input,.customer-form-grid select{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px;font-family:Inter,Arial,sans-serif;font-size:14px;transition:all .2s}.customer-form-grid select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.customer-form-grid select:hover{border-color:#9ca3af}.customer-form-grid select:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.customer-form-grid input:disabled{color:#64748b;cursor:not-allowed;background-color:#f3f4f6}.same-address-checkbox{padding:20px;display:flex}.same-address-checkbox label{cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex}@media (width<=700px){.customer-form-grid{grid-template-columns:1fr}.customer-form-grid .full-width{grid-column:auto}.same-address-checkbox{padding-left:20px;padding-right:20px}}.customer-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.customer-form-grid>div{flex-direction:column;display:flex}.customer-form-grid .full-width{grid-column:1/-1}.customer-form-grid label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600}.customer-form-grid input,.customer-form-grid select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:42px;padding:0 12px;font-family:Inter,Arial,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.customer-form-grid input:focus,.customer-form-grid select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.customer-form-grid select,.customer-status-select{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}.customer-form-grid select:hover,.customer-status-select:hover{border-color:#9ca3af}.customer-form-grid select:focus,.customer-status-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.customer-form-grid select option,.customer-status-select option{color:#111827;background:#fff;padding:10px;font-size:14px}.customer-form-grid input:disabled{color:#64748b;cursor:not-allowed;opacity:1;background:#f1f5f9;border-color:#e2e8f0}.same-address-checkbox label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;font-weight:500;display:inline-flex}.same-address-checkbox input[type=checkbox]{cursor:pointer;accent-color:#000;width:16px;height:16px;margin:0}.same-address-checkbox span{line-height:16px}.same-address-checkbox label:hover{color:#1e293b}@media (width<=700px){.customer-form-grid{grid-template-columns:1fr}.customer-form-grid .full-width{grid-column:auto}}.add-amc-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.add-amc-btn:hover{background:#222}.add-amc-btn:active{transform:scale(.98)}.customer-order-row{transition:background .15s}.customer-order-row:hover{background:#f8fafc!important}.customer-order-row .order-id{color:#0f172a;font-size:13px;font-weight:600}.customer-order-row .order-product{flex-direction:column;gap:3px;display:flex}.customer-order-row .order-product strong{color:#1e293b;font-size:14px;font-weight:600}.customer-order-row .order-product span{color:#64748b;font-size:12px}.customer-order-row .order-amount{color:#0f172a;font-size:14px;font-weight:700}.order-status{color:#6b7280;text-transform:capitalize;white-space:nowrap;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.order-status.completed,.order-status.delivered{color:#15803d;background:#dcfce7}.order-status.confirmed,.order-status.processing{color:#2563eb;background:#dbeafe}.order-status.shipped{color:#4338ca;background:#e0e7ff}.order-status.pending,.order-status.payment-pending{color:#b45309;background:#fef3c7}.order-status.cancelled,.order-status.canceled{color:#dc2626;background:#fee2e2}.order-status.draft{color:#6b7280;background:#f3f4f6}.empty-table-cell{text-align:center;color:#666;padding:2rem}.visitors-container{color:#111827;box-sizing:border-box;width:100%;padding:4px 0 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.visitors-breadcrumb-wrapper{margin-bottom:8px}.visitors-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.visitors-main-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.visitors-stat-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.v-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-width:0;padding:20px 20px 18px;display:flex;box-shadow:0 1px 3px #00000008}.v-stat-card-top{justify-content:space-between;align-items:center;min-height:38px;margin-bottom:14px;display:flex}.v-stat-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-box-blue{background-color:#eff6ff}.icon-box-green{background-color:#ecfdf5}.icon-box-red{background-color:#fef2f2}.icon-box-gray{background-color:#f3f4f6}.v-stat-trend-badge{border-radius:999px;align-items:center;gap:2px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{color:#16a34a;background-color:#ecfdf5}.v-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:6px;font-size:11px;font-weight:700}.v-stat-value{color:#0f172a;letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.1}.v-stat-subtext{color:#64748b;margin-top:auto;font-size:12.5px;font-weight:400}.v-stat-subtext.text-warning-red{color:#dc2626;align-items:center;gap:4px;font-weight:500;display:flex}.v-stat-progress-track{background-color:#e2e8f0;border-radius:999px;width:100%;height:5px;margin-top:auto;overflow:hidden}.v-stat-progress-fill{background-color:#0f172a;border-radius:999px;height:100%}.visitors-filter-card{width:100%}.visitors-filter-actions .export-btn:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#94a3b8!important}.visitors-filter-actions .export-btn:disabled{opacity:.6!important;cursor:not-allowed!important;background:#fff!important}.visitors-filter-actions .clear-filter-btn{color:#64748b!important;background:#f8fafc!important;border-color:#e2e8f0!important}.visitors-filter-actions .clear-filter-btn:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.date-picker-container{width:100%;position:relative}.date-picker-dropdown{z-index:1000;box-sizing:border-box;background:#fff;border:1px solid #dfe3e8;border-radius:8px;flex-direction:column;gap:12px;width:280px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0000001f}.date-picker-field{flex-direction:column;gap:5px;display:flex}.date-picker-field label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:10.5px;font-weight:700}.date-picker-field input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d5dbe1;border-radius:4px;width:100%;height:38px;padding:0 10px;font-size:13px}.apply-date-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:5px;width:100%;height:38px;font-size:13px;font-weight:600;transition:background-color .15s}.v-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 18px;display:flex}.v-error-text-box{align-items:center;gap:12px;display:flex}.v-error-text-box strong{font-size:14px}.v-error-text-box p{color:#b91c1c;margin:2px 0 0;font-size:13px}.v-error-banner button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.visitors-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.v-table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.v-data-table{border-collapse:collapse;text-align:left;width:100%;min-width:950px}.v-data-table thead{background-color:#f6f8fb;border-bottom:1px solid #dfe3e8}.v-data-table th{color:#60708a;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;box-sizing:border-box;white-space:nowrap;background-color:#f6f8fb;border-bottom:1px solid #dfe3e8;height:46px;padding:0 16px;font-size:11px;font-weight:700;line-height:1.35}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{color:#0f172a}.th-flex-header{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.v-data-table tbody tr{border-bottom:1px solid #e6e9ee;transition:background-color .15s}.v-data-table tbody tr:last-child{border-bottom:none}.v-data-table tbody tr:hover{background-color:#fafbfc}.v-data-table td{vertical-align:middle;color:#263b57;box-sizing:border-box;height:70px;min-height:70px;padding:12px 16px;font-size:13.5px}.col-visit-date{color:#0f172a;white-space:nowrap;min-width:115px;font-size:13.5px;font-weight:500}.col-visitor-name{min-width:180px}.visitor-info-cell{align-items:center;gap:12px;display:flex}.visitor-avatar-initials{letter-spacing:-.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:inline-flex}.avatar-blue{color:#2563eb;background-color:#dce8fe}.avatar-gray{color:#374151;background-color:#e5e7eb}.visitor-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}.visitor-name-block{flex-direction:column;min-width:0;display:flex}.visitor-full-name{color:#0f172a;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.25}.visitor-email-address{color:#64748b;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:400;line-height:1.25}.col-mobile-number{color:#0f172a;white-space:nowrap;min-width:120px;font-size:13.5px;font-weight:500}.font-mono-mobile{color:#1e293b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.col-city,.col-address{color:#374151;white-space:nowrap;min-width:90px;font-size:13.5px;font-weight:500;line-height:1.35}.col-interested-products{min-width:200px}.product-chips-container{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.product-chip-badge{color:#3b66a8;text-overflow:ellipsis;white-space:nowrap;background-color:#dce8fe;border-radius:4px;max-width:180px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.3;display:inline-block;overflow:hidden}.product-more-badge{color:#64748b;font-size:11px;font-weight:500}.views-count-pill{color:#334155;white-space:nowrap;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.no-products-dash{color:#94a3b8}.col-amc-status{min-width:130px}.visitor-status-dropdown-wrapper{display:inline-block;position:relative}.status-pill{text-transform:uppercase;letter-spacing:.04em;text-align:center;cursor:default;color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #0000;border-radius:999px;outline:none;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:11.5px;font-weight:700;line-height:1.2;display:inline-flex}.status-pill-interactive{cursor:pointer;transition:opacity .15s,transform .12s}.status-pill-interactive:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.status-pill-new{color:#1d4ed8!important;background-color:#eff6ff!important;border-color:#bfdbfe!important}.status-pill-contact_pending{color:#b45309!important;background-color:#fef3c7!important;border-color:#fde68a!important}.status-pill-contacted{color:#0369a1!important;background-color:#e0f2fe!important;border-color:#bae6fd!important}.status-pill-interested{color:#047857!important;background-color:#ecfdf5!important;border-color:#a7f3d0!important}.status-pill-not_interested{color:#6b7280!important;background-color:#f3f4f6!important;border-color:#e5e7eb!important}.status-pill-follow_up{color:#c2410c!important;background-color:#fff7ed!important;border-color:#ffedd5!important}.status-pill-converted{color:#15803d!important;background-color:#dcfce7!important;border-color:#bbf7d0!important}.portal-visitor-status-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:2px;padding:6px;display:flex;box-shadow:0 10px 20px -3px #0000001f,0 4px 6px -2px #0000000d}.portal-menu-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;margin-bottom:2px;padding:4px 8px 6px;font-size:10.5px;font-weight:700}.portal-status-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.portal-status-item:hover{color:#0f172a;background-color:#f8fafc}.portal-status-item.active{color:#2563eb;background-color:#eff6ff;font-weight:600}.status-dot-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot-new{background-color:#2563eb}.status-dot-contact_pending{background-color:#d97706}.status-dot-contacted{background-color:#0284c7}.status-dot-interested{background-color:#16a34a}.status-dot-not_interested{background-color:#94a3b8}.status-dot-follow_up{background-color:#ea580c}.status-dot-converted{background-color:#15803d}.col-visitor-actions{text-align:center;width:95px;min-width:95px}.visitor-action-buttons{justify-content:center;align-items:center;gap:6px;display:flex}.v-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.v-action-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.v-action-followup:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.v-data-table td[colspan]{text-align:center!important;vertical-align:middle!important}.v-table-loading-container{color:#64748b;gap:12px;padding:48px 16px;font-size:14px;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;display:flex!important}.v-table-empty-container{padding:52px 16px;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;display:flex!important}.v-table-empty-container h3{color:#0f172a;margin:10px 0 4px;font-size:16px;font-weight:600}.v-table-empty-container p{color:#64748b;margin:0 0 16px;font-size:13.5px}.v-table-empty-container button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.v-filter-date-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:500;display:flex}.visitor-row-clickable{cursor:pointer;transition:background-color .12s}.visitor-row-clickable:hover{background-color:#f8fafc!important}@media (width<=1280px){.visitors-stat-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v-stat-card{padding:16px}.v-stat-value{font-size:24px}.visitors-filter-card{gap:10px}.v-filter-search{flex:1.2 150px}}@media (width<=1024px){.visitors-stat-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width<=768px){.visitors-header-row{margin-bottom:16px}.visitors-main-title{font-size:24px}.visitors-stat-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.v-stat-card{padding:14px}.v-stat-value{font-size:22px}}@media (width<=480px){.visitors-stat-cards-grid{grid-template-columns:1fr;gap:10px}.visitors-filter-actions{grid-template-columns:1fr}.visitors-filter-actions .clear-filter-btn{grid-column:span 1}}.v-followup-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1400;box-sizing:border-box;background:#111827a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.2s ease-out vFollowupFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes vFollowupFadeIn{0%{opacity:0}to{opacity:1}}.v-followup-modal-card{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:520px;animation:.2s ease-out vFollowupScaleIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003}@keyframes vFollowupScaleIn{0%{transform:scale(.97)}to{transform:scale(1)}}.v-followup-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.v-followup-header-title{align-items:center;gap:12px;display:flex}.v-followup-icon-badge{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.v-followup-header-title h3{color:#0f172a;margin:0;font-size:17px;font-weight:700}.v-followup-header-title p{color:#64748b;margin:2px 0 0;font-size:13px}.v-followup-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.v-followup-close-btn:hover{color:#0f172a;background:#e2e8f0}.v-followup-form{flex-direction:column;display:flex}.v-followup-form-body{flex-direction:column;gap:16px;padding:22px;display:flex}.v-form-group{flex-direction:column;gap:6px;display:flex}.v-form-group label{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.v-form-group .req{color:#dc2626}.v-form-group select,.v-form-group input,.v-form-group textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.v-form-group textarea{resize:vertical;height:auto;min-height:85px;padding:10px 12px;line-height:1.4}.v-form-group select:focus,.v-form-group input:focus,.v-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.v-followup-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.v-btn-cancel{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.v-btn-cancel:hover{background:#f1f5f9;border-color:#94a3b8}.v-btn-submit{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .15s;display:inline-flex}.v-btn-submit:hover:not(:disabled){background:#242424}.v-btn-submit:disabled{opacity:.6;cursor:not-allowed}.visitor-details-page{color:#172033;box-sizing:border-box;background:#f8f9fb;width:100%;max-width:100%;min-height:calc(100vh - 60px);padding-bottom:40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.visitor-details-header{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:24px}.visitor-details-header .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.visitor-details-header .breadcrumb-back-row .breadcrumb,.visitor-details-header .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.visitor-details-header .breadcrumb-back-row .page-back-btn{margin:0!important}.visitor-details-title-row{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.visitor-title-and-badges{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.visitor-header-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:700;display:flex}.visitor-title-and-badges h1{color:#0f172a;word-break:break-word;margin:0;font-size:28px;font-weight:700;line-height:1.2}.visitor-header-submeta{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.visitor-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-action-btn{cursor:pointer;color:#334155;white-space:nowrap;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.task-action-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.task-action-btn:disabled{opacity:.65;cursor:not-allowed;color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.task-action-btn.loading{pointer-events:none}.task-action-btn.primary{color:#fff;background:#0f172a;border-color:#0f172a}.task-action-btn.primary:hover:not(:disabled){background:#242424}.visitor-details-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;width:100%;max-width:100%;display:grid}.visitor-details-column{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.details-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;min-width:0;overflow:hidden}.detailsheader{background:#fff;border-bottom:1px solid #f1f3f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px 14px;display:flex}.v-card-counter-badge{color:#1d4ed8;letter-spacing:.02em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.v-card-mini-action-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.v-card-mini-action-btn:hover{color:#fff;background:#0f172a;border-color:#0f172a}.od-customer-field:last-child,.od-customer-field:nth-last-child(2):nth-child(odd){border-bottom:none}.v-contact-link{color:#0f172a;text-decoration:none;transition:color .15s}.v-contact-link:hover{color:#2563eb;text-decoration:underline}.od-items-table-wrap{background:#fff;padding:0 10px 14px;overflow-x:auto}.remarks-cell{color:#475569;word-break:break-word;max-width:280px;font-size:13px;line-height:1.4;white-space:normal!important}.v-empty-card-block{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.v-empty-card-block p{margin:0;font-size:13px}.v-btn-log-first-followup{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:7px;margin-top:8px;padding:8px 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s}.v-btn-log-first-followup:hover{background:#242424}.v-status-changer-panel{flex-direction:column;gap:16px;padding:20px 22px;display:flex}.v-current-status-display{flex-direction:column;display:flex}.v-current-status-display .info-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.v-status-select-group{flex-direction:column;gap:6px;display:flex}.v-status-select-group label{color:#374151;font-size:12px;font-weight:600}.v-status-select-group select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:14px;transition:all .2s}.v-status-select-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.v-btn-update-status-full{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.v-btn-update-status-full:hover:not(:disabled){background:#242424}.v-btn-update-status-full:disabled{opacity:.55;cursor:not-allowed}.v-otp-timeline-list{flex-direction:column;gap:10px;padding:18px 22px;display:flex}.v-otp-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.v-otp-item-top{justify-content:space-between;align-items:center;display:flex}.v-otp-purpose{color:#0f172a;font-size:13px;font-weight:600}.v-otp-code-row{justify-content:space-between;align-items:center;display:flex}.v-otp-code-pill{letter-spacing:.05em;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px 8px;font-size:12.5px;font-weight:700}.v-otp-date-text{color:#64748b;font-size:12px}.v-activity-stat-rows{flex-direction:column;gap:12px;padding:18px 22px;display:flex}.v-activity-stat-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;font-size:13px;display:flex}.v-activity-stat-row:last-child{border-bottom:none;padding-bottom:0}.v-activity-stat-row .label{color:#64748b;font-weight:500}.v-activity-stat-row .value{color:#0f172a;font-weight:700}.task-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#111827a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;z-index:999999!important}.task-modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.task-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.task-modal-header .close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.task-modal-body{flex-direction:column;gap:16px;padding:22px;display:flex}.modal-form-group select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:14px}.task-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.modal-cancel-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.modal-cancel-btn:hover{background:#f1f5f9;border-color:#94a3b8}.modal-submit-btn{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.modal-submit-btn:hover:not(:disabled){background:#242424}.visitor-details-loading-box{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;font-size:14px;display:flex}@media (width<=1100px){.visitor-details-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.od-customer-grid{grid-template-columns:1fr}.od-customer-grid .od-customer-field:nth-child(odd){border-right:none;padding-right:0}.od-customer-grid .od-customer-field:nth-child(2n){padding-left:0}}@media (width<=640px){.visitor-details-title-row{flex-direction:column;align-items:flex-start;gap:14px}.visitor-title-and-badges h1{font-size:22px}.visitor-header-actions{width:100%}.task-action-btn{flex:1;justify-content:center}}.customer-amc-details-page{box-sizing:border-box;background:#f8fafc;width:100%;min-height:100%}.customer-amc-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.customer-amc-header-left{flex-direction:column;gap:14px;display:flex}.customer-amc-header-left .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.customer-amc-header-left .breadcrumb-back-row .breadcrumb,.customer-amc-header-left .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.customer-amc-header-left .breadcrumb-back-row .back-btn{margin:0!important}.breadcrumb{align-items:center;gap:6px;font-size:12px;display:flex}.breadcrumb-link{color:#64748b;cursor:pointer}.breadcrumb-active{color:#1e293b;font-weight:500}.breadcrumb-icon{color:#94a3b8;font-size:16px!important}.back-btn{color:#334155;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:fit-content;padding:0;font-family:inherit;font-size:13px;font-weight:500;display:flex}.back-btn:hover{color:#0f172a}.edit-butn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.edit-butn:hover{background:#1e1e1e}.edit-butn:active{transform:translateY(1px)}.amc-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;overflow:hidden}.amc-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.amc-card-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:600;line-height:1.4}.amc-card-header p{color:#64748b;margin:6px 0 0;font-size:12px;font-weight:400}.amc-status{color:#6b7280;text-transform:capitalize;white-space:nowrap;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.amc-status.active{color:#15803d;background:#dcfce7}.amc-status.expired,.amc-status.cancelled,.amc-status.canceled{color:#dc2626;background:#fee2e2}.amc-status.pending{color:#b45309;background:#fef3c7}.amc-status.inactive{color:#6b7280;background:#f3f4f6}.amc-details-grid{border-top:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.amc-detail-item{box-sizing:border-box;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;gap:7px;min-height:92px;padding:18px 24px;display:flex}.amc-detail-item:nth-child(3n){border-right:none}.amc-detail-item:nth-last-child(-n+1){border-bottom:none}.amc-detail-item span{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.amc-detail-item strong{color:#1e293b;word-break:break-word;font-size:14px;font-weight:500;line-height:1.4}.amc-schedules-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.amc-schedules-card .table-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.amc-schedules-card .table-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:600}.amc-schedules-card table{border-collapse:collapse;width:100%;font-family:inherit}.amc-schedules-card thead{background:#f6f8fb}.amc-schedules-card th{color:#60708a;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid #dfe3e8;height:42px;padding:0 18px;font-size:11px;font-weight:700}.amc-schedules-card td{color:#263b57;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #e6e9ee;height:72px;min-height:72px;padding:16px 18px;font-size:13px;font-weight:400}.amc-schedules-card tbody tr:last-child td{border-bottom:none}.amc-schedules-card tbody tr{transition:background .15s}.amc-schedules-card tbody tr:hover{background:#f8fafc}.amc-schedules-card td.empty-table-cell,.amc-schedules-card td[colspan]{text-align:center!important;vertical-align:middle!important;color:#64748b!important;white-space:normal!important;padding:36px 20px!important;font-size:13.5px!important}.amc-schedules-card td.error-text{color:#dc2626!important}@media (width<=1100px){.amc-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.amc-detail-item,.amc-detail-item:nth-child(3n){border-right:1px solid #e2e8f0}.amc-detail-item:nth-child(2n){border-right:none}}@media (width<=768px){.customer-amc-header{flex-direction:column;align-items:stretch}.edit-butn{width:100%}.amc-card-header{flex-direction:column}.amc-details-grid{grid-template-columns:1fr}.amc-detail-item,.amc-detail-item:nth-child(3n),.amc-detail-item:nth-child(2n){border-right:none}.amc-schedules-card{overflow-x:auto}.amc-schedules-card table{min-width:750px}}.add-order-page{background:#f8fafc;min-height:100vh}.add-order-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.add-order-header .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.add-order-header .breadcrumb-back-row .breadcrumb,.add-order-header .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.add-order-header .breadcrumb-back-row .page-back-btn{margin:0!important}.order-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.order-breadcrumb .active{color:#0f172a;font-weight:500}.add-order-header h1{color:#0f172a;margin:0;font-size:26px;font-weight:600}.add-order-header p{color:#64748b;margin:6px 0 0;font-size:14px}.order-back-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;height:42px;padding:0 18px;font-size:14px}.order-back-button:hover{background:#f8fafc}.add-order-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.order-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:24px 28px 0;padding:12px 14px;font-size:14px}.order-form-section{border-bottom:1px solid #e2e8f0;padding:28px}.order-section-title{color:#0f172a;margin-bottom:6px;font-size:16px;font-weight:600}.order-section-subtitle{color:#64748b;font-size:13px}.order-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.order-form-group{flex-direction:column;gap:7px;display:flex}.order-form-group label{color:#334155;font-size:13px;font-weight:500}.order-form-group input,.order-form-group select,.order-form-group textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;font-family:inherit;font-size:14px}.order-form-group input,.order-form-group select{height:42px;padding:0 12px}.order-form-group textarea{resize:vertical;padding:11px 12px}.order-form-group input:focus,.order-form-group select:focus,.order-form-group textarea:focus{border-color:#0f172a;box-shadow:0 0 0 2px #0f172a0d}.order-form-group input:disabled,.order-form-group input:read-only{color:#64748b;background:#f8fafc}.add-product-button{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:6px;height:40px;padding:0 16px;font-size:14px}.add-product-button:hover{background:#1e293b}.empty-items{text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:6px;padding:30px;font-size:14px}.order-items-container{flex-direction:column;gap:16px;display:flex}.order-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.order-item-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.order-item-header strong{color:#0f172a;font-size:14px}.remove-product-button{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:13px}.remove-product-button:hover{text-decoration:underline}.same-address-checkbox-wrapper{margin:4px 0 16px}.same-address-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.same-address-checkbox input[type=checkbox]{cursor:pointer;accent-color:#0f172a;flex-shrink:0;width:17px;height:17px;margin:0}.same-address-checkbox span{color:#334155;letter-spacing:.01em;font-size:13px;font-weight:500;line-height:1}.same-address-checkbox:hover span{color:#0f172a}.order-form-actions{justify-content:flex-start;gap:12px;padding:24px 28px;display:flex}.order-cancel-button,.order-save-button{cursor:pointer;border-radius:6px;height:42px;padding:0 20px;font-size:14px}.order-cancel-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.order-cancel-button:hover{background:#f8fafc}.order-save-button{color:#fff;background:#0f172a;border:1px solid #0f172a}.order-save-button:hover{background:#1e293b}.order-cancel-button:disabled,.order-save-button:disabled{opacity:.6;cursor:not-allowed}.order-loading{text-align:center;color:#64748b;padding:60px;font-size:14px}@media (width<=900px){.order-form-grid{grid-template-columns:1fr}.add-order-header{gap:20px}}@media (width<=600px){.add-order-header{flex-direction:column;gap:12px}.order-back-button{align-self:flex-start}.order-form-section{padding:20px 16px}.order-form-actions{flex-direction:column-reverse;padding:20px 16px}.order-cancel-button,.order-save-button{width:100%}.order-section-header{flex-direction:column;align-items:flex-start;gap:15px}}.users-page{color:#172033;box-sizing:border-box;width:100%;max-width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.users-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.users-header-info{flex-direction:column;min-width:0;display:flex}.users-title{color:#10233f;letter-spacing:-.3px;margin:0;font-size:30px;font-weight:700;line-height:1.2}.users-subtitle{color:#60708a;margin:8px 0 0;font-size:14px;line-height:1.5}.user-action-btn,.users-header .user-action-btn,.users-header .add-banner-button{color:#fff;cursor:pointer;white-space:nowrap;background:#050505;border:none;border-radius:8px;align-items:center;gap:8px;height:44px;margin:45px 20px 0 0;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.user-action-btn:hover,.users-header .user-action-btn:hover,.users-header .add-banner-button:hover{background:#181818}.users-stats-grid{box-sizing:border-box!important;flex-direction:row!important;justify-content:flex-start!important;align-items:stretch!important;gap:14px!important;width:100%!important;margin-bottom:28px!important;display:flex!important}.users-stats-grid>*,.users-stats-grid .stat-card-clean,.users-stats-grid.stat-cards-row>*{box-sizing:border-box!important;flex:0 0 280px!important;width:280px!important;min-width:0!important;max-width:280px!important}.stat-card-clean{box-sizing:border-box;background:#fff;border:1px solid #e0e4ea;border-radius:10px;flex-direction:row;align-items:center;gap:11px;min-height:76px;padding:13px 14px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000000a}.stat-card-clean:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.stat-card-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:0;display:flex}.stat-card-icon-wrapper svg{font-size:18px!important}.icon-blue{color:#fff;background:#111}.icon-green{color:#16a34a;background:#dcfce7}.icon-orange{color:#2563eb;background:#dfe9ff}.icon-red{color:#dc2626;background:#fee2e2}.stat-card-content{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex;overflow:hidden}.stat-card-number{color:#10233f;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(20px,1.8vw,25px);font-weight:700;line-height:1.15;overflow:hidden}.stat-card-label{color:#60708a;letter-spacing:normal;text-transform:none;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;line-height:1.25;overflow:hidden}.users-filter-card{width:100%}.users-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-family:inherit;font-size:13px}.users-search-box input::placeholder{color:#94a3b8;font-weight:400}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.search-clear-btn:hover{color:#0f172a;background:#f1f5f9}.users-filter-btn-field{flex-shrink:0}.users-filter-dropdown-wrapper{height:42px;position:relative}.users-filter-btn{color:#334155;cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #d8dee8;border-radius:6px;align-items:center;gap:8px;height:42px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.users-filter-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.users-filter-btn.filter-active{color:#0f172a;background:#f8fafc;border-color:#0f172a}.filter-badge-dot{background:#2563eb;border-radius:50%;width:6px;height:6px}.users-filter-popover{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:260px;padding:16px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.filter-popover-header{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.filter-reset-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.filter-reset-link:hover{text-decoration:underline}.filter-group{margin-bottom:12px}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .1s}.filter-chip:hover{background:#f1f5f9;border-color:#cbd5e1}.filter-chip.active{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:600}.users-filter-actions-field{flex-direction:column;min-width:0;margin-left:auto;display:flex}.users-filter-actions-spacer{visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;height:17px;margin-bottom:6px;font-size:11px;line-height:17px;display:block}.users-filter-actions{align-items:center;gap:8px;height:42px;display:flex}.users-export-btn{color:#334155;box-sizing:border-box;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8dee8;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:0;height:42px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.users-export-btn svg{color:#64748b}.users-export-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.users-export-btn:hover svg{color:#0f172a}.users-refresh-btn{cursor:pointer;color:#64748b;box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:6px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .15s;display:inline-flex}.users-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.users-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.users-table-card-clean{box-sizing:border-box;background:#fff;border:1px solid #eaecf0;border-radius:12px;width:100%;max-width:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280a}.users-table-scroll-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;width:100%;max-width:100%;max-height:480px;position:relative;overflow:auto!important}.users-table-scroll-container::-webkit-scrollbar{width:8px;height:8px}.users-table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.users-table-scroll-container::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.users-table-scroll-container::-webkit-scrollbar-thumb:hover{background:#ea580c}.users-table-scroll-container::-webkit-scrollbar-corner{background:#f1f5f9}.users-table-modern{border-collapse:collapse;text-align:left;width:100%;min-width:1100px;table-layout:fixed!important}.users-table-modern thead{z-index:3;background:#f6f8fb;border-bottom:1px solid #dfe3e8;position:sticky;top:0}.users-table-modern th{z-index:3;color:#60708a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;box-sizing:border-box;vertical-align:middle;border-bottom:1px solid #dfe3e8;height:44px;padding:0 16px;font-size:11px;font-weight:700;position:sticky;top:0;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.th-user-name,.users-table-modern th:first-child,.users-table-modern td:first-child{width:240px;min-width:240px}.th-role,.users-table-modern th:nth-child(2),.users-table-modern td:nth-child(2){width:160px;min-width:160px}.th-email,.users-table-modern th:nth-child(3),.users-table-modern td:nth-child(3){width:250px;min-width:250px}.th-phone,.users-table-modern th:nth-child(4),.users-table-modern td:nth-child(4){width:170px;min-width:170px}.th-status,.users-table-modern th:nth-child(5),.users-table-modern td:nth-child(5){width:135px;min-width:135px;overflow:visible!important}.th-actions,.users-table-modern th:nth-child(6),.users-table-modern td:nth-child(6){width:145px;min-width:145px;text-align:center!important}.users-table-modern td{color:#263b57;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #e6e9ee;height:72px;min-height:72px;padding:16px;font-size:13px}.no-users-empty-cell{text-align:center!important;vertical-align:middle!important;height:180px!important}.empty-state-wrapper{color:#64748b;gap:8px;font-size:14px;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;display:flex!important}.empty-reset-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.user-row{border-bottom:1px solid #f1f5f9;transition:background .15s}.user-row:last-child{border-bottom:none}.user-row:hover{background:#fafbfc}.user-name-container{align-items:center;gap:12px;display:flex}.user-avatar{letter-spacing:.3px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.user-name-info{flex-direction:column;gap:2px;min-width:0;display:flex}.user-name-info strong{color:#0f172a;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.25}.user-name-info span{color:#64748b;letter-spacing:.2px;font-size:11px;font-weight:400}.user-role-badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.role-technician{color:#1e40af;background:#dbeafe}.role-admin{color:#fff;background:#0f172a}.role-user{color:#3730a3;background:#e0e7ff}.role-manager{color:#b45309;background:#fef3c7}.user-email-text{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:13.5px;font-weight:400;display:block;overflow:hidden}.user-phone-text{color:#334155;white-space:nowrap;font-size:13.5px;font-weight:500}.user-status-toggle-wrapper{align-items:center;gap:10px;display:flex}.user-toggle-switch{cursor:pointer;flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.user-toggle-switch input{opacity:0;width:0;height:0;position:absolute}.user-toggle-slider{background:#cbd5e1;border-radius:20px;transition:background .25s,box-shadow .25s;position:absolute;inset:0}.user-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #00000026}.user-toggle-switch input:checked+.user-toggle-slider{background:#22c55e}.user-toggle-switch input:checked+.user-toggle-slider:before{transform:translate(16px)}.user-toggle-switch:hover .user-toggle-slider{box-shadow:0 0 0 3px #94a3b84d}.user-toggle-switch:hover input:checked+.user-toggle-slider{box-shadow:0 0 0 3px #22c55e33}.user-toggle-label{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;line-height:1}.user-toggle-label.active{color:#15803d}.user-toggle-label.inactive{color:#94a3b8}.user-status-pill{box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:104px;height:32px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.status-indicator-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-label-text{font-size:12px;font-weight:600}.user-status-pill.status-active,.status-active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.user-status-pill.status-active:hover{background:#dcfce7;border-color:#86efac}.status-active .status-indicator-dot{background:#22c55e}.status-active .status-label-text{color:#15803d}.user-status-pill.status-inactive,.status-inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.user-status-pill.status-inactive:hover{background:#fee2e2;border-color:#fca5a5}.status-inactive .status-indicator-dot{background:#ef4444}.status-inactive .status-label-text{color:#dc2626}.assign-area-dropdown-container{z-index:50;display:inline-block;position:relative}.assign-area-btn{cursor:pointer;color:#334155;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:85px;min-width:85px;max-width:85px;height:36px;padding:0 10px 0 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.assign-area-btn:hover,.assign-area-btn.open{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #1018280d}.assign-btn-text{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.assign-area-menu{box-sizing:border-box;animation:.15s cubic-bezier(.16,1,.3,1) forwards assignMenuFadeIn;position:absolute;top:calc(100% + 4px);left:0;z-index:9999999!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;width:200px!important;max-width:200px!important;padding:6px!important;right:auto!important;overflow:hidden!important;box-shadow:0 16px 32px -4px #0f172a29,0 6px 12px -2px #0f172a14!important}.portal-assign-area-menu{position:fixed!important;right:auto!important}.portal-assign-area-menu.drop-up{box-shadow:0 -16px 32px -4px #0f172a29,0 -6px 12px -2px #0f172a14!important}@keyframes assignMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.assign-area-menu-header{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#fff;border-bottom:1px solid #f1f5f9;margin-bottom:0;padding:5px 4px 6px 25px;font-size:11px;font-weight:700}.assign-area-list{box-sizing:border-box;flex-direction:column;gap:2px;max-height:180px;padding:4px 6px 6px;display:flex;overflow-y:auto}.assign-area-list::-webkit-scrollbar{width:4px}.assign-area-list::-webkit-scrollbar-track{background:0 0;margin:4px 0}.assign-area-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.assign-area-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.assign-area-item{color:#334155;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:7px 10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .1s;display:flex}.assign-item-text,.assign-area-item span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.assign-area-item:hover{color:#0f172a;background:#f1f5f9}.assign-area-item.selected{color:#0f172a;background:#f8fafc;font-weight:600}.user-action-buttons{justify-content:center!important;align-items:center!important;gap:8px!important;display:flex!important}.user-action-btn-row{color:#4b5563;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex}.user-action-btn-row:hover{color:#111;background:#f3f4f6;border-color:#d1d5db}.user-view-btn:hover{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.user-edit-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.user-delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.users-table-footer-modern{box-sizing:border-box;background:#fff;border-top:1px solid #eaecf0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.users-footer-count{color:#64748b;font-size:13px;font-weight:400}.users-footer-count strong{color:#0f172a;font-weight:600}.users-pagination-controls{align-items:center;gap:6px;display:flex}.pagination-nav-btn,.pagination-num-btn{color:#334155;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.pagination-nav-btn:hover:not(:disabled),.pagination-num-btn:hover:not(.active){background:#f8fafc;border-color:#cbd5e1}.pagination-nav-btn:disabled{color:#cbd5e1;cursor:not-allowed;background:#fafbfc}.pagination-num-btn.active{color:#fff;background:#000;border-color:#000;font-weight:600}.pagination-ellipsis{color:#64748b;padding:0 4px;font-size:13px}@media (width<=900px){.users-stats-grid{flex-wrap:wrap!important;gap:12px!important;margin-bottom:20px!important}.users-stats-grid>*,.users-stats-grid .stat-card-clean,.users-stats-grid.stat-cards-row>*{flex:calc(50% - 6px)!important;width:calc(50% - 6px)!important;min-width:0!important;max-width:none!important}.users-header{flex-direction:column!important;align-items:stretch!important;gap:16px!important;margin-bottom:24px!important}.user-action-btn,.users-header .user-action-btn,.users-header .add-banner-button{justify-content:center!important;width:100%!important}}@media (width<=768px){.users-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin-bottom:20px!important}.users-title{font-size:26px!important}.users-subtitle{font-size:13.5px!important}.user-action-btn,.users-header .user-action-btn,.users-header .add-banner-button{justify-content:center!important;width:100%!important;height:44px!important;margin:0!important}.users-filter-card{flex-wrap:wrap!important;align-items:stretch!important;gap:12px!important;padding:14px 16px!important}:is(.users-filter-card .filter-item,.users-filter-card .filter-item:has(input[type=text]),.users-filter-card .filter-item:has(select)){flex:calc(50% - 6px)!important;width:auto!important;min-width:140px!important;max-width:100%!important}.users-filter-card .filter-item.export{flex-direction:row!important;flex:100%!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-top:4px!important;margin-left:0!important;display:flex!important}.users-table-footer-modern{flex-direction:column;align-items:flex-start;gap:12px}.users-pagination-controls{justify-content:center;width:100%}}@media (width<=550px){.users-stats-grid>*,.users-stats-grid .stat-card-clean,.users-stats-grid.stat-cards-row>*{flex:100%!important;width:100%!important;max-width:100%!important}.users-filter-card{box-sizing:border-box!important;flex-flow:wrap!important;align-items:stretch!important;gap:10px 8px!important;width:100%!important;padding:12px 14px!important;display:flex!important}.users-filter-card .filter-item:has(input[type=text]){flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}.users-filter-card .filter-item:has(select){flex:calc(50% - 4px)!important;width:calc(50% - 4px)!important;min-width:0!important;max-width:calc(50% - 4px)!important}.users-filter-card .filter-item input,.users-filter-card .filter-item select{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:38px!important}.users-filter-card .filter-item.export{flex-direction:row!important;flex:100%!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-top:4px!important;margin-left:0!important;display:flex!important}.users-filter-card .filter-item.export button{flex:1!important;justify-content:center!important;height:40px!important}.users-table-modern th{height:40px;padding:0 12px;font-size:10.5px}.users-table-modern td{height:auto;padding:12px;font-size:12.5px}}@media (width<=440px){.users-title{font-size:22px!important}.users-subtitle{font-size:12.5px!important}.users-filter-card{gap:8px!important;padding:12px 10px!important}.users-filter-card .filter-item:has(select){flex:100%!important;width:100%!important;max-width:100%!important}}.users-feedback-toast{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13.5px;font-weight:500;animation:.2s ease-in fadeIn;display:flex;box-shadow:0 2px 4px #0000000d}.feedback-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.feedback-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.feedback-close-btn{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;align-items:center;margin-left:auto;padding:2px;display:flex}.feedback-close-btn:hover{opacity:1}.users-error-banner{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex}.users-error-text{flex:1}.users-error-text strong{color:#991b1b;margin-bottom:2px;font-size:13.5px;display:block}.users-error-text p{color:#b91c1c;margin:0;font-size:12.5px}.users-retry-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s}.users-retry-btn:hover{background:#dc2626}.users-sync-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #eaecf0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #1018280a}.users-sync-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.users-sync-btn:disabled{opacity:.6;cursor:not-allowed}.filter-city-input,.filter-phone-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;height:34px;padding:0 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.filter-city-input:focus,.filter-phone-input:focus{background:#fff;border-color:#94a3b8}.user-details-page{color:#172033;background:#f8f9fb;min-height:calc(100vh - 60px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-details-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.user-details-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex}.user-details-header h1{letter-spacing:-.5px;color:#172033;margin:0;font-size:32px;font-weight:700;line-height:1.2}.user-details-header p{color:#64748b;margin:8px 0 0;font-size:14px}.user-details-actions{flex-wrap:wrap;gap:8px;display:flex}.edit-profile-btn,.deactivate-btn,.activate-btn,.reset-pwd-btn,.delete-user-btn{cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.edit-profile-btn{color:#fff;background:#050505;border:1px solid #050505}.edit-profile-btn:hover{background:#222}.reset-pwd-btn{color:#475569;background:#fff;border:1px solid #cbd5e1}.reset-pwd-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.deactivate-btn{color:#ef4444;background:#fff;border:1px solid #ef4444}.deactivate-btn:hover{background:#fff5f5}.activate-btn{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.activate-btn:hover{background:#d1fae5}.delete-user-btn{color:#ef4444;background:#fff;border:1px solid #ef4444}.delete-user-btn:hover{background:#fef2f2}.edit-profile-btn:disabled,.deactivate-btn:disabled,.activate-btn:disabled,.reset-pwd-btn:disabled,.delete-user-btn:disabled{opacity:.6;cursor:not-allowed}.user-details-feedback{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13.5px;font-weight:500;animation:.2s ease-in fadeIn;display:flex}.user-details-loading-state,.user-details-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.user-details-error-state h2{color:#0f172a;margin:0;font-size:22px}.user-details-error-state p{color:#64748b;margin:0 0 12px;font-size:14px}.user-details-card{background:#fff;border:1px solid #dfe3e8;border-radius:8px;flex-direction:column;gap:18px;margin-bottom:20px;padding:24px 28px;display:flex;box-shadow:0 1px 2px #00000005}.user-details-row-primary{border-bottom:1px solid #f1f5f9;align-items:center;gap:20px;padding-bottom:18px;display:flex}.user-details-row-primary .profile-image{flex-shrink:0;width:76px;height:76px;margin:0;position:relative}.profile-img-element{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:76px;height:76px}.profile-initials{color:#4169b8;background:#dce8ff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:24px;font-weight:700;display:flex}.online-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;bottom:2px;right:2px}.offline-dot{background:#94a3b8;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;bottom:2px;right:2px}.user-primary-info{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.user-primary-info h2{color:#111827;letter-spacing:-.2px;margin:0;font-size:20px;font-weight:600}.user-primary-info .profile-role{color:#334155;background:#f1f5f9;border-radius:20px;margin:0;padding:4px 12px;font-size:12.5px;font-weight:600}.user-primary-info .profile-id{color:#64748b;margin:0;font-size:13px;font-weight:500}.user-details-row-contact{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding-bottom:18px;display:flex}.user-details-row-address{align-items:flex-start;width:100%;display:flex}.contact-item{align-items:flex-start;gap:12px;display:flex}.contact-item svg{color:#64748b;flex-shrink:0;margin-top:1px;font-size:18px!important}.contact-item span{color:#334155;word-break:break-word;font-size:13.5px;line-height:1.5}.service-area-card{background:#fff;border:1px solid #dfe3e8;border-radius:8px;width:100%;margin-bottom:20px;padding:24px 28px;box-shadow:0 1px 2px #00000005}.service-history-card{background:#fff;border:1px solid #dfe3e8;border-radius:8px;margin-top:20px;overflow:hidden}.service-history-header{border-bottom:1px solid #e8ebef;justify-content:space-between;align-items:center;height:58px;padding:0 28px;display:flex}.service-history-header button{color:#334155;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:10px;font-weight:600}.service-history-header button:hover{color:#000}.service-history-table-wrapper{overflow-x:auto}.service-history-table{border-collapse:collapse;width:100%}.service-history-table th{text-align:left;letter-spacing:.5px;color:#64748b;text-transform:uppercase;height:42px;padding:0 16px;font-size:10px;font-weight:600}.service-history-table td{color:#475569;border-top:1px solid #e8ebef;height:58px;padding:0 16px;font-size:12px}.service-id{font-weight:600;color:#334155!important}.service-status{border-radius:10px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-block}.rating{color:#334155;align-items:center;gap:4px;font-weight:500;display:flex}.rating svg{color:#f59e0b;font-size:14px}.back-users-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe3e8;align-items:center;gap:7px;height:38px;margin-top:22px;padding:0 15px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.back-users-btn:hover{background:#f1f3f5}@media (width<=900px){.user-details-header{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=650px){.user-details-header h1{font-size:28px}.user-details-actions{width:100%}.edit-profile-btn,.deactivate-btn,.activate-btn,.reset-pwd-btn,.delete-user-btn{flex:1}.user-details-card,.service-area-card{padding:20px 16px}.user-details-row-primary{flex-direction:column;align-items:flex-start;gap:14px}.user-primary-info{gap:10px 14px}}.add-user-page{color:#172033;box-sizing:border-box;background:#f8f9fb;width:100%;max-width:100%;min-height:calc(100vh - 60px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.add-user-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.breadcrumb-back-row .breadcrumb,.breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.breadcrumb-back-row .page-back-btn{margin:0!important}.user-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.user-title-row h1{margin:0}.user-status-chip{letter-spacing:.4px;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px 4px #00000014}.user-status-chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.user-status-chip--active{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.user-status-chip--active .user-status-chip-dot{background:#16a34a;box-shadow:0 0 0 2px #16a34a40}.user-status-chip--inactive{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.user-status-chip--inactive .user-status-chip-dot{background:#dc2626;box-shadow:0 0 0 2px #dc262633}.add-user-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.au-action-btn{cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;height:38px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.au-action-btn:disabled{opacity:.6;cursor:not-allowed}.au-reset-btn{color:#475569;background:#fff;border:1px solid #cbd5e1}.au-reset-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.au-deactivate-btn{color:#ef4444;background:#fff;border:1px solid #ef4444}.au-deactivate-btn:hover:not(:disabled){background:#fff5f5}.au-activate-btn{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.au-activate-btn:hover:not(:disabled){background:#d1fae5}.au-delete-btn{color:#ef4444;background:#fff;border:1px solid #ef4444}.au-delete-btn:hover:not(:disabled){background:#fef2f2}.add-user-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex}.add-user-breadcrumb-link{cursor:pointer}.add-user-breadcrumb-link:hover{color:#172033}.add-user-header h1{letter-spacing:-.5px;color:#172033;margin:0;font-size:32px;font-weight:700;line-height:1.2}.add-user-header p{color:#64748b;margin:8px 0 0;font-size:14px;font-weight:400}.add-user-form{width:100%;max-width:100%}.form-section{background:#fff;border:1px solid #dfe3e8;border-radius:8px;width:100%;margin-bottom:20px;padding:24px;box-shadow:0 1px 2px #00000005}.form-section-header{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:18px;display:flex}.form-section-header-left{align-items:center;gap:12px;min-width:0;display:flex}.section-edit-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.section-edit-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.section-edit-btn.editing{color:#4338ca;background:#eef2ff;border-color:#818cf8}.section-edit-btn svg{font-size:15px}.section-action-group{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.section-cancel-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;height:32px;padding:0 11px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.section-cancel-btn:hover:not(:disabled){color:#374151;background:#f8fafc;border-color:#94a3b8}.section-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.section-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:1px solid #0f172a;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;height:32px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.section-save-btn:hover:not(:disabled){background:#1e293b;border-color:#1e293b}.section-save-btn:disabled{opacity:.7;cursor:not-allowed}.form-section-icon{color:#5066c7;background:#eef2ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.form-section-icon svg{font-size:19px}.form-section-header h2{color:#172033;margin:0;font-size:16px;font-weight:600}.form-section-header p{color:#64748b;margin:4px 0 0;font-size:12.5px}.form-group-adduser{flex-direction:column;width:100%;display:flex}.form-group-adduser.fullwidth{grid-column:1/-1}.form-group-adduser label{color:#334155;margin-bottom:7px;font-size:12.5px;font-weight:600}.form-group-adduser label span{color:#ef4444;margin-left:3px}.input-user{background:#fff;border:1px solid #dce1e6;border-radius:6px;align-items:center;gap:8px;width:100%;height:42px;padding:0 12px;display:flex}.input-user:focus-within{border-color:#64748b}.input-user svg{color:#94a3b8;flex-shrink:0;font-size:18px}.input-user input{color:#172033;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:inherit;font-size:13px}.input-user input::placeholder{color:#a0a8b2}.normal-input,.form-group-adduser select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #dce1e6;border-radius:6px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.normal-input:focus,.form-group-adduser select:focus{border-color:#64748b}.normal-input::placeholder{color:#a0a8b2}.input-user.disabled{background:#f8fafc;border-color:#e2e8f0}.input-user:has(input:disabled){background:#f8fafc;border-color:#e2e8f0}.input-user input:disabled,.normal-input:disabled,.normal-input.disabled,.form-group-adduser select:disabled,.form-group-adduser select.disabled{color:#64748b;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.pwd-toggle-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0 4px;transition:color .15s;display:flex}.pwd-toggle-btn:hover{color:#334155}.input-user,.normal-input,.form-group-adduser select{transition:border-color .18s,box-shadow .18s,background .18s}.input-user.input-error,.normal-input.input-error,.form-group-adduser select.input-error{background:#fff5f5!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.input-user.input-error:focus-within,.normal-input.input-error:focus,.form-group-adduser select.input-error:focus{background:#fff5f5!important;border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26262e!important}.input-user.input-error input,.input-user.input-error input:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.form-error{color:#ef4444;margin-top:5px;font-size:11.5px;line-height:1.3;display:block}.add-user-footer{justify-content:flex-end;align-items:center;gap:12px;width:100%;padding:16px 0 24px;display:flex}.cancel-user-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 22px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.cancel-user-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.cancel-user-btn:disabled{opacity:.6;cursor:not-allowed}.save-user-btn{cursor:pointer;color:#fff;background:#050505;border:1px solid #050505;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 24px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.save-user-btn:hover{background:#1e1e1e}.save-user-btn:disabled{opacity:.6;cursor:not-allowed}.profile-photo-uploader{flex-wrap:wrap;align-items:center;gap:20px;padding:6px 0;display:flex}.photo-preview-box{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex;overflow:hidden}.photo-preview-img{object-fit:cover;width:100%;height:100%}.photo-upload-controls{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.photo-btn-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-photo-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;width:fit-content;height:38px;padding:0 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.upload-photo-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.upload-photo-btn:disabled{opacity:.6;cursor:not-allowed}.delete-photo-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;width:fit-content;height:38px;padding:0 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.delete-photo-btn:hover:not(:disabled){color:#dc2626;background:#fee2e2;border-color:#fca5a5}.delete-photo-btn:disabled{opacity:.6;cursor:not-allowed}.delete-photo-btn svg{color:#ef4444}.photo-save-btn{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:6px;align-items:center;gap:6px;width:fit-content;height:38px;padding:0 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.photo-save-btn:hover:not(:disabled){background:#1e293b;border-color:#1e293b}.photo-save-btn:disabled{opacity:.7;cursor:not-allowed}.photo-cancel-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;width:fit-content;height:38px;padding:0 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.photo-cancel-btn:hover:not(:disabled){color:#374151;background:#f8fafc;border-color:#94a3b8}.photo-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.photo-upload-hint{color:#64748b;font-size:11.5px}.add-user-alert{border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:12px 16px;font-size:13.5px;font-weight:500;display:flex}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.field-hint-text{color:#64748b;margin-top:4px;font-size:11.5px}.service-area-card{box-sizing:border-box;background:#fff;border:1px solid #dfe3e8;border-radius:8px;width:100%;margin-bottom:20px;padding:24px;box-shadow:0 1px 2px #00000005}.service-area-card h3{color:#111827;margin:0 0 16px;font-size:15px;font-weight:600}.service-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.service-tags span{color:#2563eb;background:#eff6ff;border:1px solid #2563eb14;border-radius:6px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.2;display:inline-flex}.no-service-areas{color:#94a3b8;margin:0;font-size:13.5px;font-style:italic}.service-history-card{box-sizing:border-box;background:#fff;border:1px solid #dfe3e8;border-radius:8px;width:100%;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 2px #00000005}.service-history-header{box-sizing:border-box;border-bottom:1px solid #e8ebef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 24px;display:flex}.service-history-header h3{color:#111827;margin:0;font-size:15px;font-weight:600}.service-history-table-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;overflow-x:auto!important}.service-history-table{border-collapse:collapse;width:100%;min-width:620px}.service-history-table thead{background:#f8fafc}.service-history-table th{text-align:left;letter-spacing:.5px;color:#64748b;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e8ebef;height:42px;padding:0 16px;font-size:11px;font-weight:600}.service-history-table td{color:#475569;vertical-align:middle;border-top:1px solid #e8ebef;height:56px;padding:12px 16px;font-size:13px}.service-history-table td strong{color:#172033;font-size:13px;font-weight:600}.service-id{font-family:inherit;font-weight:600;color:#334155!important}.service-status{text-transform:capitalize;border-radius:9999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.service-status.resolved{color:#059669;background:#ecfdf5}.service-status.processing{color:#2563eb;background:#eff6ff}.service-status.pending{color:#d97706;background:#fffbeb}.service-history-card .rating{color:#334155;align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:inline-flex}.service-history-card .rating svg{color:#f59e0b;font-size:15px}@media (width<=992px){.add-user-header h1{font-size:28px}.form-grid{gap:16px}.form-section,.service-area-card{padding:20px}.service-history-header{padding:10px 20px}.form-section-header{flex-wrap:wrap}.form-section-header-left{flex:60%}}@media (width<=768px){.add-user-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin-bottom:20px!important}.add-user-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;display:flex}.au-action-btn{flex:auto;justify-content:center;min-width:120px;height:38px}.add-user-header h1{letter-spacing:-.3px;font-size:24px}.add-user-header p{margin-top:4px;font-size:13px}.form-grid{grid-template-columns:1fr;gap:14px}.form-group-adduser.fullwidth{grid-column:auto}.form-section,.service-area-card{margin-bottom:16px;padding:18px 16px}.form-section-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.form-section-header-left{flex:1;gap:10px;min-width:0}.section-edit-btn,.section-cancel-btn,.section-save-btn{height:30px;padding:0 10px;font-size:11.5px}.form-section-header h2{font-size:15px}.form-section-header p{font-size:12px}.profile-photo-uploader{gap:16px}.photo-preview-box{width:76px;height:76px}.service-history-card{margin-bottom:16px}.service-history-header{min-height:50px;padding:10px 16px}.breadcrumb-back-row{gap:10px;margin-bottom:10px}.add-user-footer{gap:10px;padding:16px 0}.cancel-user-btn,.save-user-btn{flex:1;height:44px;font-size:13.5px}}@media (width<=480px){.add-user-header h1{font-size:21px}.add-user-header p{font-size:12px}.add-user-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.add-user-actions .au-action-btn{width:100%;padding:0 8px;font-size:11.5px}.add-user-actions .au-action-btn:nth-child(3){grid-column:1/-1}.form-section,.service-area-card{border-radius:8px;margin-bottom:14px;padding:16px 12px}.form-section-header{gap:8px;margin-bottom:14px;padding-bottom:12px}.form-section-icon{width:32px;height:32px}.form-section-icon svg{font-size:17px}.form-section-header h2{font-size:14.5px}.form-section-header p{font-size:11.5px}.section-edit-btn,.section-cancel-btn,.section-save-btn{height:28px;padding:0 8px;font-size:11px}.profile-photo-uploader{text-align:center;flex-direction:column;align-items:center;gap:14px}.photo-upload-controls{align-items:center;width:100%;min-width:0}.photo-btn-group{justify-content:center;gap:8px;width:100%}.upload-photo-btn,.delete-photo-btn,.photo-save-btn,.photo-cancel-btn{flex:1;justify-content:center;height:38px;font-size:12px}.service-tags span{padding:6px 10px;font-size:12px}.add-user-footer{gap:10px;padding:12px 0 20px}.cancel-user-btn,.save-user-btn{flex:1;height:44px}}@media (width<=360px){.add-user-header h1{letter-spacing:-.2px;font-size:18px}.add-user-header p{font-size:11.5px}.form-section,.service-area-card{border-radius:6px;margin-bottom:12px;padding:14px 10px}.form-section-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px;padding-bottom:12px}.form-section-header-left{flex:100%;width:100%}.section-action-group,.section-edit-btn{justify-content:flex-end;width:100%;display:flex}.section-cancel-btn,.section-save-btn,.section-edit-btn{height:30px;padding:0 10px;font-size:11px}.form-section-icon{width:28px;height:28px}.form-section-icon svg{font-size:15px}.form-section-header h2{font-size:13.5px}.form-section-header p{font-size:11px}.breadcrumb-back-row{flex-wrap:wrap;gap:8px}.page-back-btn{padding:5px 10px;font-size:12px}.profile-photo-uploader{flex-direction:column;align-items:center;gap:12px}.photo-preview-box{width:70px;height:70px}.photo-upload-controls{align-items:center;width:100%}.photo-btn-group{flex-direction:column;align-items:stretch;gap:6px;width:100%}.upload-photo-btn,.delete-photo-btn,.photo-save-btn,.photo-cancel-btn{justify-content:center;width:100%;height:36px;font-size:11.5px}.add-user-actions{grid-template-columns:1fr}.add-user-actions .au-action-btn:nth-child(3){grid-column:auto}.au-action-btn{height:36px;font-size:11px}.service-history-header{padding:10px 12px}.service-history-header h3{font-size:13.5px}.service-history-table th{padding:0 10px;font-size:10px}.service-history-table td{padding:10px;font-size:12px}.form-grid{gap:12px}.input-user,.normal-input,.form-group-adduser select{height:40px;font-size:12.5px}.cancel-user-btn,.save-user-btn{height:42px;font-size:13px}.add-user-footer{gap:8px;padding:10px 0 18px}.service-tags span{padding:5px 8px;font-size:11.5px}}.orders-page,.orders-page *,.orders-page :before,.orders-page :after{box-sizing:border-box}.orders-page{color:#172033;background:#f8f9fb;min-height:calc(100vh - 60px);padding-bottom:30px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.orders-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.orders-header h1{letter-spacing:normal;color:#10233f;margin:0;font-size:30px;font-weight:700;line-height:1.2}.orders-header p{color:#60708a;margin:8px 0 0;font-size:14px;line-height:1.5}.order-feedback-banner{border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:500;animation:.25s fadeIn;display:flex}.order-feedback-banner.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.order-feedback-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.order-stats-grid,.orders-page .banner-stat-grid{box-sizing:border-box;flex-flow:row;align-items:stretch;gap:14px;width:100%;margin-bottom:28px;display:flex}.order-stats-grid>*,.orders-page .banner-stat-grid>*{box-sizing:border-box;flex:1 1 0;min-width:0}.banner-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:11px;min-height:76px;padding:13px 14px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.banner-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.banner-stat-icon.black{color:#fff;background:#111}.banner-stat-icon.red{color:#dc2626;background:#fee2e2}.banner-stat-content strong.stat-value-large{letter-spacing:-.4px;font-size:clamp(15.5px,1.35vw,19px)}.orders-tabs{border-bottom:1px solid #dfe3e8;align-items:flex-end;gap:24px;height:44px;margin-bottom:20px;display:flex}.orders-tabs button{letter-spacing:.3px;color:#94a3b8;cursor:pointer;background:0 0;border:none;height:44px;padding:0 4px;font-family:inherit;font-size:13px;font-weight:600;transition:color .15s;position:relative}.orders-tabs button.active{color:#172033}.orders-tabs button.active:after{content:"";background:#0f172a;height:2px;position:absolute;bottom:-1px;left:0;right:0}.orders-filter-card{width:100%}.orders-table-wrapper{box-sizing:border-box;background:#fff;border:1px solid #dfe3e8;border-radius:10px;width:100%;max-width:100%;overflow:visible;box-shadow:0 1px 3px #00000008}.orders-table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.orders-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:860px}.orders-table thead{background:#f6f8fb}.orders-table th{text-align:left;letter-spacing:.5px;color:#60708a;text-transform:uppercase;white-space:nowrap;box-sizing:border-box;background:#f6f8fb;border-bottom:1px solid #dfe3e8;font-size:11px;font-weight:700;height:44px!important;padding:0 16px!important}.orders-table td{box-sizing:border-box;color:#263b57;vertical-align:middle;border-bottom:1px solid #e6e9ee;height:68px;min-height:68px;padding:14px 18px;font-size:13px}.orders-table tbody tr:last-child td{border-bottom:none}.order-row.clickable-row{cursor:pointer;transition:background-color .15s}.order-row.clickable-row:hover{background-color:#f8fafc!important}.order-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:250px;display:block;overflow:hidden}.order-id{color:#0f172a;font-size:13px;font-weight:600}.order-customer strong{color:#172033;margin-bottom:2px;font-size:13px;font-weight:600}.order-customer span{color:#8aa0c0;font-size:11px;font-weight:500}.order-date-col strong{color:#334155;font-size:13px;font-weight:500;display:block}.order-date-col span{color:#94a3b8;font-size:11px;display:block}.order-amount{color:#0f172a;white-space:nowrap;font-size:14px;font-weight:600}.status-badges-group{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.order-status{text-transform:capitalize;letter-spacing:.2px;white-space:nowrap;border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.order-status.badge-draft{color:#475569;background:#f1f5f9}.order-status.badge-confirmed{color:#0369a1;background:#e0f2fe}.order-status.badge-payment-pending{color:#92400e;background:#fef3c7}.order-status.badge-paid{color:#1d4ed8;background:#dbeafe}.order-status.badge-processing{color:#6d28d9;background:#ede9fe}.order-status.badge-shipped{color:#0284c7;background:#e0f2fe}.order-status.badge-delivered{color:#15803d;background:#dcfce7}.order-status.badge-partially-delivered{color:#0f766e;background:#ccfbf1}.order-status.badge-closed{color:#334155;background:#f1f5f9}.order-status.badge-cancelled,.order-status.badge-refunded{color:#b91c1c;background:#fee2e2}.order-task-pill{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.payment-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.payment-status-badge.pay-completed,.payment-status-badge.pay-success,.payment-status-badge.pay-paid{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.payment-status-badge.pay-created,.payment-status-badge.pay-pending,.payment-status-badge.pay-attempted{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.payment-status-badge.pay-failed,.payment-status-badge.pay-expired{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.payment-status-badge.pay-refunded{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.payment-status-badge.pay-unpaid{color:#94a3b8}.order-actions{align-items:center;gap:6px;display:flex;justify-content:flex-start!important}.orders-table th:last-child,.orders-table td:last-child{text-align:left!important}.action-icon-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.view-order-btn{color:#475569}.view-order-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.delete-order-btn{color:#dc2626}.delete-order-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.order-edit-icon-btn{color:#475569}.order-edit-icon-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.orders-table td.orders-table-status-cell,.orders-table-status-cell{text-align:center!important;vertical-align:middle!important;padding:50px 20px!important}.orders-table-status-cell.error-text{color:#dc2626;text-align:center!important}.retry-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;height:34px;margin-top:10px;padding:0 16px;font-size:12px;font-weight:600;align-self:center!important}.orders-empty-state,.table-loading-spinner{gap:8px;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;display:flex!important}.orders-empty-state h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.orders-empty-state p{color:#64748b;max-width:360px;margin:0;font-size:13px}.clear-filters-btn-empty{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #d8dee8;border-radius:6px;height:34px;margin-top:8px;padding:0 16px;font-size:12px;font-weight:600}.clear-filters-btn-empty:hover{color:#0f172a;background:#e2e8f0}.amc-orders-placeholder{text-align:center;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:60px 20px}.amc-orders-placeholder h2{color:#172033;margin:0 0 8px;font-size:20px;font-weight:600}.amc-orders-placeholder p{color:#64748b;margin:0;font-size:14px}@media (width>=901px){.orders-filter-actions{flex-wrap:nowrap;gap:6px;width:100%;min-width:0}}@media (width<=900px){.order-stats-grid,.orders-page .banner-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.order-stats-grid>*,.orders-page .banner-stat-grid>*{flex:initial;width:100%;min-width:0}.orders-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-search-filter,.orders-date-filter,.orders-filter-actions-field{grid-column:span 2}}@media (width<=768px){.orders-header{flex-direction:column;gap:12px}.orders-filter-card{grid-template-columns:1fr;gap:12px}.orders-search-filter,.orders-status-filter,.orders-payment-filter,.orders-task-filter,.orders-date-filter,.orders-filter-actions-field{grid-column:span 1;width:100%}.orders-filter-actions-field{min-width:0}.orders-filter-actions{width:100%}.orders-export-btn{flex:1}.order-truncate{max-width:180px}}@media (width<=550px){.order-stats-grid,.orders-page .banner-stat-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px;display:grid}}@media (width<=480px){.orders-filter-card{padding:14px}.orders-filter-actions{flex-wrap:wrap;height:auto}.orders-export-btn,.orders-reset-btn{flex:auto}}.details-card-header{border-bottom:1px solid #f1f3f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 14px;display:flex}.details-card-header h3{color:#0f172a;letter-spacing:.1px;margin:0;font-size:13px;font-weight:600}@keyframes od-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes od-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes cancelPanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=1024px){.order-details-layout{grid-template-columns:1fr}.order-details-right{grid-template-columns:1fr 1fr;display:grid}}@media (width<=900px){.order-details-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=768px){.order-details-header h1{font-size:26px}.order-details-right,.order-info-grid{grid-template-columns:1fr}.order-info-item:nth-child(odd){border-right:none;padding-right:0}.order-info-item:nth-child(2n){padding-left:0}.od-customer-grid{grid-template-columns:1fr}.od-customer-grid .od-customer-field:nth-child(odd){border-right:none;padding-right:0}.od-customer-grid .od-customer-field:nth-child(2n){padding-left:0}.details-card-header{flex-wrap:wrap;gap:10px}}@media (width<=600px){.order-details-header h1{font-size:22px}.order-header-actions{flex-wrap:wrap;width:100%}.contact-btn,.edit-order-btn,.cancel-order-btn{flex:1;justify-content:center;min-width:0}.order-details-layout{display:block}.order-details-right{flex-direction:column;margin-top:20px;display:flex}.location-item{grid-column:auto}.od-skel-fields{grid-template-columns:1fr}.cancel-panel{width:100%}.cancel-panel-header{padding:25px 20px 20px}.cancel-panel-body{padding:0 20px}.cancel-panel-footer{padding:16px 20px}}.contact-btn{letter-spacing:.3px;cursor:pointer;color:#30363d;background:#e5e7eb;border:none;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 20px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.order-details-left,.order-details-right{flex-direction:column;gap:20px;display:flex}.details-card-header{border-bottom:1px solid #eceef0;gap:50px;padding:20px 20px 16px;display:flex}.details-card-header h3,.timeline-card h3{letter-spacing:.4px;color:#172033;margin:0;font-size:13px;font-weight:600}.order-info-grid{grid-template-columns:1fr 1fr;padding:4px 24px 24px;display:grid}@media (width<=900px){.order-details-header{flex-direction:column;align-items:flex-start;gap:20px}.order-details-layout{grid-template-columns:1fr}.order-details-right{grid-template-columns:1fr 1fr;display:grid}}@media (width<=600px){.order-details-page{padding:20px}.order-details-header h1{font-size:28px}.order-details-layout{display:block}.order-details-right{margin-top:20px;display:flex}.order-info-grid{grid-template-columns:1fr}.order-info-item:nth-child(odd),.order-info-item:nth-child(2n){border-right:none;padding-left:0;padding-right:0}.location-item{grid-column:auto}.order-header-actions{width:100%}.contact-btn,.update-status-btn{flex:1}}@media (width<=1024px){.order-details-layout{grid-template-columns:1fr}}@media (width<=768px){.order-details-header{flex-direction:column;align-items:flex-start;gap:16px}.order-info-grid{grid-template-columns:1fr}.order-info-item:nth-child(odd){border-right:none;padding-right:0}.order-info-item:nth-child(2n){padding-left:0}.details-card-header{flex-wrap:wrap;gap:16px}}@media (width<=600px){.cancel-panel{width:100%}.cancel-panel-header{padding:25px 20px 20px}.cancel-panel-body{padding:0 20px}.cancel-panel-footer{padding:16px 20px}}.od-order-notes-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;margin:0 20px 20px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}@media (width<=768px){.od-address-grid{grid-template-columns:1fr}}@media (width<=768px){.od-payment-info-grid{grid-template-columns:1fr}.od-payment-info-grid .od-payment-grid-item:nth-child(odd){border-right:none;padding-right:0}.od-payment-info-grid .od-payment-grid-item:nth-child(2n){padding-left:0}.od-payment-success-banner{flex-direction:column;align-items:flex-start}.od-pay-banner-amount{align-items:flex-start;width:100%}}.od-icon-teal{color:#059669;background:#ecfdf5}.od-amc-badge-yes{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-block}.od-amc-badge-no{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-block}.od-amc-simple-list{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.od-amc-simple-card{background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 20px;padding:16px 18px;display:grid}.od-amc-simple-field{flex-direction:column;gap:4px;display:flex}.od-amc-simple-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.od-amc-simple-value{color:#1e293b;font-size:13.5px;font-weight:600}.complaints-page{background:#f8f9fb;min-height:100%}.complaints-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.complaints-header h1{color:#10233f;margin:0;font-size:30px;font-weight:700;line-height:1.2}.complaints-header p{color:#60708a;margin:8px 0 0;font-size:14px;line-height:1.5}.banner-stat-icon.green,.stat-icon.green,.stat-icon.light{color:#16a34a;background:#dcfce7}.banner-stat-content strong,.stat-card h2,.stat-card strong{color:#10233f;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(20px,1.8vw,25px);font-weight:700;line-height:1.15;overflow:hidden}.complaints-filter-card{width:100%}.complaints-table-wrapper,.table-card{box-sizing:border-box;background:#fff;border:1px solid #dfe3e8;border-radius:10px;width:100%;max-width:100%;box-shadow:0 1px 3px #0000000a;overflow:visible!important}.complaints-table-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:100%;overflow:auto visible}.complaints-table,.complaints-table-container table,.table-card table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:960px}.complaints-table thead,.complaints-table-container thead{background:#f6f8fb}.complaints-table th,.complaints-table-container th{text-align:left;letter-spacing:.5px;color:#60708a;text-transform:uppercase;white-space:nowrap;box-sizing:border-box;background:#f6f8fb;border-bottom:1px solid #dfe3e8;height:46px;padding:0 16px;font-size:11px;font-weight:700}.complaints-table td,.complaints-table-container td{box-sizing:border-box;color:#263b57;vertical-align:middle;border-bottom:1px solid #e6e9ee;height:70px;padding:16px;font-size:13px}.complaints-table th:first-child,.complaints-table td:first-child{padding-left:28px!important}.complaints-table th:last-child,.complaints-table td:last-child:not([colspan]){text-align:center!important;padding-right:16px!important}.complaints-table th:nth-child(5),.complaints-table td:nth-child(5),.complaints-table th:nth-child(6),.complaints-table td:nth-child(6){white-space:nowrap}.complaints-table th.complaint-actions-header,.complaints-table td.complaint-actions-cell{white-space:nowrap;text-align:center!important}.complaints-table .banner-action-buttons{justify-content:center;align-items:center;display:inline-flex}.complaints-table tbody tr:last-child td,.complaints-table-container tbody tr:last-child td{border-bottom:none}.complaints-table tbody tr:hover,.complaints-table-container tbody tr:hover,.complaint-table-row:hover{background:#fafbfc}.complaint-table-row.clickable-row{cursor:pointer;transition:background-color .15s}.complaint-table-row.clickable-row:hover{background-color:#fafbfc!important}.complaint-date-cell,.task-date-cell{white-space:nowrap}.complaint-date-cell .date-primary,.task-date-cell .date-primary{color:#10233f;font-size:13px;font-weight:600;line-height:18px}.complaint-date-cell .date-time,.task-date-cell .date-time{color:#64748b;margin-top:1px;font-size:11.5px;font-weight:500;line-height:15px}.complaint-date-cell .date-secondary,.task-date-cell .date-secondary{color:#77859a;margin-top:2px;font-size:11px;line-height:15px}.complaint-details-cell,.task-details-cell{min-width:0}.complaint-title,.task-title{color:#10233f;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:19px;overflow:hidden}.complaint-description,.task-description{color:#60708a;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;line-height:16px;overflow:hidden}.complaint-customer-cell,.task-customer-cell{min-width:0}.complaint-customer-cell .customername,.task-customer-cell .customername{color:#10233f;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:18px;overflow:hidden}.complaint-customer-cell .customer-sub,.task-customer-cell .customer-sub{color:#77859a;margin-top:2px;font-size:11px;line-height:15px}.complaint-tech-cell,.task-technician-cell{min-width:0}.complaint-tech-cell .tech-assigned,.task-technician-cell .tech-assigned{align-items:center;gap:8px;display:flex}.complaint-tech-cell .tech-name,.task-technician-cell .tech-name{color:#10233f;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.complaint-tech-cell .tech-unassigned-badge,.task-technician-cell .tech-unassigned-badge{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.complaints-table .banner-action-buttons{justify-content:center;align-items:center;width:100%;display:flex}.complaints-table td.no-complaints,.complaints-table td.no-banners{color:#68778c;font-size:13px;text-align:center!important;vertical-align:middle!important;white-space:normal!important;padding:40px 20px!important}.complaint-status-dropdown,.complaint-status-dropdown-wrapper,.banner-status-dropdown{z-index:1;display:inline-block;position:relative}.complaint-status-btn,.banner-status{cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;min-width:105px;height:32px;padding:0 9px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.complaint-status-btn.resolved,.banner-status.active{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.complaint-status-btn.resolved:hover,.banner-status.active:hover{background:#dcfce7}.complaint-status-btn.progress{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.complaint-status-btn.progress:hover{background:#dbeafe}.complaint-status-btn.pending{color:#b45309;background:#fffbeb;border-color:#fde68a}.complaint-status-btn.pending:hover{background:#fef3c7}.complaint-status-btn.closed,.banner-status.inactive{color:#dc2626;background:#fef2f2;border-color:#fecaca}.complaint-status-btn.closed:hover,.banner-status.inactive:hover{background:#fee2e2}.complaint-status-dot,.banner-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.resolved-dot,.active-dot{background:#22c55e}.closed-dot,.inactive-dot{background:#ef4444}.complaint-status-menu,.banner-status-menu{z-index:99999;box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:7px;min-width:130px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 20px #0000001a}.complaint-status-option,.banner-status-option{color:#374151;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;min-height:34px;padding:7px 9px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.complaint-status-option:hover,.banner-status-option:hover{background:#f3f4f6}.complaint-status-option.selected{color:#111;background:#f8fafc;font-weight:700}.action-buttons,.banner-action-buttons{align-items:center;gap:8px;display:flex}.icon-btn.delete-btn:hover,.banner-action-btn.banner-delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.icon-btn.banner-view-btn,.banner-action-btn.banner-view-btn{color:#0f172a}.icon-btn.banner-view-btn:hover,.banner-action-btn.banner-view-btn:hover{color:#000;background:#f1f5f9;border-color:#cbd5e1}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.complaints-header{flex-direction:column;gap:20px}.table-card{overflow-x:auto}.complaints-table{min-width:800px}}@media (width<=700px){.stats-grid{grid-template-columns:1fr}.complaints-header h1{font-size:24px}}@media (width<=480px){.new-btn{justify-content:center;width:100%}}.date-picker-container{display:inline-block;position:relative}.date-picker-dropdown{z-index:1000;box-sizing:border-box;background:#fff;border:1px solid #dfe3e8;border-radius:6px;width:min(280px,100vw - 32px);max-width:calc(100vw - 32px);padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 25px #0000001f}@media (width<=900px){.banner-stat-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.banner-stat-grid>*,.stats-grid>*{flex:initial;width:100%;min-width:0}}@media (width<=550px){.banner-stat-grid,.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px;display:grid}}.warranty-claims-page{color:#1e293b;background-color:#f8fafc;min-height:100vh;font-family:inherit}.banner-action-btn-custom{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.banner-action-btn-custom:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.banner-action-btn-custom.refresh-btn{color:#fff;background:#2563eb;border-color:#1d4ed8}.banner-action-btn-custom.refresh-btn:hover{background:#1d4ed8}.warranty-code-pill{color:#475569;background:#f1f5f9;border-radius:4px;width:fit-content;margin-top:3px;padding:2px 6px;font-family:monospace;font-size:11.5px;font-weight:500;display:inline-block}.order-link-btn{color:#166534;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.order-link-btn:hover{color:#14532d;background:#dcfce7;border-color:#86efac;transform:translateY(-1px);box-shadow:0 2px 4px #16653426}.order-link-btn svg{font-size:14px}.filter-input-wrapper{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;padding:0 10px;display:flex}.filter-input-wrapper input{width:100%;box-shadow:none!important;border:none!important;outline:none!important;padding:8px 6px!important}.table-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.claim-modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:780px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.claim-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.claim-modal-header-left{align-items:center;gap:12px;display:flex}.claim-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.claim-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.claim-modal-close:hover{color:#0f172a;background:#e2e8f0}.claim-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.modal-order-banner{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #86efac;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.modal-order-banner-left{align-items:center;gap:14px;display:flex}.modal-order-icon{color:#166534;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 2px 4px #1665341a}.modal-order-text h4{color:#14532d;margin:0;font-size:15px;font-weight:700}.modal-order-text p{color:#166534;margin:2px 0 0;font-size:12.5px}.modal-order-btn{color:#fff;cursor:pointer;background:#166534;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #16653433}.modal-order-btn:hover{background:#14532d;transform:translateY(-1px);box-shadow:0 4px 8px #1665344d}.modal-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-section-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.modal-section-card h5{color:#475569;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.modal-key-val-list{flex-direction:column;gap:8px;display:flex}.modal-key-val-row{justify-content:space-between;align-items:flex-start;gap:12px;font-size:13px;display:flex}.modal-key{color:#64748b;font-weight:500}.modal-val{color:#0f172a;text-align:right;font-weight:600}.modal-val.highlight{color:#2563eb}.modal-claim-desc-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.modal-claim-desc-box h5{color:#475569;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.modal-claim-desc-box p{color:#334155;margin:0;font-size:13.5px;line-height:1.5}.modal-claim-financials-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px}.modal-claim-financials-card h5{color:#166534;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.modal-claim-financials-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.modal-financial-stat{background:#fff;border:1px solid #dcfce7;border-radius:8px;flex-direction:column;padding:10px 12px;display:flex}.modal-financial-stat .label{color:#64748b;font-size:11.5px;font-weight:500}.modal-financial-stat .val{color:#0f172a;margin-top:2px;font-size:16px;font-weight:700}.modal-financial-stat.covered .val{color:#059669}.modal-financial-stat.payable .val{color:#d97706}.claim-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.warranty-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.warranty-btn:hover{color:#0f172a;background:#f1f5f9}.warranty-btn-primary{color:#fff;background:#2563eb;border-color:#1d4ed8}.warranty-btn-primary:hover{color:#fff;background:#1d4ed8}@media (width<=768px){.warranty-claims-page{padding:16px}.modal-grid-2,.modal-claim-financials-grid{grid-template-columns:1fr}}.complaints-table th.warranty-actions-th,.complaints-table td.warranty-actions-td{text-align:center!important}.warranty-actions-td .banner-action-buttons{width:100%;justify-content:center!important}.order-details-page{color:#172033;background:#f8f9fb;min-height:calc(100vh - 60px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.order-details-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.order-number{color:#64748b;word-break:break-all;margin:0;font-size:13px;font-weight:500}.order-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.cancel-order-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.cancel-order-btn:hover{background:#fee2e2;border-color:#f87171}.order-details-right{flex-direction:column;gap:16px;display:flex}.details-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.od-icon-gold{color:#ca8a04;background:#fefce8}.od-card-subtitle{color:#64748b;margin:2px 0 0;font-size:11px;font-weight:500}.order-detail-status.draft{color:#475569;background:#f1f5f9}.order-detail-status.confirmed{color:#0369a1;background:#e0f2fe}.order-detail-status.payment-pending{color:#92400e;background:#fef3c7}.order-detail-status.paid{color:#1d4ed8;background:#dbeafe}.order-detail-status.processing{color:#6d28d9;background:#ede9fe}.order-detail-status.shipped{color:#0284c7;background:#e0f2fe}.order-detail-status.delivered{color:#15803d;background:#dcfce7}.order-detail-status.partially-delivered{color:#0f766e;background:#ccfbf1}.order-detail-status.closed{color:#334155;background:#f1f5f9}.order-detail-status.refunded{color:#9d174d;background:#fdf2f8}.order-info-item strong{color:#0f172a;font-size:13.5px;font-weight:500;line-height:1.4;display:block}.location-content svg{color:#94a3b8;flex-shrink:0}.location-item small{color:#94a3b8;margin:5px 0 0 22px;font-size:11px;line-height:1.5;display:block}.od-customer-grid{grid-template-columns:1fr 1fr;padding:6px 22px;display:grid}.od-customer-field{border-bottom:1px solid #f1f3f5;align-items:flex-start;gap:12px;padding:18px 14px 18px 0;display:flex}.od-customer-grid .od-customer-field:nth-child(odd){border-right:1px solid #f1f3f5;padding-right:28px}.od-customer-grid .od-customer-field:nth-child(2n){padding-left:28px}.od-field-icon{color:#94a3b8;flex-shrink:0;margin-top:1px}.od-customer-field-info{min-width:0}.od-customer-field-info span{letter-spacing:.4px;color:#94a3b8;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.od-customer-field-info strong{color:#0f172a;word-break:break-word;font-size:13.5px;font-weight:500;display:block}.total-row strong{color:#0f172a;font-size:15px;font-weight:700}.timeline-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.timeline{padding-left:2px;position:relative}.timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:14px;bottom:24px;left:15px}.timeline-item:last-child{min-height:auto}.timeline-icon-badge{z-index:2;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex;box-shadow:0 1px 3px #00000014}.timeline-icon-badge.tl-icon-blue{color:#2563eb;background:#eff6ff}.timeline-icon-badge.tl-icon-indigo{color:#7c3aed;background:#f5f3ff}.timeline-icon-badge.tl-icon-green{color:#059669;background:#ecfdf5}.timeline-icon-badge.tl-icon-emerald{color:#10b981;background:#ecfdf5}.timeline-icon-badge.tl-icon-red{color:#dc2626;background:#fef2f2}.timeline-icon-badge.tl-icon-active{color:#fff;background:#1e293b}.timeline-icon-badge.tl-icon-gray{color:#64748b;background:#f1f5f9}.timeline-content{flex-direction:column;flex:1;min-width:0;padding-bottom:20px;display:flex}.timeline-time-row{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:4px;align-items:center;gap:5px;width:fit-content;margin-bottom:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.timeline-title{color:#0f172a;margin-bottom:3px;font-size:13.5px;font-weight:600;line-height:1.35}.timeline-desc{color:#64748b;margin:0 0 4px;font-size:12px;line-height:1.45}.timeline-by{color:#64748b;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:500;display:inline-flex}.od-timeline-loading{padding:12px 0}.timeline-error,.timeline-empty{color:#94a3b8;text-align:center;padding:16px 0;font-size:13px}.od-status-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.od-status-pending,.od-status-payment-pending{color:#92400e;background:#fef3c7}.od-status-processing{color:#1d4ed8;background:#dbeafe}.od-status-confirmed,.od-status-completed{color:#065f46;background:#d1fae5}.od-status-cancelled,.od-status-canceled{color:#991b1b;background:#fee2e2}.od-status-refunded{color:#3730a3;background:#e0e7ff}.od-status-value{color:#0f172a;text-align:right;font-size:13px;font-weight:500}.od-status-desc{color:#64748b;text-align:right;max-width:180px;font-size:12px;line-height:1.5}.od-payment-pending,.od-payment-payment-pending{color:#92400e;background:#fef3c7}.od-payment-paid,.od-payment-completed{color:#065f46;background:#d1fae5}.od-payment-failed{color:#991b1b;background:#fee2e2}.od-payment-refunded{color:#3730a3;background:#e0e7ff}.od-status-footer{border-top:1px solid #f1f3f5;padding:12px 18px 16px}.od-status-action-row{border-top:1px solid #f8f9fb;flex-direction:column;gap:8px;padding:12px 0;display:flex}.od-status-select-wrap{align-items:center;gap:8px;width:100%;display:flex}.od-status-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:36px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s}.od-status-select:focus{border-color:#0f2b48}.od-status-select:disabled{cursor:not-allowed;opacity:.7;background:#f3f4f6}.od-status-updating{color:#64748b;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.od-spin{animation:1s linear infinite od-spin-anim}.od-delete-action-btn{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.od-delete-action-btn:hover{color:#b91c1c!important;background:#fee2e2!important;border-color:#f87171!important}.od-cancel-link{color:#dc2626;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600;text-decoration:underline}.od-cancel-link:hover{color:#b91c1c}.od-quick-actions-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 18px 14px}.od-quick-actions-list{flex-direction:column;gap:8px;display:flex}.od-quick-action-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;height:40px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.od-quick-action-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.od-quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.od-quick-action-btn:first-child{color:#fff;background:#0f172a;border-color:#0f172a}.od-quick-action-btn:first-child:hover{background:#1e293b;border-color:#1e293b}.back-orders-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:none;align-items:center;gap:7px;width:auto;max-width:max-content;height:38px;margin-top:24px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.back-orders-btn:hover{background:#f9fafb;border-color:#d1d5db}.order-notes{color:#374151;padding:14px 22px;font-size:13px;line-height:1.6}.od-skel{background:linear-gradient(90deg,#f0f2f5 25%,#e8eaed 50%,#f0f2f5 75%) 0 0/600px 100%;border-radius:6px;animation:1.4s linear infinite od-shimmer;display:block}.od-skel-xs{width:60px;height:10px}.od-skel-fields{grid-template-columns:1fr 1fr;padding:4px 22px 22px;display:grid}.od-skel-field{border-bottom:1px solid #f1f3f5;flex-direction:column;gap:8px;padding:18px 0;display:flex}.od-retry-btn{color:#fff;cursor:pointer;background:#1a56db;border:none;border-radius:8px;height:38px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.od-retry-btn:hover{background:#1648c0}.od-back-error-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:flex}.cancel-panel form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.cancel-panel-footer button{white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;flex:none!important;width:auto!important}.cancel-panel-footer button:disabled{opacity:.6;cursor:not-allowed}.cancel-confirm-btn{min-width:145px;color:#fff!important;background:#111827!important;border:1px solid #111827!important}.cancel-discard-btn{min-width:150px;color:#334155!important;background:#fff!important;border:1px solid #d5dbe1!important}@media (width<=1024px){.order-details-layout{grid-template-columns:1fr}.order-details-right{grid-template-columns:1fr 1fr;display:grid}}@media (width<=900px){.order-details-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=768px){.order-details-header h1{font-size:26px}.order-details-right,.ordar-info-grid{grid-template-columns:1fr}.order-info-item:nth-child(odd){border-right:none;padding-right:0}.order-info-item:nth-child(2n){padding-left:0}.od-customer-grid{grid-template-columns:1fr}.od-customer-grid .od-customer-field:nth-child(odd){border-right:none;padding-right:0}.od-customer-grid .od-customer-field:nth-child(2n){padding-left:0}.detailsheader{flex-wrap:wrap;gap:10px}}@media (width<=600px){.order-details-header h1{font-size:22px}.order-header-actions{flex-wrap:wrap;width:100%}.contact-btn,.edit-order-btn,.cancel-order-btn{flex:1;justify-content:center;min-width:0}.order-details-layout{display:block}.order-details-right{flex-direction:column;margin-top:20px;display:flex}.location-item{grid-column:auto}.od-skel-fields{grid-template-columns:1fr}.cancel-panel{width:100%}.cancel-panel-header{padding:25px 20px 20px}.cancel-panel-body{padding:0 20px}.cancel-panel-footer{padding:16px 20px}}.order-details-header{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.order-details-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex}.breadcrumb-link{cursor:pointer}.breadcrumb-link:hover{color:#172033}.transaction-label{letter-spacing:1.5px;color:#94a3b8;margin:0 0 5px;font-size:11px;font-weight:500}.order-number{color:#64748b;margin:7px 0 0;font-size:14px}.order-header-actions{align-items:center;gap:10px;display:flex}.contact-btn{letter-spacing:.3px;cursor:pointer;color:#30363d;background:#e5e7eb;border:none;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 20px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.update-status-btn{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.contact-btn:hover{background:#d9dadd}.update-status-btn:hover{background:#222}.order-details-left,.order-details-right{flex-direction:column;gap:20px;display:flex}.details-card{background:#fff;border:1px solid #e2e4e7;border-radius:4px}.detailsheader{border-bottom:1px solid #eceef0;gap:50px;padding:0 20px 16px;display:flex}.detailsheader h3,.timeline-card h3{letter-spacing:.4px;color:#172033;margin:0;font-size:13px;font-weight:600}.order-info-item span{letter-spacing:.5px;color:#64748b;margin-bottom:8px;font-size:11px;font-weight:500;display:block}.order-info-item strong{color:#172033;font-size:14px;font-weight:500;display:block}.location-item{grid-column:1/3;border-right:none!important;padding:20px 0 4px!important}.location-content{align-items:center;gap:5px;display:flex}.location-content svg{color:#9299a1}.location-item small{color:#94a3b8;margin:6px 0 0 22px;font-size:11px;display:block}.payment-card{padding-bottom:4px}.payment-row{border-bottom:1px solid #eef0f2;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.payment-row span{color:#64748b;letter-spacing:.3px;font-size:12px;font-weight:500}.payment-row strong{color:#172033;font-size:14px;font-weight:500}.total-row{border-top:1px solid #ddd;border-bottom:none}.total-row strong{font-size:16px;font-weight:600}.timeline-card{background:#fff;border:1px solid #e2e4e7;border-radius:4px;padding:24px 20px}.timeline-card h3{margin-bottom:25px}.timeline{position:relative}.timeline:before{content:"";z-index:1;background:#e2e8f0;width:2px;position:absolute;top:14px;bottom:14px;left:14px}.timeline-item{gap:16px;min-height:78px;display:flex;position:relative}.timeline-icon-badge{z-index:2;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 0 0 4px #fff,0 0 0 5px #f1f5f9}.timeline-icon-badge svg{font-size:16px}.timeline-icon-badge.od-icon-blue svg{color:#3b82f6}.timeline-icon-badge.od-icon-blue{background:#eff6ff;box-shadow:0 0 0 4px #fff,0 0 0 5px #dbeafe}.timeline-icon-badge.od-icon-green svg{color:#10b981}.timeline-icon-badge.od-icon-green{background:#ecfdf5;box-shadow:0 0 0 4px #fff,0 0 0 5px #a7f3d0}.timeline-icon-badge.od-icon-purple svg{color:#8b5cf6}.timeline-icon-badge.od-icon-purple{background:#f5f3ff;box-shadow:0 0 0 4px #fff,0 0 0 5px #ede9fe}.timeline-icon-badge.od-icon-orange svg{color:#f59e0b}.timeline-icon-badge.od-icon-orange{background:#fffbeb;box-shadow:0 0 0 4px #fff,0 0 0 5px #fde68a}.timeline-icon-badge.od-icon-indigo svg{color:#6366f1}.timeline-icon-badge.od-icon-indigo{background:#eef2ff;box-shadow:0 0 0 4px #fff,0 0 0 5px #e0e7ff}.timeline-icon-badge.od-icon-gray svg{color:#64748b}.timeline-icon-badge.od-icon-gray{background:#f8fafc;box-shadow:0 0 0 4px #fff,0 0 0 5px #e2e8f0}.timeline-content{flex-direction:column;padding-bottom:20px;display:flex}.timeline-content span{letter-spacing:.4px;color:#94a3b8;margin-bottom:6px;font-size:11px;font-weight:500}.timeline-content strong{color:#334155;margin-bottom:5px;font-size:14px;font-weight:500}.timeline-content small{color:#94a3b8;letter-spacing:.3px;font-size:10px}.timeline-item.current .timeline-content strong{color:#172033;font-weight:600}.timeline-item.pending{opacity:.45}.required-action-card{color:#fff;background:#050505;padding:25px 20px}.required-label{letter-spacing:1px;color:#a1a1aa;font-size:10px;font-weight:500}.required-action-card h3{margin:15px 0 6px;font-size:14px;font-weight:500;line-height:1.5}.required-action-card p{color:#b9b9b9;margin:0 0 20px;font-size:12px;line-height:1.5}.required-action-card button{cursor:pointer;background:#fff;border:none;width:100%;height:36px;font-family:inherit;font-size:11px;font-weight:600}.required-action-card button:hover{background:#e8e8e8}@media (width<=900px){.order-details-header{flex-direction:column;align-items:flex-start;gap:20px}.order-details-layout{grid-template-columns:1fr}.order-details-right{grid-template-columns:1fr 1fr;display:grid}}@media (width<=600px){.order-details-page{padding:20px}.order-details-header h1{font-size:28px}.order-details-layout{display:block}.order-details-right{margin-top:20px;display:flex}.ordar-info-grid{grid-template-columns:1fr}.order-info-item:nth-child(odd),.order-info-item:nth-child(2n){border-right:none;padding-left:0;padding-right:0}.location-item{grid-column:auto}.order-header-actions{width:100%}.contact-btn,.update-status-btn{flex:1}}.cancel-panel-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0f172a6b;justify-content:flex-end;display:flex;position:fixed;inset:0}.cancel-panel{background:#fff;flex-direction:column;width:430px;max-width:100%;height:100vh;animation:.25s ease-out cancelPanelSlideIn;display:flex;box-shadow:-8px 0 30px #0000001f}.cancel-panel-header{justify-content:space-between;align-items:flex-start;padding:32px 28px 24px;display:flex}.cancel-panel-label{color:#64748b;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.cancel-panel-header h2{color:#0f172a;margin:0;font-size:24px;font-weight:700;line-height:1.2}.cancel-panel-close{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:1px;padding:4px;display:flex}.cancel-panel-close:hover{color:#0f172a}.cancel-panel-close:disabled{opacity:.5;cursor:not-allowed}.cancel-panel-body{flex:1;padding:0 28px;overflow-y:auto}.cancel-panel-divider{background:#e2e8f0;width:100%;height:1px;margin-bottom:25px}.cancel-order-info{flex-direction:column;gap:7px;margin-bottom:27px;display:flex}.cancel-order-info span{color:#64748b;letter-spacing:.4px;font-size:11px;font-weight:600}.cancel-order-info strong{color:#0f172a;font-size:14px;font-weight:600}.cancel-reason-field{flex-direction:column;display:flex}.cancel-reason-field label{color:#475569;letter-spacing:.3px;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:600}.cancel-reason-field textarea{box-sizing:border-box;resize:vertical;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;min-height:125px;padding:13px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s}.cancel-reason-field textarea::placeholder{color:#94a3b8}.cancel-reason-field textarea:focus{border-color:#64748b}.cancel-reason-field textarea:disabled{cursor:not-allowed;background:#f8fafc}.cancel-panel-footer{box-sizing:border-box;background:#fff;border-top:1px solid #f1f5f9;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:16px 20px 24px;display:flex}.cancel-discard-btn{cursor:pointer;min-width:150px;height:40px;padding:0 18px;color:#334155!important;background:#fff!important;border:1px solid #d5dbe1!important;border-radius:5px!important;font-size:13px!important;font-weight:600!important}.cancel-discard-btn:hover:not(:disabled){background:#f8fafc!important;border-color:#cbd5e1!important}.cancel-discard-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-confirm-btn{cursor:pointer;min-width:145px;height:40px;padding:0 18px;color:#fff!important;background:#111827!important;border:1px solid #111827!important;border-radius:5px!important;font-size:13px!important;font-weight:600!important}.cancel-confirm-btn:hover:not(:disabled){background:#000!important;border-color:#000!important}.cancel-confirm-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1024px){.order-details-layout{grid-template-columns:1fr}}@media (width<=768px){.order-details-header{flex-direction:column;align-items:flex-start;gap:16px}.ordar-info-grid{grid-template-columns:1fr}.order-info-item:nth-child(odd){border-right:none;padding-right:0}.order-info-item:nth-child(2n){padding-left:0}.detailsheader{flex-wrap:wrap;gap:16px}}@media (width<=600px){.cancel-panel{width:100%}.cancel-panel-header{padding:25px 20px 20px}.cancel-panel-body{padding:0 20px}.cancel-panel-footer{padding:16px 20px}}.od-order-notes-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.od-order-notes-box:hover{background:#f1f5f9;border-color:#cbd5e1}.od-notes-header{align-items:center;gap:7px;display:flex}.od-notes-icon-wrap{color:#2563eb;background:#eff6ff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.od-notes-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.od-notes-content{color:#1e293b;margin:0;padding-left:29px;font-size:13px;font-weight:500;line-height:1.5}.od-items-table-wrap{padding:0 10px 14px;overflow-x:auto}.od-items-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.od-items-table th{color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:11.5px;font-weight:600}.od-items-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px}.od-items-table tbody tr:hover{background:#f8fafc}.od-item-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.35}.od-item-sku{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;width:fit-content;margin:1px 0;padding:1px 6px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block}.od-item-meta{color:#64748b;font-size:11.5px;font-weight:400}.od-item-del-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-block}.od-item-del-pending{color:#94a3b8;font-size:12.5px;font-weight:500}.od-customer-country-badge{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.od-address-grid{grid-template-columns:1fr 1fr;gap:16px;padding:18px 20px 22px;display:grid}.od-address-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.od-address-box-header{color:#334155;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px dashed #cbd5e1;align-items:center;gap:7px;padding-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.od-address-box-body strong{color:#0f172a;margin-bottom:4px;font-size:13.5px;display:block}.od-address-box-body p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.od-technician-tasks-list{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.od-task-card-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.od-task-card-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000005}.od-task-header-row{border-bottom:1px solid #eef2f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.od-task-title-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.od-task-badge{color:#3b82f6;font-family:monospace;font-size:12.5px;font-weight:700}.od-task-remarks-tag{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:500}.od-task-badges-wrap{align-items:center;gap:6px;display:flex}.od-task-priority-pill{text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:700}.od-priority-high{color:#dc2626;background:#fee2e2}.od-priority-medium{color:#d97706;background:#fef3c7}.od-priority-low{color:#64748b;background:#f1f5f9}.od-task-status-pill{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.od-task-completed{color:#16a34a;background:#dcfce7}.od-task-pending{color:#d97706;background:#fef3c7}.od-task-assigned{color:#2563eb;background:#dbeafe}.od-task-details-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 14px;display:grid}.od-task-meta-item{flex-direction:column;gap:2px;display:flex}.od-task-meta-item span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.od-task-meta-item strong{color:#1e293b;font-size:13px;font-weight:600}.od-task-notes-row{background:#fff;border:1px dashed #cbd5e1;border-radius:6px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.od-task-notes-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.od-task-notes-row p{color:#334155;margin:0;font-size:12.5px;line-height:1.4}.od-task-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:4px;padding-top:8px;display:flex}.od-task-view-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.od-task-view-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.od-status-tasks-group{border-bottom:1px solid #f8f9fb;flex-direction:column;gap:8px;width:100%;padding:8px 0 12px;display:flex}.od-status-task-item-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.od-status-task-pill-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;height:32px;padding:5px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000008}.od-task-pill-text{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.od-status-task-pill-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 2px 4px #2563eb1f}.od-status-task-pill-btn:active{transform:translateY(0)}.od-task-assign-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.od-task-assign-badge.is-assigned{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.od-task-assign-badge.is-unassigned{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.od-status-view-task-btn{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:36px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.od-status-view-task-btn:hover{color:#2563eb;background:#eff6ff;border-color:#3b82f6}@media (width<=768px){.od-address-grid{grid-template-columns:1fr}}.od-paid-payment-card{background:#fff;border:1px solid #d1fae5;box-shadow:0 1px 3px #00000008}.od-paid-card-header{background:linear-gradient(#fff 0%,#f9fdfa 100%);border-bottom:1px solid #e2f5ea}.od-paid-header-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.od-payment-id-tag{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11.5px;font-weight:700}.od-payment-success-banner{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-bottom:1px solid #d1fae5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.od-pay-banner-left{align-items:center;gap:12px;display:flex}.od-pay-success-icon-wrap{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 8px #10b98140}.od-pay-banner-title{color:#065f46;font-size:14px;font-weight:700;display:block}.od-pay-banner-sub{color:#047857;margin-top:2px;font-size:12px;display:block}.od-pay-banner-amount{background:#fff;border:1px solid #a7f3d0;border-radius:8px;flex-direction:column;align-items:flex-end;padding:8px 14px;display:flex;box-shadow:0 1px 2px #10b9810f}.od-pay-banner-amount span{color:#047857;letter-spacing:.5px;text-transform:uppercase;font-size:10.5px;font-weight:700}.od-pay-banner-amount strong{color:#047857;font-size:18px;font-weight:800;line-height:1.2}.od-payment-info-grid{border-bottom:1px solid #f1f3f5;grid-template-columns:1fr 1fr;padding:6px 22px 14px;display:grid}.od-payment-grid-item{border-bottom:1px solid #f8fafc;padding:14px 14px 14px 0}.od-payment-info-grid .od-payment-grid-item:nth-child(odd){border-right:1px solid #f1f3f5;padding-right:28px}.od-payment-info-grid .od-payment-grid-item:nth-child(2n){padding-left:28px}.od-payment-grid-item span{letter-spacing:.4px;color:#94a3b8;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.od-payment-grid-item strong{color:#0f172a;word-break:break-all;font-size:13.5px;font-weight:600;display:block}.od-txn-copy-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.od-txn-id-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:monospace;color:#1e293b!important;font-size:13px!important}.od-txn-copy-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.od-txn-copy-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.od-payment-source-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;width:fit-content;padding:2px 8px;display:inline-block;color:#1d4ed8!important;font-size:11px!important;font-weight:700!important}.od-payment-breakdown-section{padding-top:10px}.od-breakdown-heading{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:4px 22px 10px;font-size:12px;font-weight:700}.od-paid-total-row{background:#f0fdf4;border-top:2px solid #a7f3d0;border-bottom:none;padding:16px 22px}.od-paid-total-row span{color:#065f46;font-size:13px;font-weight:700}.od-paid-total-highlight{color:#047857!important;font-size:18px!important;font-weight:800!important}@media (width<=768px){.od-payment-info-grid{grid-template-columns:1fr}.od-payment-info-grid .od-payment-grid-item:nth-child(odd){border-right:none;padding-right:0}.od-payment-info-grid .od-payment-grid-item:nth-child(2n){padding-left:0}.od-payment-success-banner{flex-direction:column;align-items:flex-start}.od-pay-banner-amount{align-items:flex-start;width:100%}}.od-items-table-wrap{width:100%;overflow-x:auto}.od-items-table{border-collapse:collapse;text-align:left;width:100%}.od-items-table thead th{letter-spacing:.5px!important;color:#60708a!important;text-transform:uppercase!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 20px!important;font-size:11px!important;font-weight:700!important;line-height:44px!important}.od-items-table tbody td{color:#1e293b!important;vertical-align:middle!important;border-bottom:1px solid #f1f5f9!important;padding:16px 20px!important;font-size:13.5px!important}.od-items-table tbody tr:last-child td{border-bottom:none!important}.od-item-name-cell{flex-direction:column;gap:3px;display:flex}.od-item-title{color:#0f172a;font-size:13.5px;font-weight:600}.od-item-sku{color:#64748b;font-family:inherit;font-size:12px}.no-image-box{color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;font-size:13px;display:flex}.new-complaint-header{margin-bottom:24px}.new-complaint-header .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.new-complaint-header .breadcrumb-back-row .breadcrumb,.new-complaint-header .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.new-complaint-header .breadcrumb-back-row .complaint-back-button{margin:0!important}.complaint-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.4;display:flex}.complaint-breadcrumb span:first-child{color:#64748b}.breadcrumb-separator{color:#94a3b8;font-size:16px;line-height:1}.complaint-back-button{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:14px;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.complaint-back-button svg{width:17px;height:17px}.complaint-back-button:hover{color:#172033}.new-complaint-title-block h1{letter-spacing:-.5px;color:#172033;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:30px;font-weight:700;line-height:1.2}.new-complaint-title-block p{color:#64748b;margin:7px 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.5}@media (width<=600px){.new-complaint-header{margin-bottom:20px}.complaint-breadcrumb,.complaint-back-button{font-size:12px}.new-complaint-title-block h1{font-size:26px}.new-complaint-title-block p{font-size:13px}}.new-complaint-title-block{flex-direction:column;display:flex}.new-complaint-title-block h1{color:#111827;letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700;line-height:1.2}.new-complaint-title-block p{color:#65748b;margin:7px 0 0;font-size:13px;line-height:1.5}.new-complaint-form{flex-direction:column;gap:18px;width:100%;max-width:1085px;margin:0 auto;display:flex}.form-section{background:#fff;border:1px solid #dfe3e8;border-radius:9px;width:100%;padding:24px 26px;box-shadow:0 1px 2px #10182806}.section-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.section-icon{border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.section-icon svg{width:18px;height:18px}.section-heading h2{color:#172033;margin:0;font-size:15px;font-weight:700;line-height:1.35}.section-heading p{color:#718096;margin:3px 0 0;font-size:11px;line-height:1.4}.full-width{grid-column:1/-1}.form-group{width:100%;min-width:0}.form-group>label{color:#43516a;letter-spacing:.35px;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:600;line-height:1.2;display:block}.form-group small{color:#98a2b3;margin-top:5px;font-size:10px;line-height:1.4;display:block}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d4dbe4;border-radius:6px;outline:none;width:100%;margin:0;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-group input,.form-group select{height:40px;padding:0 12px}.form-group textarea{resize:vertical;min-height:116px;padding:11px 12px;line-height:1.5}.form-group input::placeholder,.form-group textarea::placeholder{color:#9aa6b7}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#bfc8d4}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7b8798;box-shadow:0 0 0 2px #47556912}.input-with-icon{width:100%;position:relative}.input-with-icon svg{color:#8793a3;pointer-events:none;width:17px;height:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{padding-left:38px}.select-wrapper svg{color:#69778b;pointer-events:none;width:17px;height:17px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{opacity:.8;cursor:pointer}.priority-options{flex-wrap:wrap;align-items:center;gap:7px;min-height:40px;display:flex}.priority-option{cursor:pointer;background:#fff;border:1px solid #d6dce4;border-radius:6px;justify-content:center;align-items:center;height:36px;transition:background .15s,border-color .15s,color .15s;position:relative;color:#526176!important;letter-spacing:0!important;text-transform:uppercase!important;margin:0!important;padding:0 13px!important;font-size:11px!important;font-weight:600!important;display:inline-flex!important}.priority-option input{opacity:0;pointer-events:none;position:absolute;width:1px!important;height:1px!important;padding:0!important}.priority-option:hover{border-color:#b8c2cf}.priority-option.low.selected{background:#ecfdf3;border-color:#86efac;color:#087443!important}.priority-option.medium.selected{background:#fff8e8;border-color:#f4c95d;color:#b45309!important}.priority-option.high.selected{background:#fff3eb;border-color:#fdba74;color:#c2410c!important}.priority-option.critical.selected{background:#fff1f2;border-color:#fca5a5;color:#b91c1c!important}.amount-input{width:100%;position:relative}.amount-input>span{color:#66758b;pointer-events:none;font-size:13px;font-weight:600;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.amount-input input{padding-left:30px}.upload-box{cursor:pointer;background:#fafbfc;border:1px dashed #cbd5e1;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:40px;transition:background .15s,border-color .15s;color:inherit!important;text-transform:none!important;margin:0!important;padding:7px 12px!important;display:flex!important}.upload-box>svg{color:#64748b;flex:none;width:18px;height:18px}.upload-box>div{flex-direction:column;gap:2px;min-width:0;display:flex}.upload-box span{color:#98a2b3;font-size:10px;font-weight:400}.upload-box input[type=file]{display:none}.complaint-modal-footer{justify-content:space-between;align-items:center;width:100%;padding:4px 0 2px;display:flex}.footer-note{color:#98a2b3;font-size:10px}.footer-actions{align-items:center;gap:9px;display:flex}.cancel-button,.save-button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.cancel-button{color:#475467;background:#fff;border:1px solid #d5dbe3}.cancel-button:hover{color:#172033;background:#f8fafc;border-color:#c3ccd7}.save-button{color:#fff;background:#000;border:1px solid #000;min-width:150px}.save-button:hover{background:#202020;border-color:#202020}.save-button:active,.cancel-button:active{transform:translateY(1px)}.save-button svg{width:16px;height:16px}.new-complaint-page,.new-complaint-form,.form-section{overflow:visible}@media (width>=1400px){.new-complaint-form{max-width:1085px}}@media (width<=1100px){.new-complaint-form{max-width:100%}.form-grid.three-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-grid.three-columns .form-group:last-child{grid-column:1/-1}}@media (width<=800px){.new-complaint-header{margin-bottom:25px}.new-complaint-title-row h1{font-size:26px}.form-section{padding:21px}.form-grid,.form-grid.three-columns{grid-template-columns:1fr}.form-grid .full-width,.form-grid.three-columns .form-group:last-child{grid-column:auto}}@media (width<=600px){.complaint-breadcrumb{margin-bottom:10px}.new-complaint-title-row{gap:11px}.new-complaint-title-row h1{font-size:23px}.new-complaint-header p{font-size:12px}.complaint-back-button{width:35px;height:35px}.form-section{border-radius:8px;padding:18px 16px}.section-heading{margin-bottom:19px}.section-heading h2{font-size:14px}.form-grid{row-gap:15px}.priority-options{align-items:stretch}.priority-option{flex:auto}.complaint-modal-footer{flex-direction:column;align-items:stretch;gap:12px}.footer-note{order:2}.footer-actions{width:100%}.cancel-button,.save-button{flex:1}}.complaint-form-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.discard-complaint-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:5px;height:42px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.discard-complaint-btn:hover{background:#f1f5f9;border-color:#cbd5e1}@media (width<=400px){.new-complaint-title-row h1{font-size:21px}.form-section{padding:16px 13px}.priority-option{padding-left:9px!important;padding-right:9px!important}}.complaint-image-container{flex-direction:column;gap:10px;margin-top:8px;display:flex}.complaint-image-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:400px;transition:transform .2s,box-shadow .2s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.complaint-image-card:hover{box-shadow:0 4px 12px #00000014}.complaint-image-wrapper{cursor:pointer;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.complaint-image-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s}.complaint-image-wrapper:hover .complaint-image-thumb{transform:scale(1.03)}.complaint-image-overlay{opacity:0;background:#0f172a73;justify-content:center;align-items:center;gap:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.complaint-image-wrapper:hover .complaint-image-overlay{opacity:1}.image-overlay-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 6px #0003}.image-overlay-btn:hover{background:#f8fafc;transform:translateY(-1px)}.complaint-image-footer{color:#64748b;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.complaint-image-path{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-family:monospace;font-size:11px;overflow:hidden}.no-image-box{color:#94a3b8;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;max-width:400px;padding:24px 16px;font-size:13px;display:flex}.image-lightbox-overlay{z-index:99999;background:#0f172ad9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.image-lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.image-lightbox-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:82vh;box-shadow:0 10px 30px #00000080}.image-lightbox-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:-40px;right:0}.image-lightbox-close:hover{background:#ffffff59}.image-lightbox-actions{gap:12px;margin-top:12px;display:flex}.new-complaint-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.complaint-header-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.complaint-action-btn{cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.complaint-action-btn.primary{color:#fff;background:#0f172a;border:1px solid #0f172a}.complaint-action-btn.primary:hover{background:#1e293b;border-color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.complaint-action-btn.secondary{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.complaint-action-btn.secondary:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.section-heading-with-action{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.complaint-link-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.complaint-link-btn:hover{color:#fff;background:#0f172a;border-color:#0f172a;transform:translateY(-1px)}.complaint-link-btn.primary-link{color:#fff;background:#0f172a;border-color:#0f172a}.complaint-link-btn.primary-link:hover{background:#1e293b;border-color:#1e293b}.task-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:18px 20px}.task-item-card:last-child{margin-bottom:0}.task-item-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.task-item-title-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-item-number{color:#0f172a;font-size:14.5px;font-weight:700}.task-category-badge{color:#334155;letter-spacing:.3px;text-transform:uppercase;background:#e2e8f0;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.no-tasks-card{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:16px;padding:24px;display:flex}.no-tasks-card h4{color:#334155;margin:0 0 4px;font-size:14px;font-weight:600}.no-tasks-card p{color:#64748b;margin:0;font-size:13px}.products-page{box-sizing:border-box;color:#172033;background:#f8f9fb;width:100%;min-height:calc(100vh - 64px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.products-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.products-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.products-breadcrumb strong{color:#172033;font-weight:600}.products-header h1{letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700;line-height:1.2}.products-header p{color:#64748b;margin:7px 0 0;font-size:14px}.add-product-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#050505;border:none;border-radius:5px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600}.add-product-btn:hover{background:#242424}.products-toolbar{background:#fff;border:1px solid #dfe3e8;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.search-wrapper{background:#fff;border:1px solid #d7dce2;border-radius:5px;align-items:center;width:350px;max-width:100%;height:38px;display:flex}.search-icon{color:#64748b;padding-bottom:6px;padding-left:12px;font-size:20px}.search-wrapper input{color:#172033;border:none;outline:none;width:100%;height:100%;padding:0 10px;font-family:inherit;font-size:13px}.search-wrapper input::placeholder{color:#9aa3af}.product-count{color:#64748b;font-size:13px}.products-content{align-items:flex-start;gap:16px;width:100%;display:flex}.products-list-container{box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;background:#fff;border:1px solid #dfe3e8;border-radius:6px;width:100%;min-width:0;max-width:100%;max-height:480px;overflow:auto!important}.products-list-container::-webkit-scrollbar{width:8px;height:8px}.products-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.products-list-container::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.products-list-container::-webkit-scrollbar-thumb:hover{background:#ea580c}.products-list-container::-webkit-scrollbar-corner{background:#f1f5f9}.product-selected .products-list-container{flex:1;width:100%;min-width:0}.product-selected .products-content{padding-right:0}.products-table-header,.product-row{box-sizing:border-box;grid-template-columns:60px minmax(180px,2fr) minmax(110px,1.2fr) minmax(110px,1.2fr) minmax(100px,1fr) 135px 145px;align-items:center;gap:16px;min-width:900px;display:grid}.product-action-cell{box-sizing:border-box;justify-content:flex-start;align-items:center;width:145px;min-width:145px;display:flex}.products-table-header{z-index:3;color:#60708a;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #dfe3e8;height:42px;min-height:42px;padding:0 18px;font-size:11px;font-weight:700;position:sticky;top:0;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.product-row{cursor:pointer;border-bottom:1px solid #e6e9ee;height:72px;min-height:72px;padding:12px 18px;transition:background .15s}.product-row:last-child{border-bottom:none}.product-row:hover{background:#fafbfc}.product-row.selected{background:#f1f5f9}.product-logo-cell{align-items:center;min-width:0;display:flex}.product-status-cell{white-space:nowrap;box-sizing:border-box;flex-shrink:0;justify-content:flex-start;align-items:center;width:135px;min-width:135px;display:flex}.product-main{flex:1;align-items:center;gap:13px;min-width:0;display:flex;overflow:hidden}.product-info{flex:1;min-width:0;overflow:hidden}.product-thumbnail{background:#f5f6f8;border:1px solid #e1e5e9;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;min-height:50px;display:flex;overflow:hidden}.product-thumbnail img{object-fit:cover;color:#0000;width:100%;height:100%;font-size:10px;display:block}.product-main h3,.product-info h3{color:#172033;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:14px;font-weight:650;overflow:hidden}.product-main p,.product-info p{color:#7b8491;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.product-brand,.product-code{color:#334155;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.product-price{color:#172033;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.product-status{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:104px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.product-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.product-status.active:hover{background:#dcfce7;border-color:#86efac}.product-status.out,.product-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.product-status.out:hover,.product-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.no-products{text-align:center;padding:70px 20px}.no-products h3{margin:0 0 8px;font-size:17px}.products-pagination{box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;min-height:64px;padding:0 18px;display:flex}.products-page-info{color:#64748b;white-space:nowrap;font-size:13px}.products-pagination-buttons{align-items:center;gap:8px;display:flex}.products-pagination-buttons button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:6px;min-width:72px;height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500}.products-pagination-buttons span{color:#374151;text-align:center;min-width:100px;padding:8px 12px;font-size:14px}.products-pagination-buttons button:hover:not(:disabled):not(.active):not(.page-active):not(.active-page){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.products-pagination-buttons button:disabled{color:#a0a8b3;cursor:not-allowed;background:#f8fafc;border-color:#e5e7eb}.products-pagination-buttons button.active,.products-pagination-buttons button.page-active,.products-pagination-buttons button.active-page,.products-pagination-buttons button.active:hover,.products-pagination-buttons button.page-active:hover,.products-pagination-buttons button.active-page:hover{color:#fff!important;cursor:default!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}.product-view-panel{box-sizing:border-box;z-index:1200;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;background:#fff;border-left:1px solid #dfe3e8;flex-direction:column;width:50%;min-width:480px;max-width:680px;height:calc(100dvh - 60px);animation:.2s productPanelIn;display:flex;position:fixed;top:60px;bottom:0;right:0;overflow:hidden auto;box-shadow:-8px 0 30px #0000001f}.product-view-info{box-sizing:border-box;flex:none;min-height:auto;padding:20px;overflow:visible}.product-view-actions{flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin-top:22px;margin-bottom:22px;display:flex}@keyframes productPanelIn{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.product-details-loading,.product-details-error{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.product-details-loading h3,.product-details-error h3{color:#172033;margin:0 0 8px;font-size:16px;font-weight:600}.product-details-loading p,.product-details-error p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.product-view-header{box-sizing:border-box;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:70px;min-height:70px;padding:0 18px;display:flex}.product-view-header span{letter-spacing:.7px;color:#64748b;font-size:10px;font-weight:700}.product-view-header h2{color:#172033;margin:4px 0 0;font-size:17px;font-weight:700}.close-product-btn{color:#475569;cursor:pointer;background:#f1f3f5;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:21px;display:flex}.close-product-btn:hover{background:#e2e8f0}.product-view-media-container{background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:100%;display:flex}.product-view-image{background:#f8fafc;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:240px;min-height:240px;display:flex;position:relative;overflow:hidden}.product-view-image img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.product-view-image:hover img{transform:scale(1.02)}.media-nav-arrow{color:#1e293b;cursor:pointer;z-index:5;opacity:.9;background:#ffffffeb;border:1px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.media-nav-arrow svg{pointer-events:none;width:16px;height:16px;display:block}.media-nav-arrow:hover{opacity:1;background:#fff;transform:translateY(-50%)scale(1.08)}.media-nav-prev{left:10px}.media-nav-next{right:10px}.media-counter-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.5px;z-index:5;background:#0f172abf;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:10px;right:12px}.product-view-thumbs-wrapper{box-sizing:border-box;background:#f8fafc;border-top:1px solid #edf2f7;flex-shrink:0;width:100%;padding:10px 14px 12px}.product-view-thumbs{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;align-items:center;gap:10px;padding:2px 2px 4px;display:flex;overflow-x:auto}.product-view-thumbs::-webkit-scrollbar{height:4px}.product-view-thumbs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.view-thumb-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;padding:2px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.view-thumb-btn:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.view-thumb-btn.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.view-thumb-btn img{object-fit:cover;border-radius:5px;width:100%;height:100%;display:block}.view-thumb-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2563ebe6;border-radius:3px;padding:1px 0;font-size:8px;font-weight:700;position:absolute;bottom:3px;left:3px;right:3px}.view-category{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:11px;font-weight:600;display:inline-block}.product-view-info h2{color:#172033;margin:0;font-size:22px;font-weight:700}.view-brand{color:#64748b;margin:5px 0 10px;font-size:13px}.view-status{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:104px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.view-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.view-status.active:hover{background:#dcfce7;border-color:#86efac}.view-status.out,.view-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.view-status.out:hover,.view-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.details-grid{border-top:1px solid #edf0f2;border-left:1px solid #edf0f2;grid-template-columns:1fr 1fr;margin-top:20px;display:grid}.detail-item{border-bottom:1px solid #edf0f2;border-right:1px solid #edf0f2;flex-direction:column;justify-content:center;min-height:65px;padding:12px;display:flex}.detail-item span{color:#7b8491;letter-spacing:.3px;margin-bottom:5px;font-size:10px;font-weight:600}.detail-item strong{color:#172033;font-size:13px;font-weight:600}.product-description{border-top:1px solid #edf0f2;margin-top:20px;padding-top:18px}.product-description h4{color:#172033;margin:0 0 7px;font-size:13px;font-weight:700}.product-description p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.edit-product-btn,.save-product-btn,.discard-product-btn{cursor:pointer;border-radius:5px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600}.edit-product-btn,.save-product-btn{color:#fff;background:#111;border:none}.edit-product-btn:hover,.save-product-btn:hover{background:#222}.discard-product-btn{color:#334155;background:#fff;border:1px solid #d5dbe1}.discard-product-btn:hover{background:#f5f6f8}.edit-product-input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;margin-top:5px;padding:9px 10px;font-family:inherit;font-size:14px}.edit-product-input:focus{border-color:#172033}.edit-product-input:disabled{cursor:not-allowed!important;color:#9ca3af!important;background-color:#fef8f8!important;border-color:#fca5a5!important}.edit-product-input:disabled:hover{cursor:not-allowed!important;background-color:#fee2e2!important;border-color:#ef4444!important}.product-name-input{margin-bottom:8px;font-size:22px;font-weight:600}.edit-product-textarea{box-sizing:border-box;resize:vertical;color:#172033;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;min-height:90px;padding:10px;font-family:inherit;font-size:14px}.edit-product-textarea:focus{border-color:#172033}@media (width<=1200px){.product-view-panel{width:60%;min-width:460px;max-width:100vw}}@media (width<=1000px){.product-selected .products-list-container{width:100%}.product-selected .products-content{padding-right:0}.product-view-panel{width:70%;min-width:420px;max-width:100vw}}@media (width<=768px){.products-page{min-height:calc(100vh - 60px)}.products-header{flex-direction:column;gap:15px}.products-toolbar{flex-direction:column;align-items:stretch;gap:10px}.search-wrapper{width:100%}.products-content{flex-direction:column;gap:16px;display:flex}.products-list-container,.product-selected .products-list-container{width:100%}.product-selected .products-content{padding-right:0}.products-pagination{flex-direction:column;align-items:flex-start;gap:12px}.products-pagination-buttons{justify-content:flex-start;width:100%;overflow-x:auto}.product-view-panel{width:100vw;min-width:0;max-width:100vw;height:calc(100dvh - 60px);box-shadow:none;z-index:1200;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;border-left:none;padding-bottom:30px;inset:60px 0 0;overflow:hidden auto}.product-view-header{height:60px;min-height:60px;padding:0 16px}.product-view-header h2{font-size:16px}.product-view-image{height:220px;min-height:220px}.product-view-info{padding:16px 14px}.details-grid{grid-template-columns:1fr 1fr}.product-view-actions{flex-wrap:wrap;gap:8px;padding:0 14px}.product-view-actions button{flex:calc(50% - 8px);min-width:110px}.product-images-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px}}@media (width<=480px){.product-view-image{height:190px;min-height:190px}.details-grid{grid-template-columns:1fr}.detail-item{min-height:auto;padding:10px 8px}.product-view-actions button{flex:100%;width:100%}.product-images-manager-header{flex-direction:column;align-items:flex-start;gap:8px}.product-upload-btn-label{justify-content:center;width:100%}.product-images-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.no-products{text-align:center;color:#374151;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:30px;display:flex}.no-products h3{color:#1f2937;margin:0 0 8px;font-size:17px;font-weight:600}.no-products p{color:#6b7280;margin:0 0 18px;font-size:14px}.no-products button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s}.no-products button:hover{color:#111827;background:#f8fafc;border-color:#9ca3af}.delete-product-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #d5dbe1;border-radius:5px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.delete-product-btn:hover{color:#e11d48;background:#fff1f2;border-color:#fca5a5}.product-images-manager{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:14px;margin:14px 14px 18px;padding:14px;display:flex}.product-images-manager-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.product-images-manager-header h4{color:#0f172a;margin:0;font-size:15px;font-weight:700}.upload-new-imgs-btn{color:#fff;cursor:pointer;background:#0f172a;border-radius:6px;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.upload-new-imgs-btn:hover{background:#334155}.product-images-section{flex-direction:column;gap:8px;display:flex}.section-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.no-imgs-hint{color:#94a3b8;margin:4px 0;font-size:13px;font-style:italic}.product-images-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.product-image-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:6px;padding:8px;transition:all .15s;display:flex;position:relative}.product-image-card.primary{background:#f8faff;border-color:#3b82f6}.product-image-card.deleted{opacity:.55;background:#fef2f2;border-color:#fca5a5}.product-image-card.new-card{border-style:dashed;border-color:#0284c7}.card-thumb-wrapper{background:#f1f5f9;border-radius:4px;width:100%;height:90px;position:relative;overflow:hidden}.card-thumb-wrapper img{object-fit:cover;width:100%;height:100%}.primary-pill{color:#fff;text-transform:uppercase;background:#2563eb;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}.deleted-pill{color:#fff;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:4px;right:4px}.new-tag{color:#fff;background:#0284c7;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:4px;right:4px}.card-controls{flex-direction:column;gap:6px;display:flex}.file-meta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.order-control-block{flex-direction:column;gap:2px;display:flex}.order-control{color:#475569;justify-content:space-between;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.order-control input{text-align:center;color:#0f172a;border:1px solid #cbd5e1;border-radius:4px;width:50px;height:26px;padding:0 4px;font-size:12px}.order-control input:focus{border-color:#0f172a;outline:none}.card-actions{gap:4px;display:flex}.set-primary-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:4px;font-size:10px;font-weight:600;transition:all .15s}.set-primary-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.delete-img-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:4px;flex:1;padding:4px;font-size:10px;font-weight:600;transition:all .15s}.delete-img-btn:hover{color:#b91c1c;background:#fee2e2}.restore-img-btn{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;flex:1;padding:4px;font-size:10px;font-weight:600;transition:all .15s}.restore-img-btn:hover{color:#fff;background:#059669}.product-display-order-wrapper{flex-direction:column;width:100%;display:flex}.product-display-order-error{color:#dc2626;margin-top:4px;margin-bottom:0;font-size:12px;font-weight:500;line-height:1.3}.edit-product-input.product-input-error{border:1px solid #dc2626!important}.add-product-page{color:#20242b;box-sizing:border-box;background:#f6f8fc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.add-product-page *,.add-product-page :before,.add-product-page :after{box-sizing:border-box}.add-header{background:#f6f8fc;justify-content:space-between;align-items:flex-start;width:100%;min-height:85px;display:flex}.add-header>div{width:100%}.breadcrumb{color:#7b8290;align-items:center;gap:5px;margin-bottom:9px;font-size:12px;line-height:1.3;display:flex}.breadcrumb span:last-child{color:#242831;font-weight:500}.back-button{color:#6e7580;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:0 0 7px;padding:0;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.back-button:hover{color:#111}.add-header h1{color:#171a1f;margin:0;font-size:24px;font-weight:650;line-height:1.25}.add-product-container{flex-direction:column;gap:20px;width:100%;margin-top:18px;display:flex}.product-content{flex-direction:column;width:100%;min-width:0;display:flex}.product-card,.pricing-card,.product-media-card{background:#fff;border:1px solid #e1e5eb;border-radius:8px;width:100%;padding:26px 25px;box-shadow:0 1px 2px #10182805}.card-header{margin-bottom:25px}.card-header h2,.pricing-title h2{color:#171a1f;margin:0 0 7px;font-size:18px;font-weight:650;line-height:1.35}.card-header p{color:#777f8c;margin:0;font-size:12px;font-weight:400;line-height:1.5}.pricing-title{margin-bottom:25px}.pricing-title h2{font-size:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 18px;width:100%;display:grid}.form-group-productbasicinfo,.form-group-productspec,.form-group-productpricing,.form-group-productcategory,.form-group-productmedia{flex-direction:column;min-width:0;display:flex}.form-group-productbasicinfo label,.form-group-productspec label,.form-group-productpricing label,.form-group-productcategory label,.form-group-productmedia label{color:#535a65;margin:0 0 7px;font-size:13px;font-weight:700;line-height:1.35;display:block}.form-group-productbasicinfo input,.form-group-productbasicinfo select,.form-group-productbasicinfo textarea,.form-group-productspec input,.form-group-productspec select,.form-group-productspec textarea,.form-group-productpricing input,.form-group-productpricing select,.form-group-productpricing textarea,.form-group-productcategory input,.form-group-productcategory select,.form-group-productmedia input,.form-group-productmedia select,.form-group-productmedia textarea{color:#303641;background:#fff;border:1px solid #dce1e7;border-radius:5px;outline:none;width:100%;font-family:inherit;font-size:14px;font-weight:400;transition:border-color .15s,box-shadow .15s,background .15s}.form-group-productbasicinfo input,.form-group-productbasicinfo select,.form-group-productspec input,.form-group-productspec select,.form-group-productpricing input,.form-group-productpricing select,.form-group-productcategory input,.form-group-productcategory select{height:42px;padding:0 12px}.form-group-productbasicinfo textarea,.form-group-productspec textarea,.form-group-productpricing textarea,.form-group-productmedia textarea{resize:vertical;min-height:110px;padding:11px 12px;line-height:1.5}.form-group-productbasicinfo input::placeholder,.form-group-productbasicinfo textarea::placeholder,.form-group-productspec input::placeholder,.form-group-productspec textarea::placeholder,.form-group-productpricing input::placeholder,.form-group-productpricing textarea::placeholder,.form-group-productcategory input::placeholder{color:#9aa1ac}.form-group-productbasicinfo input:focus,.form-group-productbasicinfo select:focus,.form-group-productbasicinfo textarea:focus,.form-group-productspec input:focus,.form-group-productspec select:focus,.form-group-productspec textarea:focus,.form-group-productpricing input:focus,.form-group-productpricing select:focus,.form-group-productpricing textarea:focus,.form-group-productcategory input:focus,.form-group-productcategory select:focus,.form-group-productmedia input:focus,.form-group-productmedia select:focus,.form-group-productmedia textarea:focus{border-color:#9ca3af;box-shadow:0 0 0 2px #1118270a}.form-group-productbasicinfo select,.form-group-productspec select,.form-group-productpricing select,.form-group-productcategory select{cursor:pointer}.form-group-productbasicinfo select:disabled,.invalid-disabled-select,.invalid-disabled-select:disabled,select:disabled{cursor:not-allowed!important;color:#9ca3af!important;background-color:#fef8f8!important}.form-group-productbasicinfo input:disabled,.form-group-productbasicinfo textarea:disabled,.form-group-productspec select:disabled,.form-group-productpricing select:disabled,.form-group-productcategory select:disabled{cursor:not-allowed!important;color:#9ca3af!important;background-color:#fef8f8!important;border-color:#fca5a5!important}.field-disabled-invalid,.field-disabled-invalid label{cursor:not-allowed!important}.form-group-productbasicinfo:has(select:disabled){cursor:not-allowed!important}.field-disabled-invalid:hover select:disabled,.invalid-disabled-select:hover,.invalid-disabled-select:disabled:hover,.form-group-productbasicinfo select:disabled:hover{cursor:not-allowed!important;background-color:#fee2e2!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.full-width,.full-widthhh{grid-column:1/-1}.button-area{border-top:1px solid #edf0f3;justify-content:flex-end;align-items:center;gap:40px;width:100%;margin-top:25px;padding-top:19px;display:flex}.next-btn,.pricing-next-btn{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:100px;height:40px;padding:0 18px;font-size:13px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.next-btn:hover,.pricing-next-btn:hover{background:#222}.next-btn:active,.pricing-next-btn:active{transform:translateY(1px)}.previous-btn{color:#444b55;cursor:pointer;background:#fff;border:1px solid #d8dde4;border-radius:5px;justify-content:center;align-items:center;height:40px;margin-right:9px;padding:0 18px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.previous-btn:hover{background:#f7f8fa;border-color:#c8ced6}.pricing-card{padding:26px 25px}.pricing-form{width:100%}.pricing-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.selling-price-group{margin-top:18px}.input-with-symbol{background:#fff;border:1px solid #dce1e7;border-radius:5px;align-items:center;width:100%;height:42px;display:flex;overflow:hidden}.input-with-symbol.input-error{border-color:#dc2626!important}.input-with-symbol:focus-within{border-color:#9ca3af;box-shadow:0 0 0 2px #1118270a}.input-with-symbol.input-error:focus-within{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262626!important}.input-with-symbol span{color:#626975;background:#fcfcfc;border-right:1px solid #e8ebef;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:100%;font-size:13px;display:flex}.form-group-productpricing .input-with-symbol input,.input-with-symbol input{flex:1;font-size:14px;width:auto!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0 11px!important}.pricing-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.pricing-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.input-with-symbol input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.input-with-symbol input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.pricing-form input[type=number],.input-with-symbol input[type=number]{appearance:textfield!important}.tax-section{margin-top:20px}.tax-section p{color:#535a65;margin:0 0 9px;font-size:13px}.tax-options{align-items:center;gap:22px;display:flex}.radio-option{color:#414751;cursor:pointer;align-items:center;gap:7px;font-size:13px;display:inline-flex;position:relative}.radio-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.custom-radio{background:#fff;border:1px solid #bfc5cd;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block;position:relative}.radio-option input:checked+.custom-radio{background:#111;border-color:#111}.radio-option input:checked+.custom-radio:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.product-settings{border-bottom:1px solid #edf0f3;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 30px;margin-bottom:20px;padding-bottom:18px;display:grid}.setting-item{align-items:center;gap:8px;min-height:27px;display:flex}.setting-item input[type=checkbox]{accent-color:#111;cursor:pointer;width:15px;height:15px;margin:0}.setting-item label{color:#444b55;cursor:pointer;margin:0;font-size:13px;font-weight:400}.product-media-card{padding:26px 25px}.hidden-file-input{display:none!important}.product-image-upload-area,.upload-box{text-align:center;cursor:pointer;background:#fafbfc;border:1px dashed #c8ced6;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:190px;padding:22px;transition:border-color .15s,background .15s;display:flex}.product-image-upload-area:hover,.upload-box:hover{background:#f7f8fa;border-color:#8d96a3}.upload-icon-box,.upload-icon{color:#4b535e;background:#eef1f5;border-radius:7px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:11px;font-size:19px;display:flex}.upload-icon{border:none}.product-image-upload-area h4{color:#303640;margin:0 0 6px;font-size:14px;font-weight:600}.product-image-upload-area p{color:#818894;max-width:350px;margin:0;font-size:12px;line-height:1.5}.product-image-upload-area span{color:#5d6570;margin-top:9px;font-size:12px;font-weight:500}.upload-box span{color:#444b55;font-size:12px}.upload-box small{color:#9299a3;margin-top:5px;font-size:12px}.media-section-divider{background:#e7eaee;width:100%;height:1px;margin:22px 0}.media-gallery-section{width:100%}.media-gallery-title{color:#4d5560;margin:0 0 13px;font-size:13px;font-weight:600}.media-gallery-title span{color:#9aa1ab;margin-left:4px;font-weight:400}.media-gallery-grid,.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.media-preview-card,.media-item{background:#fafbfc;border:1px solid #dfe3e8;border-radius:5px;min-width:0;position:relative;overflow:hidden}.media-preview-card{height:110px}.media-item{padding:7px}.media-preview-card img{object-fit:cover;width:100%;height:100%;display:block}.image-preview{background:#f6f7f9;justify-content:center;align-items:center;height:125px;display:flex;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.media-item.default-image{border-color:#111}.primary-image-label{color:#fff;background:#111111d1;border-radius:3px;padding:4px 7px;font-size:12px;font-weight:500;position:absolute;top:5px;left:5px}.media-remove-image{color:#fff;cursor:pointer;background:#14181ed1;border:none;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex;position:absolute;top:5px;right:5px}.media-add-image-card{color:#59616c;cursor:pointer;background:#fafbfc;border:1px dashed #c8ced6;border-radius:5px;justify-content:center;align-items:center;height:110px;display:flex}.media-add-image-card:hover{background:#f3f5f7}.image-info{color:#646c77;justify-content:space-between;gap:5px;margin-top:7px;font-size:12px;display:flex}.image-actions{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.image-actions button{color:#4c545f;cursor:pointer;background:#fff;border:1px solid #d8dde3;border-radius:4px;padding:5px 8px;font-size:12px}.image-actions button:hover{border-color:#999}.media-item.default-image .image-actions button:first-child{color:#fff;background:#111;border-color:#111}.image-display-order{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.image-display-order label{color:#475569;justify-content:space-between;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.image-display-order input{text-align:center;color:#0f172a;border:1px solid #cbd5e1;border-radius:4px;width:48px;height:24px;padding:0 4px;font-size:12px}.image-display-order input:focus{border-color:#0f172a;outline:none}.image-order-error-text{color:#ef4444;text-align:right;margin-top:2px;font-size:10px;font-weight:600;line-height:1.2;display:block}.media-documents-section{width:100%}.media-documents-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.media-documents-header h3{color:#303640;margin:0 0 4px;font-size:14px;font-weight:600}.media-documents-header p{color:#808792;margin:0;font-size:12px}.media-upload-document-btn{color:#424953;cursor:pointer;background:#fff;border:1px solid #d7dce2;border-radius:5px;flex-shrink:0;height:34px;padding:0 13px;font-size:12px}.media-upload-document-btn:hover{background:#f7f8fa}.media-document-list{flex-direction:column;gap:8px;margin-top:15px;display:flex}.media-document-item{background:#fafbfc;border:1px solid #e0e4e9;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:9px 11px;display:flex}.media-document-item span{text-overflow:ellipsis;white-space:nowrap;color:#4a525d;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.media-document-item button{color:#b44141;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:12px}.finish-publish-btn{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:5px;min-width:130px;height:40px;padding:0 18px;font-size:13px;font-weight:500}.finish-publish-btn:hover{background:#222}.preview-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.preview-card{text-align:center;background:#fff;border:1px solid #e0e4e9;border-radius:5px;padding:8px}.preview-card img{object-fit:cover;border-radius:4px;width:100%;height:110px}.preview-card p{word-break:break-word;color:#555d67;margin:7px 0;font-size:12px}.remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:6px 10px;font-size:12px}.remove-btn:hover{background:#dc2626}.document-list{flex-direction:column;gap:8px;margin-top:15px;display:flex}.document-item{background:#fafbfc;border:1px solid #e0e4e9;border-radius:5px;justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.document-item span{font-size:12px;font-weight:500}@media (width<=1000px){.add-product-container{flex-direction:column;gap:16px;width:100%}.add-header{padding-left:0;padding-right:0}.form-grid{column-gap:15px}.media-gallery-grid,.media-grid,.preview-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.add-header{min-height:auto;padding:0 0 12px}.add-header h1{font-size:21px}.add-product-container{flex-direction:column;width:100%;margin-top:14px}.product-content{width:100%}.form-grid,.pricing-row{grid-template-columns:1fr}.full-width,.full-widthhh{grid-column:auto}.product-card,.pricing-card,.product-media-card{padding:18px 14px}.product-settings{grid-template-columns:1fr}.media-gallery-grid,.media-grid,.preview-container{grid-template-columns:repeat(2,minmax(0,1fr))}.media-documents-header{flex-direction:column;align-items:flex-start}.button-area{gap:10px}}@media (width<=480px){.add-product-container{width:100%}.add-header{padding-left:0;padding-right:0}.button-area{flex-flow:column-reverse wrap}.previous-btn,.next-btn,.pricing-next-btn,.finish-publish-btn{width:100%;min-width:100%}.button-area .previous-btn,.button-area .finish-publish-btn{width:100%;margin-right:0}}.amc-plan-dropdown,.amc-dropdown-container{width:100%;position:relative}.amc-dropdown-button{cursor:pointer;color:#334155;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:10px 14px;font-size:14px;display:flex}.amc-dropdown-button:hover{border-color:#94a3b8}.amc-dropdown-arrow{font-size:11px;transition:transform .2s}.amc-dropdown-arrow.open{transform:rotate(180deg)}.amc-dropdown-menu{z-index:1000;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;max-height:220px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 8px 20px #00000014}.amc-option{cursor:pointer;color:#334155;align-items:center;gap:10px;padding:11px 14px;font-size:14px;transition:background .15s;display:flex}.amc-option:hover{background:#f8fafc}.amc-option.selected{background:#eff6ff}.amc-option input{cursor:pointer;width:16px;height:16px}.amc-dropdown-message{text-align:center;color:#64748b;padding:15px;font-size:14px}.amc-dropdown-error{color:#dc2626;padding:15px;font-size:14px}.selected-amc-plans{flex-wrap:wrap;gap:8px;min-height:20px;margin-top:12px;display:flex}.selected-amc-item{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:inline-flex}.remove-amc-btn{color:#1e40af;cursor:pointer;background:#dbeafe;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;line-height:18px;display:flex}.remove-amc-btn:hover{color:#fff;background:#2563eb}.no-selected-amc{color:#94a3b8;padding:4px 0;font-size:13px}.amc-dropdown-menu .amc-option{box-sizing:border-box;cursor:pointer;border-radius:6px;width:100%;min-height:46px;padding:10px 12px;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;display:flex!important}.amc-dropdown-menu .amc-option input[type=checkbox]{cursor:pointer;accent-color:#2563eb;flex:0 0 16px!important;width:16px!important;min-width:16px!important;height:16px!important;margin:0!important;padding:0!important;display:block!important}.amc-dropdown-menu .amc-option span{white-space:normal;cursor:pointer;flex:1!important;margin:0!important;padding:0!important;line-height:1.4!important;display:block!important}.product-display-order-error{color:#dc2626;margin-top:4px;margin-bottom:0;font-size:12px;font-weight:500;line-height:1.3;display:block}.product-input-error{border:1px solid #dc2626!important}.add-header .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:0;display:flex}.add-header .breadcrumb-back-row .breadcrumb,.add-header .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.add-header .breadcrumb-back-row .page-back-btn{cursor:pointer;color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;height:38px;margin:0;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.add-header .breadcrumb-back-row .page-back-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.product-sidebar{box-sizing:border-box;background:#fff;border:1px solid #e1e5eb;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 18px;display:flex;box-shadow:0 1px 2px #10182805}.product-sidebar h3{display:none}.sidebar-step{box-sizing:border-box;background:#f8fafc;border:1px solid #edf0f3;border-radius:6px;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 14px;transition:all .2s;display:flex;position:relative}.sidebar-step.active{background:#fff;border:1px solid #172033;box-shadow:0 2px 6px #0f172a0f}.sidebar-step.completed{background:#f0fdf4;border:1px solid #bbf7d0}.step-icon{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.sidebar-step.active .step-icon{color:#fff;background:#172033}.sidebar-step.completed .step-icon{color:#16a34a;background:#dcfce7}.sidebar-step svg{color:#16a34a}.step-text{min-width:0;overflow:hidden}.step-text h4{color:#334155;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.sidebar-step.active .step-text h4{color:#172033;font-weight:700}.sidebar-step.completed .step-text h4{color:#15803d}.step-text p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;line-height:1.3;overflow:hidden}@media (width<=900px){.step-text p{display:none}}@media (width<=640px){.product-sidebar{flex-direction:column;align-items:stretch}}.add-category-page{background:#f6f8fb;min-height:100vh}.category-header{margin-bottom:30px}.breadcrumb{color:#777;align-items:center;gap:5px;font-size:14px;display:flex}.back-button{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:15px;display:flex}.category-header h1{color:#1f2937;margin-top:15px;font-size:28px}.category-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:800px;margin:30px auto;padding:clamp(20px,5vw,60px);box-shadow:0 4px 15px #00000014}.form-group-add-category{flex-direction:column;margin-bottom:25px;display:flex}.form-group-add-category label{color:#333;margin-bottom:8px;font-weight:600}.form-group-add-category input,.form-group-add-category textarea{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:13px;font-size:15px}.form-group-add-category input:focus,.form-group-add-category textarea:focus{border-color:#1976d2}.save-category-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;margin:25px auto 0;padding:12px 35px;font-size:15px;display:block}.model-page{color:#172033;background:#f8f9fb;width:100%;min-height:calc(100vh - 64px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.model-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:0;display:flex}.model-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.model-breadcrumb strong{color:#172033;font-weight:600}.model-header h1{color:#172033;letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700;line-height:1.2}.model-header p{color:#64748b;margin:7px 0 0;font-size:14px}.model-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#050505;border:none;border-radius:5px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.model-add-btn:hover{background:#242424}.model-add-btn:disabled{opacity:.6;cursor:not-allowed}.model-toolbar{background:#fff;border:1px solid #dfe3e8;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:14px 16px;display:flex}.model-search-wrapper{width:350px;max-width:100%;position:relative}.model-search-wrapper input{color:#172033;box-sizing:border-box;border:1px solid #d7dce2;border-radius:5px;outline:none;width:100%;height:38px;padding:0 10px 0 38px;font-size:13px}.model-search-wrapper input:focus{border-color:#172033}.model-search-icon{color:#64748b;font-size:20px;position:absolute;top:40%;left:12px;transform:translateY(-50%)}.model-count{color:#64748b;font-size:13px;font-weight:400}.model-content{background:#fff;border:1px solid #dfe3e8;border-radius:6px;min-height:100px;margin:0;display:flex;position:relative;overflow:hidden}.model-selected{overflow:visible}.model-list-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;background:#fff;flex:1;width:100%;min-width:0;max-width:100%;max-height:480px;overflow:auto!important}.model-list-container::-webkit-scrollbar{width:8px;height:8px}.model-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.model-list-container::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.model-list-container::-webkit-scrollbar-thumb:hover{background:#ea580c}.model-list-container::-webkit-scrollbar-corner{background:#f1f5f9}.model-table-header,.model-row{grid-template-columns:70px minmax(180px,1.8fr) minmax(160px,1.5fr) minmax(130px,1.1fr) 135px 145px;gap:16px;min-width:860px;display:grid}.model-action-cell{justify-content:flex-start;align-items:center;width:145px;min-width:145px;display:flex}.model-table-header{z-index:3;color:#60708a;letter-spacing:.5px;text-transform:uppercase;box-sizing:border-box;border-bottom:1px solid #dfe3e8;align-items:center;height:44px;min-height:44px;padding:0 24px;font-size:11px;font-weight:700;position:sticky;top:0;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.model-row{cursor:pointer;box-sizing:border-box;border-bottom:1px solid #e6e9ee;align-items:center;min-height:68px;padding:12px 24px;transition:background .15s}.model-row:hover{background:#fafbfc}.model-row.selected{background:#f1f5f9}.model-logo-cell{align-items:center;min-width:0;display:flex}.model-main{align-items:center;gap:12px;min-width:0;display:flex}.model-table-logo,.model-table-logo-placeholder{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:5px;flex:0 0 40px;width:40px;height:40px}.model-table-logo-placeholder{color:#475569;background:#f1f5f9;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.model-main-info{min-width:0}.model-main-info h3,.model-main h3{color:#172033;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:650;overflow:hidden}.model-cell{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:12px;font-size:13px;overflow:hidden}.model-status-cell{white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.model-status{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:104px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.model-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.model-status.active:hover{background:#dcfce7;border-color:#86efac}.model-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.model-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.model-details-panel{z-index:1300;box-sizing:border-box;background:#fff;border-left:1px solid #dfe3e8;grid-template-rows:auto minmax(0,1fr);width:min(460px,100vw);height:calc(100dvh - 60px);animation:.22s cubic-bezier(.16,1,.3,1) modelPanelSlideIn;display:grid;position:fixed;top:60px;bottom:0;right:0;box-shadow:-8px 0 25px #0f172a14}@keyframes modelPanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.model-panel-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:70px;padding:0 18px;display:flex}.model-panel-eyebrow{color:#64748b;letter-spacing:.7px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.model-panel-header h2{color:#172033;margin:4px 0 0;font-size:17px;font-weight:700}.model-panel-close{color:#475569;cursor:pointer;background:#f1f3f5;border:0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:21px;line-height:1;display:flex}.model-panel-close:hover{color:#0f172a;background:#e2e8f0}.model-panel-scroll{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;min-height:0;padding-bottom:20px;overflow:hidden auto}.model-panel-scroll::-webkit-scrollbar{width:7px}.model-panel-scroll::-webkit-scrollbar-track{background:0 0}.model-panel-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.model-detail-summary{padding:15px 20px 10px}.model-detail-category{letter-spacing:.6px;color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.model-detail-summary h2{color:#172033;margin:0;font-size:22px;font-weight:700;line-height:1.3}.model-detail-summary p{color:#64748b;margin:5px 0 10px;font-size:13px}.model-name-input{color:#172033;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:14px}.model-name-input:focus{border-color:#172033}.model-detail-status{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:104px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.model-detail-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.model-detail-status.active:hover{background:#dcfce7;border-color:#86efac}.model-detail-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.model-detail-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.model-status-select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.model-status-select:focus{border-color:#172033}.model-grid-status-select{color:#172033;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.model-grid-status-select:focus{border-color:#172033;box-shadow:0 0 0 2px #17203314}.model-add-grid{border-top:1px solid #edf0f2;grid-template-columns:1fr 1fr;gap:14px;margin:0 20px;padding-top:18px;padding-bottom:18px;display:grid}.model-add-field{flex-direction:column;display:flex}.model-add-field label{letter-spacing:.6px;color:#475569;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.model-add-field .model-number-input,.model-add-field .model-status-select{width:100%;max-width:100%;height:40px}.model-brand-select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 10px;font-family:inherit;font-size:13px}.model-brand-select:focus{border-color:#172033}.model-details-grid{border-top:1px solid #edf0f2;border-left:1px solid #edf0f2;grid-template-columns:1fr 1fr;margin:10px 20px;display:grid}.model-detail-item{box-sizing:border-box;border-bottom:1px solid #edf0f2;border-right:1px solid #edf0f2;min-height:65px;padding:12px}.model-detail-item span:not(.model-detail-status){color:#475569;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.model-detail-item .model-detail-status{text-align:center;box-sizing:border-box;white-space:nowrap;text-transform:none;letter-spacing:normal;border-radius:7px;justify-content:center;align-items:center;width:auto;min-width:104px;height:32px;margin:0;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.model-detail-item strong{color:#172033;font-size:13px;font-weight:600;display:block}.model-detail-item input,.model-detail-item select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500}.model-detail-item input:focus,.model-detail-item select:focus{border-color:#172033;box-shadow:0 0 0 2px #17203314}.model-description-section{border-top:1px solid #edf0f2;margin:0 20px;padding-top:10px;padding-bottom:8px}.model-description-section h4{color:#475569;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.model-description-section p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.model-description-section textarea{resize:vertical;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;min-height:90px;padding:10px;font-family:inherit;font-size:14px;line-height:1.5}.model-detail-logo{object-fit:contain;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:120px;height:120px;margin-top:12px;padding:8px;display:block}.model-logo-upload-frame{box-sizing:border-box;background-color:#f8fafc;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;margin-top:10px;padding:16px;display:flex}.model-detail-logo-placeholder{color:#475569;box-sizing:border-box;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;margin-top:12px;font-size:40px;font-weight:700;display:flex}.model-file-upload{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:fit-content;padding:9px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.model-file-upload:hover{background:#f1f5f9;border-color:#9ca3af}.model-file-upload input{display:none}.model-image-preview-wrapper{margin-top:12px}.model-image-preview-wrapper p{color:#6b7280;margin:8px 0 0;font-size:12px}.model-display-order-wrapper{width:100%}.model-number-input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.model-number-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.model-number-input:disabled{cursor:not-allowed;background:#f3f4f6}.model-input-error{border-color:#dc2626!important}.model-number-input.model-input-error{background-color:#fff5f5;border-color:#ef4444!important}.model-number-input.model-input-error:focus{box-shadow:0 0 0 2px #dc26261f;border-color:#dc2626!important}.model-display-order-error{color:#dc2626;margin:5px 0 0;font-size:12px;font-weight:500;line-height:1.4}.model-panel-actions{box-sizing:border-box;background:#fff;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:22px;padding:0 20px 25px;display:flex}.model-panel-actions button{white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;flex:none!important;width:auto!important}.model-panel-actions button:disabled{opacity:.6;cursor:not-allowed}.model-edit-btn{color:#fff;background:#111827;border:1px solid #111827;min-width:145px}.model-edit-btn:hover:not(:disabled){background:#000}.model-delete-btn{color:#334155;background:#fff;border:1px solid #d5dbe1;min-width:150px}.model-delete-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.model-save-btn{color:#fff;background:#111827;border:1px solid #111827;min-width:145px}.model-save-btn:hover:not(:disabled){background:#000}.model-discard-btn{color:#334155;background:#fff;border:1px solid #d5dbe1;min-width:150px}.model-discard-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.model-empty{text-align:center;padding:70px 20px}.model-empty h3{margin:0 0 8px;font-size:17px;font-weight:600}.model-empty p{color:#64748b;margin:0;font-size:13px}.model-pagination{color:#64748b;justify-content:space-between;align-items:center;margin:0;padding:16px 18px;font-size:13px;display:flex}.model-pagination button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:6px;height:36px;padding:0 14px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.model-pagination button:not(:disabled):hover:not(.active):not(.page-active):not(.active-page){color:#172033;background:#f8fafc;border-color:#cbd5e1}.model-pagination button:disabled{color:#a0a8b3;cursor:not-allowed;background:#f8fafc;border-color:#e5e7eb}.model-pagination button.active,.model-pagination button.page-active,.model-pagination button.active-page,.model-pagination button.active:hover,.model-pagination button.page-active:hover,.model-pagination button.active-page:hover{color:#fff!important;cursor:default!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}@media (width<=950px){.model-details-panel{width:100vw;max-width:100vw}.model-header{padding-left:0;padding-right:0}.model-toolbar,.model-content{margin-left:0;margin-right:0}.model-pagination{flex-direction:column;align-items:flex-start;gap:14px}}@media (width<=700px){.model-header{flex-direction:column;gap:18px}.model-add-btn{width:100%}.model-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.model-search-wrapper{width:100%}.model-table-header,.model-row{grid-template-columns:minmax(180px,2fr) minmax(70px,1fr) minmax(100px,1fr) minmax(90px,1fr)}.model-content{overflow-x:auto}.model-list-container{min-width:620px}.model-details-grid{grid-template-columns:1fr}.model-panel-actions{flex-wrap:wrap;justify-content:flex-start}}.product-categories-page{color:#172033;background:#f8f9fb;width:100%;min-height:calc(100vh - 64px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pc-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:0;display:flex}.pc-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.pc-breadcrumb strong{color:#172033;font-weight:600}.pc-header h1{color:#172033;letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700;line-height:1.2}.pc-header p{color:#64748b;margin:7px 0 0;font-size:14px}.pc-add-btn{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:5px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.pc-add-btn:hover{background:#242424}.pc-add-btn span{margin-right:7px;font-size:16px}.pc-toolbar{background:#fff;border:1px solid #dfe3e8;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:14px 16px;display:flex}.pc-search-wrapper{width:350px;max-width:100%;position:relative}.pc-search-wrapper input{color:#172033;box-sizing:border-box;border:1px solid #d7dce2;border-radius:5px;outline:none;width:100%;height:38px;padding:0 10px 0 38px;font-size:13px}.pc-search-wrapper input:focus{border-color:#172033}.pc-search-icon{color:#64748b;font-size:20px;position:absolute;top:40%;left:12px;transform:translateY(-50%)}.pc-search-loader{color:#64748b;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pc-count{color:#64748b;font-size:13px}.pc-error{color:#dc2626;border-radius:6px;margin-bottom:16px;padding:10px 0;font-size:13px}.pc-input-error{border:1px solid #dc2626!important}.pc-number-input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.pc-number-input.pc-input-error{background-color:#fff5f5;border-color:#ef4444!important}.pc-number-input.pc-input-error:focus{box-shadow:0 0 0 3px #ef44441f;border-color:#dc2626!important}.pc-content{background:#fff;border:1px solid #dfe3e8;border-radius:6px;min-height:100px;margin:0;display:flex;position:relative;overflow:hidden}.pc-content-with-panel{overflow:visible}.pc-list{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;background:#fff;flex:1;width:100%;min-width:0;max-width:100%;max-height:480px;overflow:auto!important}.pc-list::-webkit-scrollbar{width:8px;height:8px}.pc-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.pc-list::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.pc-list::-webkit-scrollbar-thumb:hover{background:#ea580c}.pc-list::-webkit-scrollbar-corner{background:#f1f5f9}.pc-table-header,.pc-row{grid-template-columns:minmax(220px,2.2fr) minmax(130px,1.2fr) minmax(140px,1.2fr) minmax(120px,1fr) 115px;gap:20px;min-width:780px;display:grid}.pc-col-categoryheader,.pc-col-typeheader,.pc-col-codeheader,.pc-col-statusheader,.pc-col-actionheader{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pc-col-actions{justify-content:flex-start;align-items:center;width:145px;min-width:145px;display:flex}.pc-table-header{z-index:3;color:#60708a;letter-spacing:.5px;text-transform:uppercase;box-sizing:border-box;border-bottom:1px solid #dfe3e8;align-items:center;height:44px;min-height:44px;padding:0 24px;font-size:11px;font-weight:700;position:sticky;top:0;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.pc-row{cursor:pointer;box-sizing:border-box;border-bottom:1px solid #e6e9ee;align-items:center;height:auto;min-height:64px;padding:12px 24px;transition:background .15s}.pc-row:hover{background:#fafbfc}.pc-row-selected{background:#f1f5f9}.pc-col-category{min-width:0;overflow:hidden}.pc-category-cell{align-items:center;min-width:0;max-width:100%;display:flex;overflow:hidden}.pc-category-cell>div{min-width:0;max-width:100%;overflow:hidden}.pc-category-cell h3{color:#172033;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:14px;font-weight:650;overflow:hidden}.pc-category-cell p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:4px 0 0;font-size:12px;overflow:hidden}.pc-col-type,.pc-col-code,.pc-col-description{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:12px;font-size:13px;overflow:hidden}.pc-col-status{white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.pc-status,.pc-detail-status{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:104px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.pc-status.active,.pc-detail-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pc-status.active:hover,.pc-detail-status.active:hover{background:#dcfce7;border-color:#86efac}.pc-status.inactive,.pc-detail-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.pc-status.inactive:hover,.pc-detail-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.pc-details-panel{z-index:1300;box-sizing:border-box;background:#fff;border-left:1px solid #dfe3e8;grid-template-rows:auto minmax(0,1fr);width:min(460px,100vw);height:calc(100dvh - 60px);animation:.22s cubic-bezier(.16,1,.3,1) pcPanelSlideIn;display:grid;position:fixed;top:60px;bottom:0;right:0;box-shadow:-8px 0 25px #0f172a14}@keyframes pcPanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.pc-panel-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:70px;padding:0 18px;display:flex}.pc-panel-eyebrow{color:#64748b;letter-spacing:.7px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.pc-panel-header h2{color:#172033;margin:4px 0 0;font-size:17px;font-weight:700}.pc-panel-close{color:#475569;cursor:pointer;background:#f1f3f5;border:0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:21px;line-height:1;display:flex}.pc-panel-close:hover{color:#0f172a;background:#e2e8f0}.pc-panel-scroll{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;min-height:0;padding-bottom:20px;overflow:hidden auto}.pc-detail-summary{padding:15px 20px 20px}.pc-detail-summary h2{color:#172033;margin:0;font-size:22px;font-weight:700;line-height:1.3}.pc-detail-summary p{color:#64748b;margin:5px 0 10px;font-size:13px}.pc-summary-input{color:#172033;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;margin:0 0 10px;padding:0 12px;font-family:inherit;font-size:20px;font-weight:600}.pc-summary-input:focus{border-color:#172033}.pc-summary-type-input{color:#64748b;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:34px;margin:6px 0 0;padding:0 10px;font-family:inherit;font-size:13px}.pc-summary-type-input:focus{border-color:#172033}.pc-summary-status-select{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;height:40px;padding:0 10px;font-family:inherit;font-size:13px}.pc-summary-status-select:focus{border-color:#172033}.pc-details-grid{border-top:1px solid #edf0f2;border-left:1px solid #edf0f2;grid-template-columns:1fr 1fr;margin:0 20px;display:grid}.pc-detail-item{box-sizing:border-box;border-bottom:1px solid #edf0f2;border-right:1px solid #edf0f2;min-height:65px;padding:12px}.pc-detail-item span:not(.pc-detail-status){color:#475569;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.pc-detail-item .pc-detail-status{text-align:center;box-sizing:border-box;white-space:nowrap;text-transform:none;letter-spacing:normal;border-radius:7px;justify-content:center;align-items:center;width:auto;min-width:104px;height:32px;margin:0;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.pc-detail-item strong{color:#172033;font-size:13px;font-weight:600;display:block}.pc-detail-item input,.pc-detail-item select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500}.pc-detail-item input:focus,.pc-detail-item select:focus{border-color:#172033;box-shadow:0 0 0 2px #17203314}.pc-detail-item input:disabled{color:#64748b;cursor:not-allowed;background:#f3f4f6}.pc-description-section{border-top:1px solid #edf0f2;margin:20px 20px 0;padding-top:18px}.pc-description-section p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.pc-description-section textarea{resize:vertical;color:#172033;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;min-height:90px;padding:10px;font-family:inherit;font-size:14px;line-height:1.5}.pc-description-section textarea:focus{border-color:#172033;box-shadow:0 0 0 2px #17203314}.pc-panel-actions{box-sizing:border-box;background:#fff;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:22px;padding:0 20px 25px;display:flex}.pc-panel-actions button{white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;flex:none!important;width:auto!important}.pc-panel-actions button:disabled{opacity:.6;cursor:not-allowed}.pc-edit-btn{color:#fff;background:#111827;border:1px solid #111827;min-width:145px}.pc-delete-btn{color:#334155;background:#fff;border:1px solid #d5dbe1;min-width:150px}.pc-empty{text-align:center;padding:70px 20px}.pc-empty h3{color:#172033;margin:0 0 8px;font-size:17px;font-weight:600}.pc-empty p{color:#64748b;margin:0;font-size:13px}.pc-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:40px 20px;display:flex}.pc-loading h3{color:#172033;margin:15px 0 6px;font-size:16px}.pc-loading p{color:#64748b;margin:0;font-size:13px}.pc-spinner{border:3px solid #e5e7eb;border-top-color:#172033;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite pc-spin}@keyframes pc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pc-pagination{color:#64748b;justify-content:space-between;align-items:center;margin:0;padding:16px 18px;font-size:13px;display:flex}.pc-page-info{color:#64748b}.pc-pagination-buttons{align-items:center;gap:8px;display:flex}.pc-pagination-buttons span{text-align:center;color:#64748b;min-width:85px;font-size:13px}.pc-pagination-buttons button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:6px;height:36px;padding:0 14px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.pc-pagination-buttons button:not(:disabled):hover:not(.active):not(.page-active):not(.active-page){color:#172033;background:#f8fafc;border-color:#cbd5e1}.pc-pagination-buttons button:disabled{color:#a0a8b3;cursor:not-allowed;background:#f8fafc;border-color:#e5e7eb}.pc-pagination-buttons button.active,.pc-pagination-buttons button.page-active,.pc-pagination-buttons button.active-page,.pc-pagination-buttons button.active:hover,.pc-pagination-buttons button.page-active:hover,.pc-pagination-buttons button.active-page:hover{color:#fff!important;cursor:default!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}@media (width<=950px){.pc-details-panel{width:100vw;max-width:100vw}.pc-header{padding-left:0;padding-right:0}.pc-toolbar,.pc-content{margin-left:0;margin-right:0}.pc-pagination{flex-direction:column;align-items:flex-start;gap:14px}.pc-pagination-buttons{justify-content:flex-end;width:100%}}.pc-add-form{box-sizing:border-box;width:100%}.pc-add-section{padding:20px 20px 10px}.pc-add-label{letter-spacing:.6px;color:#475569;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.pc-add-name-input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:14px;display:block}.pc-add-name-input::placeholder{color:#9ca3af;font-size:14px}.pc-add-name-input:focus{border-color:#172033}.pc-number-input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.pc-number-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.pc-number-input:disabled{cursor:not-allowed;background:#f3f4f6}.pc-input-error{border-color:#ef4444!important}.pc-input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261f!important}.pc-display-order-wrapper{width:100%}.pc-display-order-error{color:#dc2626;margin:5px 0 0;font-size:12px;font-weight:500;line-height:1.4}.pc-add-status-select{color:#172033;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 10px;font-family:inherit;font-size:13px}.pc-add-status-select:focus{border-color:#172033}.pc-grid-status-select{color:#172033;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.pc-grid-status-select:focus{border-color:#172033;box-shadow:0 0 0 2px #17203314}.pc-add-field-section{border-top:1px solid #edf0f2;margin:0 20px;padding-top:18px}.pc-add-field-section label,.pc-add-display-section label{letter-spacing:.6px;color:#475569;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.pc-add-field-section input,.pc-add-field-section select{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 10px;font-family:inherit;font-size:13px}.pc-add-field-section textarea{box-sizing:border-box;color:#172033;resize:vertical;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;min-height:90px;padding:10px;font-family:inherit;font-size:14px;line-height:1.5}.pc-add-field-section input:focus,.pc-add-field-section select:focus,.pc-add-field-section textarea:focus{border-color:#172033;box-shadow:0 0 0 2px #17203314}.pc-add-field-section input::placeholder,.pc-add-field-section textarea::placeholder{color:#9ca3af}.pc-add-grid{grid-template-columns:1fr 1fr;gap:14px;margin:0 20px;padding-top:18px;display:grid}.pc-add-field{flex-direction:column;display:flex}.pc-add-field label{letter-spacing:.6px;color:#475569;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.pc-add-field .pc-number-input,.pc-add-field .pc-add-status-select{width:100%;max-width:100%;height:40px}.pc-add-display-section{padding:12px 18px}.pc-add-display-section input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 10px;font-size:13px}.pc-add-display-section input:focus{border-color:#172033}.pc-add-label,.pc-add-field-section label{letter-spacing:.6px;color:#475569;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.brand-page{color:#172033;background:#f8f9fb;width:100%;min-height:calc(100vh - 64px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brand-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:0;display:flex}.brand-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.brand-breadcrumb strong{color:#172033;font-weight:600}.brand-header h1{color:#172033;letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700;line-height:1.2}.brand-header p{color:#64748b;margin:7px 0 0;font-size:14px}.brand-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#050505;border:none;border-radius:5px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.brand-add-btn:hover{background:#242424}.brand-add-btn:disabled{opacity:.6;cursor:not-allowed}.brand-toolbar{background:#fff;border:1px solid #dfe3e8;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:14px 16px;display:flex}.brand-search-wrapper{width:350px;max-width:100%;position:relative}.brand-search-wrapper input{color:#172033;box-sizing:border-box;border:1px solid #d7dce2;border-radius:5px;outline:none;width:100%;height:38px;padding:0 10px 0 38px;font-size:13px}.brand-search-wrapper input:focus{border-color:#172033}.brand-search-icon{color:#64748b;font-size:20px;position:absolute;top:40%;left:12px;transform:translateY(-50%)}.brand-count{color:#64748b;font-size:13px;font-weight:400}.brand-content{background:#fff;border:1px solid #dfe3e8;border-radius:6px;min-height:100px;margin:0;display:flex;position:relative;overflow:hidden}.brand-selected{overflow:visible}.brand-list-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;background:#fff;flex:1;width:100%;min-width:0;max-width:100%;max-height:480px;overflow:auto!important}.brand-list-container::-webkit-scrollbar{width:8px;height:8px}.brand-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.brand-list-container::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.brand-list-container::-webkit-scrollbar-thumb:hover{background:#ea580c}.brand-list-container::-webkit-scrollbar-corner{background:#f1f5f9}.brand-table-header,.brand-row{grid-template-columns:70px minmax(180px,1.8fr) minmax(160px,1.5fr) minmax(130px,1.1fr) 135px 145px;gap:16px;min-width:860px;display:grid}.brand-action-cell{justify-content:flex-start;align-items:center;width:145px;min-width:145px;display:flex}.brand-table-header{z-index:3;color:#60708a;letter-spacing:.5px;text-transform:uppercase;box-sizing:border-box;border-bottom:1px solid #dfe3e8;align-items:center;height:44px;min-height:44px;padding:0 24px;font-size:11px;font-weight:700;position:sticky;top:0;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.brand-row{cursor:pointer;box-sizing:border-box;border-bottom:1px solid #e6e9ee;align-items:center;min-height:68px;padding:12px 24px;transition:background .15s}.brand-row:hover{background:#fafbfc}.brand-row.selected{background:#f1f5f9}.brand-logo-cell{align-items:center;min-width:0;display:flex}.brand-main{align-items:center;gap:12px;min-width:0;display:flex}.brand-table-logo,.brand-table-logo-placeholder{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:5px;flex:0 0 40px;width:40px;height:40px}.brand-table-logo-placeholder{color:#475569;background:#f1f5f9;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.brand-main-info{min-width:0}.brand-main-info h3,.brand-main h3{color:#172033;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:650;overflow:hidden}.brand-cell{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:12px;font-size:13px;overflow:hidden}.brand-status-cell{white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.brand-status{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:104px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.brand-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.brand-status.active:hover{background:#dcfce7;border-color:#86efac}.brand-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.brand-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.brand-details-panel{z-index:1300;box-sizing:border-box;background:#fff;border-left:1px solid #dfe3e8;grid-template-rows:auto minmax(0,1fr);width:min(460px,100vw);height:calc(100dvh - 60px);animation:.22s cubic-bezier(.16,1,.3,1) brandPanelSlideIn;display:grid;position:fixed;top:60px;bottom:0;right:0;box-shadow:-8px 0 25px #0f172a14}@keyframes brandPanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.brand-panel-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:70px;padding:0 18px;display:flex}.brand-panel-eyebrow{color:#64748b;letter-spacing:.7px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.brand-panel-header h2{color:#172033;margin:4px 0 0;font-size:17px;font-weight:700}.brand-panel-close{color:#475569;cursor:pointer;background:#f1f3f5;border:0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:21px;line-height:1;display:flex}.brand-panel-close:hover{color:#0f172a;background:#e2e8f0}.brand-panel-scroll{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;min-height:0;padding-bottom:20px;overflow:hidden auto}.brand-panel-scroll::-webkit-scrollbar{width:7px}.brand-panel-scroll::-webkit-scrollbar-track{background:0 0}.brand-panel-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.brand-detail-summary{padding:15px 20px 10px}.brand-detail-category{letter-spacing:.6px;color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.brand-detail-summary h2{color:#172033;margin:0;font-size:22px;font-weight:700;line-height:1.3}.brand-detail-summary p{color:#64748b;margin:5px 0 10px;font-size:13px}.brand-name-input{color:#172033;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:14px}.brand-name-input:focus{border-color:#172033}.brand-detail-status{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:104px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.brand-detail-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.brand-detail-status.active:hover{background:#dcfce7;border-color:#86efac}.brand-detail-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.brand-detail-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.brand-status-select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.brand-status-select:focus{border-color:#172033}.brand-grid-status-select{color:#172033;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.brand-grid-status-select:focus{border-color:#172033;box-shadow:0 0 0 2px #17203314}.brand-add-grid{border-top:1px solid #edf0f2;grid-template-columns:1fr 1fr;gap:14px;margin:20px 20px 0;padding-top:18px;padding-bottom:18px;display:grid}.brand-add-field{flex-direction:column;display:flex}.brand-add-field label{letter-spacing:.6px;color:#475569;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.brand-add-field .brand-number-input,.brand-add-field .brand-status-select{width:100%;max-width:100%;height:40px}.brand-manufacturer-select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 10px;font-family:inherit;font-size:13px}.brand-manufacturer-select:focus{border-color:#172033}.brand-details-grid{border-top:1px solid #edf0f2;border-left:1px solid #edf0f2;grid-template-columns:1fr 1fr;margin:15px 20px 18px;display:grid}.brand-detail-item{box-sizing:border-box;border-bottom:1px solid #edf0f2;border-right:1px solid #edf0f2;min-height:65px;padding:12px}.brand-detail-item span:not(.brand-detail-status){color:#475569;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.brand-detail-item .brand-detail-status{text-align:center;box-sizing:border-box;white-space:nowrap;text-transform:none;letter-spacing:normal;border-radius:7px;justify-content:center;align-items:center;width:auto;min-width:104px;height:32px;margin:0;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.brand-detail-item strong{color:#172033;font-size:13px;font-weight:600;display:block}.brand-detail-item input,.brand-detail-item select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500}.brand-detail-item input:focus,.brand-detail-item select:focus{border-color:#172033;box-shadow:0 0 0 2px #17203314}.brand-description-section{border-top:1px solid #edf0f2;margin:0 20px;padding-top:10px;padding-bottom:8px}.brand-description-section h4{color:#475569;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.brand-description-section p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.brand-detail-logo{object-fit:contain;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:120px;height:120px;margin-top:12px;padding:8px;display:block}.brand-logo-upload-frame{box-sizing:border-box;background-color:#f8fafc;border-radius:8px;flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin-top:10px;padding:16px;display:flex}.brand-detail-logo-placeholder{color:#475569;box-sizing:border-box;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;margin-top:12px;font-size:40px;font-weight:700;display:flex}.brand-file-upload{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:fit-content;padding:9px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.brand-file-upload:hover{background:#f1f5f9;border-color:#9ca3af}.brand-file-upload input{display:none}.brand-logo-preview-wrapper{margin-top:12px}.brand-logo-preview-wrapper p{color:#6b7280;margin:8px 0 0;font-size:12px}.brand-display-order-wrapper{width:100%}.brand-number-input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.brand-number-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.brand-number-input:disabled{cursor:not-allowed;background:#f3f4f6}.brand-input-error{border-color:#dc2626!important}.brand-number-input.brand-input-error{background-color:#fff5f5;border-color:#ef4444!important}.brand-number-input.brand-input-error:focus{box-shadow:0 0 0 2px #dc26261f;border-color:#dc2626!important}.brand-display-order-error{color:#dc2626;margin:5px 0 0;font-size:12px;font-weight:500;line-height:1.4}.brand-panel-actions{box-sizing:border-box;background:#fff;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:22px;padding:0 20px 25px;display:flex}.brand-panel-actions button{white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;flex:none!important;width:auto!important}.brand-panel-actions button:disabled{opacity:.6;cursor:not-allowed}.brand-edit-btn{color:#fff;background:#111827;border:1px solid #111827;min-width:145px}.brand-edit-btn:hover:not(:disabled){background:#000}.brand-delete-btn{color:#334155;background:#fff;border:1px solid #d5dbe1;min-width:150px}.brand-delete-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.brand-save-btn{color:#fff;background:#111827;border:1px solid #111827;min-width:145px}.brand-save-btn:hover:not(:disabled){background:#000}.brand-discard-btn{color:#334155;background:#fff;border:1px solid #d5dbe1;min-width:150px}.brand-discard-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.brand-empty{text-align:center;padding:70px 20px}.brand-empty h3{margin:0 0 8px;font-size:17px;font-weight:600}.brand-empty p{color:#64748b;margin:0;font-size:13px}.brand-pagination{color:#64748b;justify-content:space-between;align-items:center;margin:0;padding:16px 18px;font-size:13px;display:flex}.brand-pagination button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:6px;height:36px;padding:0 14px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.brand-pagination button:not(:disabled):hover:not(.active):not(.page-active):not(.active-page){color:#172033;background:#f8fafc;border-color:#cbd5e1}.brand-pagination button:disabled{color:#a0a8b3;cursor:not-allowed;background:#f8fafc;border-color:#e5e7eb}.brand-pagination button.active,.brand-pagination button.page-active,.brand-pagination button.active-page,.brand-pagination button.active:hover,.brand-pagination button.page-active:hover,.brand-pagination button.active-page:hover{color:#fff!important;cursor:default!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}@media (width<=950px){.brand-details-panel{width:100vw;max-width:100vw}.brand-header{padding-left:0;padding-right:0}.brand-toolbar,.brand-content{margin-left:0;margin-right:0}.brand-pagination{flex-direction:column;align-items:flex-start;gap:14px}}@media (width<=700px){.brand-header{flex-direction:column;gap:18px}.brand-add-btn{width:100%}.brand-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.brand-search-wrapper{width:100%}.brand-table-header,.brand-row{grid-template-columns:minmax(180px,2fr) minmax(70px,1fr) minmax(100px,1fr) minmax(90px,1fr)}.brand-content{overflow-x:auto}.brand-list-container{min-width:620px}.brand-details-grid{grid-template-columns:1fr}.brand-panel-actions{flex-wrap:wrap;justify-content:flex-start}}.manufacturer-page{color:#172033;background:#f8f9fb;width:100%;min-height:calc(100vh - 64px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manufacturer-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:0;display:flex}.manufacturer-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.manufacturer-breadcrumb strong{color:#172033;font-weight:600}.manufacturer-header h1{color:#172033;letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700;line-height:1.2}.manufacturer-header p{color:#64748b;margin:7px 0 0;font-size:14px}.manufacturer-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#050505;border:none;border-radius:5px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.manufacturer-add-btn:hover{background:#242424}.manufacturer-toolbar{background:#fff;border:1px solid #dfe3e8;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:14px 16px;display:flex}.manufacturer-search-wrapper{width:350px;max-width:100%;position:relative}.manufacturer-search-wrapper input{color:#172033;box-sizing:border-box;border:1px solid #d7dce2;border-radius:5px;outline:none;width:100%;height:38px;padding:0 10px 0 38px;font-size:13px}.manufacturer-search-wrapper input:focus{border-color:#172033}.manufacturer-search-icon{color:#64748b;font-size:20px;position:absolute;top:40%;left:12px;transform:translateY(-50%)}.manufacturer-count{color:#64748b;font-size:13px;font-weight:400}.manufacturer-content{background:#fff;border:1px solid #dfe3e8;border-radius:6px;min-height:100px;margin:0;display:flex;position:relative;overflow:hidden}.manufacturer-selected{overflow:visible}.manufacturer-list-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;background:#fff;flex:1;width:100%;min-width:0;max-width:100%;max-height:480px;overflow:auto!important}.manufacturer-list-container::-webkit-scrollbar{width:8px;height:8px}.manufacturer-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.manufacturer-list-container::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.manufacturer-list-container::-webkit-scrollbar-thumb:hover{background:#ea580c}.manufacturer-list-container::-webkit-scrollbar-corner{background:#f1f5f9}.manufacturer-table-header,.manufacturer-row{grid-template-columns:70px minmax(200px,2.2fr) minmax(140px,1.2fr) 135px 145px;gap:16px;min-width:760px;display:grid}.manufacturer-action-cell{justify-content:flex-start;align-items:center;width:145px;min-width:145px;display:flex}.manufacturer-table-header{z-index:3;color:#60708a;letter-spacing:.5px;text-transform:uppercase;box-sizing:border-box;border-bottom:1px solid #dfe3e8;align-items:center;height:44px;min-height:44px;padding:0 24px;font-size:11px;font-weight:700;position:sticky;top:0;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.manufacturer-row{cursor:pointer;box-sizing:border-box;border-bottom:1px solid #e6e9ee;align-items:center;min-height:68px;padding:12px 24px;transition:background .15s}.manufacturer-row:hover{background:#fafbfc}.manufacturer-row.selected{background:#f1f5f9}.manufacturer-logo-cell{align-items:center;min-width:0;display:flex}.manufacturer-main{align-items:center;gap:12px;min-width:0;display:flex}.manufacturer-table-logo,.manufacturer-table-logo-placeholder{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:5px;flex:0 0 40px;width:40px;height:40px}.manufacturer-table-logo-placeholder{color:#475569;background:#f1f5f9;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.manufacturer-main-info{min-width:0}.manufacturer-main-info h3,.manufacturer-main h3{color:#172033;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:650;overflow:hidden}.manufacturer-main h3{color:#172033;margin:0;font-size:14px;font-weight:650}.manufacturer-cell{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:12px;font-size:13px;overflow:hidden}.manufacturer-status-cell{white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.manufacturer-status{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:104px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.manufacturer-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.manufacturer-status.active:hover{background:#dcfce7;border-color:#86efac}.manufacturer-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.manufacturer-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.manufacturer-details-panel{z-index:1300;box-sizing:border-box;background:#fff;border-left:1px solid #dfe3e8;grid-template-rows:auto minmax(0,1fr);width:min(460px,100vw);height:calc(100dvh - 60px);animation:.22s cubic-bezier(.16,1,.3,1) manufacturerPanelSlideIn;display:grid;position:fixed;top:60px;bottom:0;right:0;box-shadow:-8px 0 25px #0f172a14}@keyframes manufacturerPanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.manufacturer-panel-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:70px;padding:0 18px;display:flex}.manufacturer-panel-eyebrow{color:#64748b;letter-spacing:.7px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.manufacturer-panel-header h2{color:#172033;margin:4px 0 0;font-size:17px;font-weight:700}.manufacturer-panel-close{color:#475569;cursor:pointer;background:#f1f3f5;border:0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:21px;line-height:1;display:flex}.manufacturer-panel-close:hover{color:#0f172a;background:#e2e8f0}.manufacturer-panel-scroll{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;min-height:0;padding-bottom:20px;overflow:hidden auto}.manufacturer-panel-scroll::-webkit-scrollbar{width:7px}.manufacturer-panel-scroll::-webkit-scrollbar-track{background:0 0}.manufacturer-panel-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.manufacturer-detail-summary{padding:15px 20px 10px}.manufacturer-detail-category{letter-spacing:.6px;color:#475569;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.manufacturer-detail-summary h2{color:#172033;margin:0;font-size:22px;font-weight:700;line-height:1.3}.manufacturer-detail-summary p{color:#64748b;margin:5px 0 10px;font-size:13px}.manufacturer-description-section h4{letter-spacing:.6px;color:#475569;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.manufacturer-name-input{color:#172033;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:14px}.manufacturer-name-input:focus{border-color:#172033}.manufacturer-detail-status{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:104px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.manufacturer-detail-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.manufacturer-detail-status.active:hover{background:#dcfce7;border-color:#86efac}.manufacturer-detail-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.manufacturer-detail-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.manufacturer-status-select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:40px;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.manufacturer-status-select:focus{border-color:#172033}.manufacturer-grid-status-select{color:#172033;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.manufacturer-grid-status-select:focus{border-color:#172033;box-shadow:0 0 0 2px #17203314}.manufacturer-add-grid{border-top:1px solid #edf0f2;grid-template-columns:1fr 1fr;gap:14px;margin:0 20px;padding-top:18px;padding-bottom:18px;display:grid}.manufacturer-add-field{flex-direction:column;display:flex}.manufacturer-add-field label{letter-spacing:.6px;color:#475569;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.manufacturer-add-field .manufacturer-number-input,.manufacturer-add-field .manufacturer-status-select{width:100%;max-width:100%;height:40px}.manufacturer-details-grid{border-top:1px solid #edf0f2;border-left:1px solid #edf0f2;grid-template-columns:1fr 1fr;margin:25px 20px 0;display:grid}.manufacturer-detail-item{box-sizing:border-box;border-bottom:1px solid #edf0f2;border-right:1px solid #edf0f2;min-height:65px;padding:12px}.manufacturer-detail-item span:not(.manufacturer-detail-status){color:#475569;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.manufacturer-detail-item .manufacturer-detail-status{text-align:center;box-sizing:border-box;white-space:nowrap;text-transform:none;letter-spacing:normal;border-radius:7px;justify-content:center;align-items:center;width:auto;min-width:104px;height:32px;margin:0;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.manufacturer-detail-item strong{color:#172033;font-size:13px;font-weight:600;display:block}.manufacturer-detail-item input{box-sizing:border-box;border:1px solid #d5dbe1;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px}.manufacturer-description-section{border-top:1px solid #edf0f2;margin:0 20px;padding-top:10px}.manufacturer-description-section h4{letter-spacing:.6px;color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.manufacturer-description-section p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.manufacturer-description-section textarea{resize:vertical;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;min-height:90px;padding:10px;font-family:inherit;font-size:14px;line-height:1.5}.manufacturer-detail-logo{object-fit:contain;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:120px;height:120px;margin-top:12px;padding:8px;display:block}.manufacturer-logo-upload-frame{box-sizing:border-box;background-color:#f8fafc;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;padding:16px;display:flex}.manufacturer-detail-logo-placeholder{color:#475569;box-sizing:border-box;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;margin-top:12px;font-size:40px;font-weight:700;display:flex}.manufacturer-file-upload{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:fit-content;padding:9px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.manufacturer-file-upload:hover{background:#f1f5f9;border-color:#9ca3af}.manufacturer-file-upload input{display:none}.manufacturer-logo-preview-wrapper{margin-top:12px}.manufacturer-logo-preview-wrapper p{color:#6b7280;margin:8px 0 0;font-size:12px}.manufacturer-display-order-wrapper{width:100%}.manufacturer-number-input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.manufacturer-number-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.manufacturer-number-input:disabled{cursor:not-allowed;background:#f3f4f6}.manufacturer-input-error{border-color:#dc2626!important}.manufacturer-number-input.manufacturer-input-error{background-color:#fff5f5;border-color:#ef4444!important}.manufacturer-number-input.manufacturer-input-error:focus{box-shadow:0 0 0 2px #dc26261f;border-color:#dc2626!important}.manufacturer-display-order-error{color:#dc2626;margin:5px 0 0;font-size:12px;font-weight:500;line-height:1.4}.manufacturer-panel-actions{box-sizing:border-box;background:#fff;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:22px;padding:0 20px 25px;display:flex}.manufacturer-panel-actions button{white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;flex:none!important;width:auto!important}.manufacturer-panel-actions button:disabled{opacity:.6;cursor:not-allowed}.manufacturer-edit-btn{color:#fff;background:#111827;border:1px solid #111827;min-width:145px}.manufacturer-edit-btn:hover:not(:disabled){background:#000}.manufacturer-delete-btn{color:#334155;background:#fff;border:1px solid #d5dbe1;min-width:150px}.manufacturer-delete-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.manufacturer-save-btn{color:#fff;background:#111827;border:1px solid #111827;min-width:145px}.manufacturer-save-btn:hover:not(:disabled){background:#000}.manufacturer-discard-btn{color:#334155;background:#fff;border:1px solid #d5dbe1;min-width:150px}.manufacturer-discard-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.manufacturer-empty{text-align:center;padding:70px 20px}.manufacturer-empty h3{margin:0 0 8px;font-size:17px;font-weight:600}.manufacturer-empty p{color:#64748b;margin:0;font-size:13px}.manufacturer-pagination{color:#64748b;justify-content:space-between;align-items:center;margin:0;padding:16px 18px;font-size:13px;display:flex}.manufacturer-pagination-info{align-items:center;gap:14px;display:flex}.manufacturer-pagination-info select{color:#334155;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:6px;outline:none;height:36px;padding:0 10px;font-size:13px}.manufacturer-pagination-info select:focus{border-color:#172033}.manufacturer-pagination-controls{align-items:center;gap:8px;display:flex}.manufacturer-pagination-controls span{text-align:center;color:#64748b;min-width:85px;font-size:13px}.manufacturer-pagination button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:6px;height:36px;padding:0 14px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.manufacturer-pagination button:not(:disabled):hover:not(.active):not(.page-active):not(.active-page){color:#172033;background:#f8fafc;border-color:#cbd5e1}.manufacturer-pagination button:disabled{color:#a0a8b3;cursor:not-allowed;background:#f8fafc;border-color:#e5e7eb}.manufacturer-pagination button.active,.manufacturer-pagination button.page-active,.manufacturer-pagination button.active-page,.manufacturer-pagination button.active:hover,.manufacturer-pagination button.page-active:hover,.manufacturer-pagination button.active-page:hover{color:#fff!important;cursor:default!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}@media (width<=950px){.manufacturer-details-panel{width:100vw;max-width:100vw}.manufacturer-header{padding-left:0;padding-right:0}.manufacturer-toolbar,.manufacturer-content{margin-left:0;margin-right:0}.manufacturer-pagination{flex-direction:column;align-items:flex-start;gap:14px;margin-left:0;margin-right:0}.manufacturer-pagination-info{justify-content:space-between;width:100%}.manufacturer-pagination-controls{justify-content:flex-end;width:100%}}.nextprev{align-items:center;gap:10px;display:flex}.amc-page{color:#17253a;background:#f7f9fc;min-height:calc(100vh - 60px);font-family:Arial,sans-serif}.amc-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.amc-breadcrumb{color:#697586;align-items:center;gap:5px;margin-bottom:8px;font-size:14px;display:flex}.amc-breadcrumb .active{color:#1d2939}.amc-header h1{margin:0 0 5px;font-size:28px;font-weight:700}.amc-header p{color:#687588;margin:0;font-size:15px}.new-amc-btn{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:3px;align-items:center;gap:7px;padding:12px 18px;font-size:14px;font-weight:600;display:flex}.new-amc-btn:hover{background:#222}.amc-page .banner-stat-grid,.amc-page .stats-grid,.amc-stats{box-sizing:border-box!important;flex-flow:row!important;align-items:stretch!important;gap:14px!important;width:100%!important;margin-bottom:28px!important;display:flex!important}.amc-page .banner-stat-grid>*,.amc-page .stats-grid>*,.amc-stats>*,.amc-stat-card{box-sizing:border-box!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important}.amc-page .banner-stat-card,.amc-page .stat-card,.amc-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e0e4ea;border-radius:10px;align-items:center;gap:11px;min-height:76px;padding:13px 14px;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000000a}.amc-page .banner-stat-icon,.amc-page .stat-icon,.amc-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.amc-page .banner-stat-icon svg,.amc-page .stat-icon svg,.amc-stat-icon svg{font-size:18px!important}.amc-page .stat-icon.black,.amc-stat-icon.total{color:#fff;background:#111}.amc-page .stat-icon.green,.amc-stat-icon.active{color:#16a34a;background:#dcfce7}.amc-page .stat-icon.blue,.amc-stat-icon.revenue{color:#2563eb;background:#dfe9ff}.amc-page .stat-icon.purple,.amc-stat-icon.features{color:#9333ea;background:#f3e8ff}.amc-page .banner-stat-content,.amc-stat-content{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex;overflow:hidden}.amc-page .banner-stat-content span,.amc-page .stat-card span,.amc-stat-content span{color:#60708a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;line-height:1.25;overflow:hidden}.amc-page .banner-stat-content strong,.amc-page .stat-card strong,.amc-stat-content strong{color:#10233f;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,1.8vw,25px);font-weight:700;line-height:1.15;overflow:hidden}.amc-table-card{box-sizing:border-box;background:#fff;border:1px solid #dfe4ea;border-radius:6px;width:100%;overflow:visible}.amc-filter-card{width:100%}.amc-table-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;width:100%;max-width:100%;max-height:480px;position:relative;overflow:auto!important}.amc-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.amc-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.amc-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.amc-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ea580c}.amc-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9}.amc-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:1150px}.amc-table th,.amc-table td{box-sizing:border-box}.amc-table thead{z-index:3;background:#f6f8fb;position:sticky;top:0}.amc-table th{z-index:3;letter-spacing:.5px;color:#60708a;text-align:left;text-transform:uppercase;box-sizing:border-box;white-space:nowrap;border-bottom:1px solid #dfe3e8;height:42px;padding:0 18px;font-size:11px;font-weight:700;position:sticky;top:0;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.amc-table td{color:#263b57;vertical-align:middle;box-sizing:border-box;white-space:nowrap;border-bottom:1px solid #e6e9ee;height:72px;min-height:72px;padding:16px 18px;font-size:13px}.amc-table th:first-child,.amc-table td:first-child{width:260px;min-width:260px}.amc-table th:nth-child(2),.amc-table td:nth-child(2){width:150px;min-width:150px}.amc-table th:nth-child(3),.amc-table td:nth-child(3),.amc-table th:nth-child(4),.amc-table td:nth-child(4){width:140px;min-width:140px}.amc-table th:nth-child(5),.amc-table td:nth-child(5){width:160px;min-width:160px}.amc-table th:nth-child(6),.amc-table td:nth-child(6),.amc-table th:nth-child(7),.amc-table td:nth-child(7){width:150px;min-width:150px;overflow:visible!important}.amc-row{cursor:pointer;transition:background .15s}.amc-row:hover{background:#fafbfc}.amc-row.has-status-open{z-index:9999!important;position:relative!important}.amc-row.has-status-open td,.amc-table td.amc-status-cell{z-index:9999!important;position:relative!important;overflow:visible!important}.amc-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.amc-avatar{color:#344054;background:#edf2f7;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.amc-name-cell strong{color:#152238;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13px;display:block;overflow:hidden}.amc-name-cell span{color:#8a94a6;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.amc-status-wrapper{z-index:9999;display:inline-block;position:relative}.amc-status{cursor:pointer;box-sizing:border-box;background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:7px;min-width:104px;height:32px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.amc-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.amc-status.active:hover{background:#dcfce7;border-color:#86efac}.amc-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.amc-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.amc-status.active .status-dot{background:#22c55e}.amc-status.inactive .status-dot{background:#ef4444}.amc-status-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:7px;min-width:110px;padding:5px;animation:.12s ease-out statusDropdownOpen;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0f172a1f;z-index:9999999!important}@keyframes statusDropdownOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.status-option{color:#374151;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;height:32px;min-height:32px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s;display:flex}.status-option:hover{color:#111827;background:#f3f4f6}.status-option.selected{background:#f3f4f6}.amc-actions{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;min-width:112px!important;display:flex!important}.amc-action-icon{color:#4b5563;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;transition:background .2s,border-color .2s,color .2s;display:flex;flex-shrink:0!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.amc-action-icon:hover,.amc-action-icon.edit:hover{color:#111;background:#f3f4f6;border-color:#d1d5db}.amc-action-icon.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.no-amc{color:#667085;padding:60px 20px;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;display:flex!important}.no-amc h3{color:#344054;margin:10px 0 5px;text-align:center!important}.no-amc p{margin:0;font-size:14px;text-align:center!important}.amc-loading{text-align:center!important;color:#64748b!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:60px 20px!important;font-size:14px!important;display:flex!important}.amc-error{text-align:center!important;color:#dc2626!important;background:#fef2f2!important;border-radius:8px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;max-width:600px!important;margin:16px auto!important;padding:24px 20px!important;font-size:14px!important;display:flex!important}.amc-table-footer{box-sizing:border-box;border-top:1px solid #e1e5e9;flex-flow:row;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex}.amc-table-footer>span{color:#52606d;white-space:nowrap;font-size:12px}.pagination-buttons{flex-direction:row;align-items:center;gap:5px;display:flex}.pagination-buttons button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:4px;min-width:32px;height:32px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500}.pagination-buttons button.active-page{color:#fff;background:#111;border-color:#111}.pagination-buttons button:disabled{color:#b8c0c8;cursor:not-allowed;background:#f8fafc}.pagination-buttons span{color:#64748b;padding:0 2px;font-size:12px}@media (width<=900px){.amc-page .banner-stat-grid,.amc-page .stats-grid,.amc-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-bottom:24px!important;display:grid!important}.amc-page .banner-stat-grid>*,.amc-page .stats-grid>*,.amc-stats>*,.amc-stat-card{flex:initial!important;width:100%!important;min-width:0!important}.filter-bar{flex-wrap:wrap}.clear-filter-btn{margin-left:0}}@media (width<=650px){.amc-header{flex-direction:column;gap:15px}.amc-header .new-amc-btn{justify-content:center;width:100%}.amc-table-footer{flex-direction:column;align-items:flex-start;gap:12px}.pagination-buttons{justify-content:center;width:100%}.amc-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}}@media (width<=550px){.amc-page .banner-stat-grid,.amc-page .stats-grid,.amc-stats{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:20px!important;display:grid!important}}.amc-details-page{color:#17253a;background:#f7f9fc;min-height:calc(100vh - 60px);font-family:Arial,sans-serif}.details-breadcrumb{color:#667085;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.details-breadcrumb span:first-child{cursor:pointer}.details-breadcrumb span:first-child:hover{color:#111827}.details-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.details-header .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.details-header .breadcrumb-back-row .breadcrumb,.details-header .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.details-header .breadcrumb-back-row .back-amc-btn{margin:0!important}.back-amc-btn{color:#596579;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:10px;padding:0;font-size:13px;display:flex}.back-amc-btn:hover{color:#111827}.contract-title{align-items:center;gap:10px;display:flex}.contract-title h1{color:#17253a;margin:0;font-size:25px;font-weight:700}.details-status{color:#d98200;background:#fff0d5;border-radius:12px;padding:5px 9px;font-size:10px;font-weight:700}.details-header p{color:#667085;margin:7px 0 0;font-size:13px}.details-actions{gap:10px;padding-top:27px;display:flex}.edit-contract-btn,.renew-contract-btn{cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:12px;font-weight:600;display:flex}.edit-contract-btn{color:#344054;background:#fff;border:1px solid #98a2b3}.edit-contract-btn:hover{background:#f8f9fa}.renew-contract-btn{color:#fff;background:#050505;border:1px solid #050505}.renew-contract-btn:hover{background:#222}.contract-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px;display:grid}.contract-summary-card{background:#fff;border:1px solid #dfe4ea;border-radius:4px;min-height:80px;padding:17px}.contract-summary-card>span{color:#667085;letter-spacing:.5px;margin-bottom:9px;font-size:10px;font-weight:700;display:block}.contract-summary-card h2{color:#17253a;margin:0 0 6px;font-size:19px}.contract-summary-card p{color:#667085;margin:0;font-size:11px}.contract-summary-card .positive{color:#16a36b}.details-content{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.details-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.details-card{background:#fff;border:1px solid #dfe4ea;border-radius:4px;min-height:220px}.card-heading{border-bottom:1px solid #e8ebef;padding:17px 16px}.card-heading h3{color:#17253a;margin:0;font-size:14px;font-weight:700}.roadmap{padding:18px 20px}.roadmap-item{align-items:flex-start;gap:10px;display:flex;position:relative}.roadmap-item svg{flex-shrink:0;font-size:15px}.roadmap-item.completed svg{color:#16a36b}.roadmap-item.current svg{color:#111827}.roadmap-item.upcoming svg{color:#cbd2dc}.roadmap-item strong{color:#17253a;margin-bottom:3px;font-size:12px;display:block}.roadmap-item span{color:#8a94a6;font-size:10px;display:block}.roadmap-line{border-left:1px solid #dce2e8;height:22px;margin-left:7px}.documents-list{padding:15px}.document-item{border:1px solid #e5e8ed;border-radius:3px;align-items:center;gap:9px;margin-bottom:8px;padding:11px;display:flex}.document-item>svg{color:#e5484d;font-size:22px}.document-item strong{color:#344054;margin-bottom:3px;font-size:11px;display:block}.document-item span{color:#98a2b3;font-size:7px;display:block}.upload-document-btn{color:#344054;cursor:pointer;background:#fff;border:1px dashed #cdd4de;justify-content:center;align-items:center;gap:5px;width:100%;height:32px;font-size:11px;display:flex}.upload-document-btn:hover{background:#f8fafc}.asset-card{background:#fff;border:1px solid #dfe4ea;border-radius:4px;padding:15px}.asset-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.asset-header h3{margin:0;font-size:14px}.asset-header span{color:#fff;background:#111827;border-radius:2px;padding:3px 6px;font-size:9px}.asset-image{border-radius:2px;height:128px;margin-bottom:12px;position:relative;overflow:hidden}.asset-image img{object-fit:cover;width:100%;height:100%;display:block}.asset-image>div{color:#fff;position:absolute;bottom:8px;left:9px}.asset-image strong{font-size:10px;display:block}.asset-image span{font-size:9px}.asset-item{border-bottom:1px solid #e9edf2;align-items:center;gap:8px;padding:10px 0;display:flex}.asset-item>svg{color:#344054;flex-shrink:0;font-size:10px}.asset-item>div{flex:1;min-width:0}.asset-item strong{color:#17253a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:8px;display:block;overflow:hidden}.asset-item span{color:#8a94a6;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.asset-item b{color:#12a86a;white-space:nowrap;font-size:6px}.asset-item b.service-due{color:#e69500}.manage-assets-btn{cursor:pointer;color:#344054;background:#f8fafc;border:1px solid #dfe4ea;width:100%;height:32px;margin-top:12px;font-size:11px;font-weight:600}.manage-assets-btn:hover{background:#eef1f5}@media (width<=1000px){.details-content{grid-template-columns:1fr}.details-main{grid-template-columns:1fr 1fr}}@media (width<=700px){.details-header{flex-direction:column}.details-actions{width:100%;padding-top:15px}.edit-contract-btn,.renew-contract-btn{flex:1}.contract-summary,.details-main{grid-template-columns:1fr}}.plan-details-grid{border-top:1px solid #e5e7eb;grid-template-columns:repeat(3,1fr);display:grid}.plan-detail-item{box-sizing:border-box;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;flex-direction:column;justify-content:center;gap:5px;min-height:72px;padding:15px 18px;display:flex}.plan-detail-item:nth-child(3n){border-right:none}.plan-detail-item span{color:#64748b;letter-spacing:.3px;font-size:10px;font-weight:600}.plan-detail-item strong{color:#172033;word-break:break-word;font-size:13px;font-weight:600}.detail-active{color:#16a34a!important}.detail-inactive{color:#dc2626!important}.schedule-details{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;display:grid}.schedule-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:12px;padding:15px;display:flex}.schedule-icon{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.schedule-detail div:last-child{flex-direction:column;gap:4px;display:flex}.schedule-detail span{color:#64748b;letter-spacing:.2px;font-size:9px;font-weight:600}.schedule-detail strong{color:#172033;font-size:13px}.schedule-status{color:#16a34a;background:#fff;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:10px;margin:0 20px 20px;padding:13px 15px;display:flex}.schedule-status>svg{font-size:19px}.schedule-status div{flex-direction:column;gap:2px;display:flex}.schedule-status strong{color:#172033;font-size:12px}.schedule-status span{color:#64748b;font-size:11px}.features-list{flex-direction:column;padding:0 20px 20px;display:flex}.feature-detail{border-bottom:1px solid #edf0f3;align-items:center;gap:12px;min-height:65px;padding:10px 0;display:flex}.feature-detail:last-child{border-bottom:none}.feature-icon{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.feature-content{flex-direction:column;flex:1;gap:3px;display:flex}.feature-content strong{color:#172033;font-size:13px;font-weight:600}.feature-content span{color:#64748b;font-size:11px;line-height:1.4}.feature-order{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:10px}.empty-features{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:100px;display:flex}.empty-features svg{font-size:25px}.empty-features strong{color:#475569;font-size:12px}.empty-features span{color:#94a3b8;font-size:10px}.details-bottom-actions{justify-content:space-between;align-items:center;margin-top:20px;padding-bottom:20px;display:flex}.back-bottom-btn,.edit-bottom-btn{cursor:pointer;border-radius:4px;align-items:center;gap:7px;height:34px;padding:0 13px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.back-bottom-btn{color:#475569;background:#fff;border:1px solid #d8dde3}.back-bottom-btn:hover{background:#f8fafc}.edit-bottom-btn{color:#fff;background:#050505;border:1px solid #050505}.edit-bottom-btn:hover{background:#222}@media (width<=1024px){.details-content,.details-main{grid-template-columns:1fr}}@media (width<=900px){.details-header{flex-direction:column;align-items:flex-start;gap:16px}.details-actions{padding-top:0}.plan-details-grid{grid-template-columns:repeat(2,1fr)}.plan-detail-item:nth-child(3n){border-right:1px solid #e5e7eb}.plan-detail-item:nth-child(2n){border-right:none}.schedule-details{grid-template-columns:1fr}}@media (width<=600px){.plan-details-grid{grid-template-columns:1fr}.plan-detail-item{border-right:none!important}.details-bottom-actions{flex-direction:column;align-items:stretch;gap:10px}.back-bottom-btn,.edit-bottom-btn{justify-content:center}}.add-amc-page{color:#172033;background:#f8f9fb;min-height:calc(100vh - 60px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.add-amc-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.add-amc-top .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.add-amc-top .breadcrumb-back-row .breadcrumb,.add-amc-top .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.add-amc-top .breadcrumb-back-row .page-back-btn{margin:0!important}.add-amc-breadcrumb{color:#64748b;align-items:center;gap:7px;margin-bottom:10px;font-size:13px;display:flex}.add-amc-breadcrumb span:first-child{cursor:pointer}.add-amc-breadcrumb span:first-child:hover{color:#172033}.add-amc-breadcrumb strong{color:#172033;font-weight:600}.add-amc-top h1{letter-spacing:-.3px;margin:0;font-size:25px;font-weight:700;line-height:1.2}.add-amc-top p{color:#64748b;margin:6px 0 0;font-size:12px}.add-amc-actions{gap:8px;padding-top:12px;display:flex}.draft-btn,.publish-btn{cursor:pointer;border-radius:3px;height:34px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:600}.draft-btn{color:#334155;background:#fff;border:1px solid #d7dce2}.draft-btn:hover{background:#f1f3f5}.publish-btn{color:#fff;background:#050505;border:1px solid #050505}.publish-btn:hover{background:#222}.amc-form-card{background:#fff;border:1px solid #d8dde3;border-radius:4px;width:100%;margin:0 auto;overflow:hidden}.amc-form-header{background:#f5f6f8;border-bottom:1px solid #dfe3e8;padding:20px 24px}.amc-form-header h2{color:#172033;margin:0;font-size:16px;font-weight:700}.amc-form-header p{color:#64748b;margin:4px 0 0;font-size:12px}.amc-form-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px;padding:24px;display:grid}.amc-form-group{flex-direction:column;display:flex}.amc-form-group.full{grid-column:1/-1}.amc-form-group label{color:#334155;letter-spacing:.2px;margin-bottom:6px;font-size:11px;font-weight:700}.req-star{color:#dc2626;margin-left:3px;font-weight:700}.amc-form-group input,.amc-form-group select,.amc-form-group textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d8dde3;border-radius:2px;outline:none;width:100%;font-family:inherit;font-size:13px}.amc-form-group input,.amc-form-group select{height:35px;padding:0 10px}.amc-form-group textarea{resize:vertical;height:72px;padding:10px;line-height:1.5}.amc-form-group input:focus,.amc-form-group select:focus,.amc-form-group textarea:focus{border-color:#64748b}.amc-form-group input::placeholder,.amc-form-group textarea::placeholder{color:#a1a9b3}.field-help{color:#7b8491;margin-top:5px;font-size:11px}.input-with-symbol{align-items:center;width:100%;height:35px;display:flex;position:relative}.input-with-symbol.price-gst-input{width:100%;box-shadow:none!important;border:none!important}.input-with-symbol input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d8dde3;border-radius:2px;outline:none;width:100%;height:35px;font-family:inherit;font-size:13px}.input-with-symbol>input{padding:0 40px 0 10px!important}.input-with-symbol .currency{color:#64748b;z-index:5;pointer-events:none;font-size:13px;font-weight:400;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-with-symbol .currency+input{text-indent:0!important;padding:0 10px 0 50px!important}.input-with-symbol>span:not(.currency){color:#64748b;z-index:5;pointer-events:none;font-size:13px;font-weight:400;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-with-symbol input:focus{border-color:#64748b}.input-with-symbol input[type=number]::-webkit-inner-spin-button{opacity:1}.input-with-symbol input[type=number]::-webkit-outer-spin-button{opacity:1}.upload-box{cursor:pointer;background:#fafbfc;border:1px dashed #cbd1d8;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:63px;display:flex}.upload-box:hover{background:#f5f6f8;border-color:#94a3b8}.upload-icon{color:#64748b;margin-bottom:2px;font-size:20px;line-height:18px}.upload-box strong{color:#172033;font-size:11px;font-weight:600}.upload-box span{color:#7b8491;margin-top:2px;font-size:8px}.amc-form-footer{background:#f5f6f8;border-top:1px solid #dfe3e8;justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex}.next-amc-btn{cursor:pointer;border:none;font-family:inherit;font-size:13px;font-weight:500}.cancel-amc-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce1e6;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.cancel-amc-btn:hover{background:#f1f3f5}.next-amc-btn{color:#fff;background:#050505;border-radius:3px;height:40px;padding:0 18px}.next-amc-btn:hover{background:#222}@media (width<=800px){.add-amc-top{flex-direction:column;gap:15px}.add-amc-actions{width:100%;padding-top:0}.draft-btn,.publish-btn{flex:1}.amc-form-body{grid-template-columns:1fr}.amc-form-group.full{grid-column:auto}}@media (width<=500px){.amc-form-body,.amc-form-header{padding:16px}.amc-form-footer{padding:0 16px}.add-amc-top h1{font-size:22px}}.amc-error{box-sizing:border-box;color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:4px;width:100%;max-width:760px;margin:0 auto 15px;padding:10px 14px;font-size:12px}.amc-loading{text-align:center;color:#64748b;width:100%;max-width:760px;margin:50px auto;font-size:13px}.draft-btn:disabled,.publish-btn:disabled,.next-amc-btn:disabled,.cancel-amc-btn:disabled{opacity:.6;cursor:not-allowed}.amc-form-group input:disabled{color:#64748b;cursor:not-allowed;background:#f1f3f5}.amc-features-box{background:#fafbfc;border:1px solid #d8dde3;border-radius:3px;flex-direction:column;gap:8px;max-height:260px;padding:10px;display:flex;overflow-y:auto}.feature-option{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:3px;align-items:flex-start;gap:10px;padding:10px;display:flex}.feature-option:hover{border-color:#d8dde3}.feature-option.selected{background:#f5f6f8;border-color:#b8bec7}.feature-option input{cursor:pointer;flex-shrink:0;width:15px;height:15px;margin-top:2px}.feature-option div{flex-direction:column;gap:3px;display:flex}.feature-option strong{color:#172033;font-size:12px;font-weight:600}.feature-option span{color:#7b8491;font-size:10px;line-height:1.4}.no-features{text-align:center;color:#7b8491;padding:15px;font-size:12px}@media (width<=768px){.add-amc-top{flex-direction:column;align-items:flex-start;gap:14px}.add-amc-actions{padding-top:0}.amc-form-body{grid-template-columns:1fr}}.amc-form-group.has-error input,.amc-form-group input.input-error,.amc-form-group select.input-error,.amc-form-group textarea.input-error,.amc-form-group .input-with-symbol.input-error input,.amc-form-group.has-error .input-with-symbol input{background-color:snow;border-color:#dc2626!important}.amc-form-group.has-error input:focus,.amc-form-group input.input-error:focus,.amc-form-group select.input-error:focus,.amc-form-group textarea.input-error:focus,.amc-form-group .input-with-symbol.input-error input:focus,.amc-form-group.has-error .input-with-symbol input:focus{box-shadow:0 0 0 2px #dc26261a;border-color:#dc2626!important}.amc-schedule-page{box-sizing:border-box;color:#1a1a1a;background:#f8f9fb;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.schedule-header{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:26px;display:flex}.schedule-breadcrumb{color:#9a9a9a;align-items:center;gap:8px;margin-bottom:9px;font-size:14px;font-weight:500;display:flex}.schedule-breadcrumb .breadcrumb-current{color:#555}.schedule-header h1{color:#181818;letter-spacing:-.45px;margin:0;font-size:29px;font-weight:700;line-height:1.25}.schedule-header p{color:#8d8d8d;margin:7px 0 0;font-size:15px}.add-schedule-button{color:#fff;cursor:pointer;background:#181818;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 17px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.add-schedule-button:hover{background:#303030}.add-schedule-button span{font-size:21px;font-weight:300;line-height:1}.schedule-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:23px;display:grid}.summary-box{box-sizing:border-box;background:#fff;border:1px solid #ebebeb;border-radius:8px;align-items:center;gap:14px;min-height:86px;padding:17px 18px;display:flex}.summary-box-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-size:19px;font-weight:700;display:flex}.summary-box-icon.active{color:#222;background:#f1f1f1}.summary-box-icon.inactive{color:#dc5353;background:#fff1f1}.summary-box p{color:#8d8d8d;margin:0 0 4px;font-size:13px;font-weight:500}.summary-box h3{color:#1d1d1d;margin:0;font-size:23px;font-weight:700}.schedule-card{background:#fff;border:1px solid #e9e9e9;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #00000006}.schedule-card-header{box-sizing:border-box;border-bottom:1px solid #ededed;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:17px 19px;display:flex}.schedule-card-header h2{color:#202020;margin:0 0 4px;font-size:17px;font-weight:650}.schedule-card-header p{color:#979797;margin:0;font-size:13px}.schedule-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.schedule-search{box-sizing:border-box;background:#fff;border:1px solid #dedede;border-radius:5px;align-items:center;width:205px;max-width:100%;height:36px;display:flex;position:relative}.search-symbol{color:#999;margin-left:10px;font-size:19px;line-height:1}.schedule-search input{box-sizing:border-box;color:#333;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 27px 0 7px;font-size:13px}.schedule-search input::placeholder{color:#aaa}.search-clear{color:#888;cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.schedule-select{box-sizing:border-box;color:#5c5c5c;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:5px;outline:none;min-width:108px;height:36px;padding:0 25px 0 9px;font-size:13px}.schedule-select:focus{border-color:#aaa}.schedule-select.sort-order{min-width:75px}.schedule-table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;width:100%;max-width:100%;max-height:480px;position:relative;overflow:auto!important}.schedule-table-container::-webkit-scrollbar{width:8px;height:8px}.schedule-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.schedule-table-container::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.schedule-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c}.schedule-table-container::-webkit-scrollbar-corner{background:#f1f5f9}.schedule-table{border-collapse:collapse;width:100%;min-width:1200px;table-layout:fixed!important}.schedule-table thead{z-index:3;background:#f6f8fb;position:sticky;top:0}.schedule-table th{z-index:3;box-sizing:border-box;text-align:left;white-space:nowrap;color:#60708a;letter-spacing:.5px;text-transform:uppercase;text-overflow:ellipsis;border-bottom:1px solid #dfe3e8;height:42px;padding:0 18px;font-size:11px;font-weight:700;position:sticky;top:0;overflow:hidden;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.schedule-table td{box-sizing:border-box;color:#263b57;white-space:nowrap;vertical-align:middle;text-overflow:ellipsis;border-bottom:1px solid #e6e9ee;height:72px;min-height:72px;padding:16px 18px;font-size:13px;overflow:hidden}.schedule-table th:first-child,.schedule-table td:first-child{width:240px;min-width:240px}.schedule-table th:nth-child(2),.schedule-table td:nth-child(2){width:140px;min-width:140px}.schedule-table th:nth-child(3),.schedule-table td:nth-child(3){width:130px;min-width:130px}.schedule-table th:nth-child(4),.schedule-table td:nth-child(4){width:135px;min-width:135px}.schedule-table th:nth-child(5),.schedule-table td:nth-child(5),.schedule-table th:nth-child(6),.schedule-table td:nth-child(6){width:140px;min-width:140px}.schedule-table th:nth-child(7),.schedule-table td:nth-child(7){width:140px;min-width:140px;overflow:visible!important}.schedule-table th:nth-child(8),.schedule-table td:nth-child(8){width:150px;min-width:150px;text-align:center!important;overflow:visible!important}.schedule-table tbody tr{transition:background .15s}.schedule-table tbody tr:hover{background:#fafbfc}.schedule-table tbody tr:last-child td{border-bottom:0}.schedule-id{color:#858585;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.schedule-type{color:#242424;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;display:block;overflow:hidden}.duration-cell,.visit-cell{align-items:baseline;gap:4px;display:flex}.duration-cell strong,.visit-cell strong{color:#303030;font-size:14px;font-weight:650}.duration-cell span,.visit-cell span{color:#929292;font-size:12px}.schedule-display-order,.order-badge{color:#344054;text-align:center;font-size:14px;font-weight:600}.date-text{color:#777;font-size:12px}.status-badge{cursor:pointer;box-sizing:border-box;border-radius:7px;justify-content:space-between;align-items:center;gap:7px;min-width:104px;height:32px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.status-badge .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.schedule-actions{flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;min-width:112px!important;display:flex!important}.table-action{box-sizing:border-box;color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;transition:background .2s,color .2s,border-color .2s;display:inline-flex;flex-shrink:0!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.table-action.edit{color:#4b5563}.table-action.edit:hover{color:#111;background:#f3f4f6;border-color:#d1d5db}.table-action.delete{color:#4b5563}.table-action.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.schedule-empty{text-align:center!important;height:190px!important}.table-loader{color:#999;font-size:14px}.empty-state{flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{color:#999;background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:9px;display:flex}.empty-state h3{color:#555;margin:0 0 4px;font-size:15px;font-weight:600}.empty-state p{color:#aaa;margin:0;font-size:13px}.schedule-pagination{box-sizing:border-box;color:#898989;border-top:1px solid #ededed;justify-content:space-between;align-items:center;min-height:58px;padding:0 19px;font-size:13px;display:flex}.pagination-controls{align-items:center;gap:5px;display:flex}.pagination-controls button,.page-number{box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;width:29px;height:29px;font-size:13px;display:flex}.pagination-controls button{color:#666;cursor:pointer;background:#fff;border:1px solid #e2e2e2}.pagination-controls button:hover:not(:disabled){background:#f6f6f6}.pagination-controls button:disabled{color:#c9c9c9;cursor:not-allowed}.page-number{color:#fff;background:#181818;font-weight:600}.schedule-modal-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.schedule-modal{background:#fff;border-radius:9px;width:100%;max-width:545px;animation:.18s scheduleModalIn;overflow:hidden;box-shadow:0 20px 65px #0003}@keyframes scheduleModalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-top{box-sizing:border-box;border-bottom:1px solid #ededed;justify-content:space-between;align-items:flex-start;padding:19px 21px;display:flex}.modal-top h2{color:#1c1c1c;margin:0 0 4px;font-size:18px;font-weight:650}.modal-top p{color:#999;margin:0;font-size:13px}.modal-close{color:#888;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:29px;height:29px;font-size:22px;display:flex}.modal-close:hover{color:#333;background:#f5f5f5}.modal-content{padding:20px 21px 4px}.form-field{margin-bottom:16px}.form-field>label:first-child{color:#555;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-field>label:first-child span{color:#dc5555;margin-left:3px}.form-field input[type=text],.form-field input[type=number]{box-sizing:border-box;color:#333;background:#fff;border:1px solid #ddd;border-radius:5px;outline:none;width:100%;height:39px;padding:0 10px;font-size:14px}.form-field input[type=text]:focus,.form-field input[type=number]:focus{border-color:#aaa;box-shadow:0 0 0 2px #00000006}.number-input-wrapper{position:relative}.number-input-wrapper input{padding-right:58px!important}.number-input-wrapper>span{color:#999;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.status-toggle{cursor:pointer;align-items:center;gap:9px;min-height:39px;margin:0!important;display:flex!important}.status-toggle input{display:none}.toggle-slider{background:#ccc;border-radius:20px;flex-shrink:0;width:37px;height:20px;transition:background .2s;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000029}.status-toggle input:checked+.toggle-slider{background:#181818}.status-toggle input:checked+.toggle-slider:after{transform:translate(17px)}.toggle-text{color:#555!important;font-size:13px!important;font-weight:500!important}.modal-footer{border-top:1px solid #ededed;justify-content:flex-end;gap:8px;padding:14px 21px 18px;display:flex}.modal-cancel,.modal-save,.delete-confirm{cursor:pointer;border-radius:5px;min-width:82px;height:37px;padding:0 15px;font-size:13px;font-weight:600}.modal-cancel{color:#555;background:#fff;border:1px solid #ddd}.modal-cancel:hover:not(:disabled){background:#f6f6f6}.modal-save{color:#fff;background:#181818;border:0}.modal-save:hover:not(:disabled){background:#303030}.modal-cancel:disabled,.modal-save:disabled,.delete-confirm:disabled{opacity:.55;cursor:not-allowed}.delete-modal{box-sizing:border-box;text-align:center;background:#fff;border-radius:9px;width:100%;max-width:370px;padding:27px;box-shadow:0 20px 65px #0003}.delete-warning-icon{color:#d95353;background:#fff1f1;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;margin:0 auto 14px;font-size:19px;font-weight:700;display:flex}.delete-modal h2{color:#222;margin:0;font-size:19px;font-weight:650}.delete-modal p{color:#777;margin:10px 0 3px;font-size:14px;line-height:1.6}.delete-modal p strong{color:#333}.delete-note{color:#c95757;font-size:12px}.delete-modal-actions{justify-content:center;gap:8px;margin-top:21px;display:flex}.delete-confirm{color:#fff;background:#dc5555;border:0}.delete-confirm:hover:not(:disabled){background:#c94444}@media (width<=1200px){.schedule-card-header{flex-direction:column;align-items:flex-start}.schedule-filters{flex-wrap:wrap;width:100%}.schedule-search{flex:1}}@media (width<=768px){.schedule-header{flex-direction:column}.add-schedule-button{width:100%}.schedule-summary{grid-template-columns:1fr}.schedule-filters{grid-template-columns:1fr 1fr;display:grid}.schedule-search{grid-column:1/-1;width:100%}.schedule-select{width:100%}.form-grid{grid-template-columns:1fr;gap:0}.schedule-modal{max-height:92vh;overflow-y:auto}}@media (width<=480px){.schedule-header h1{font-size:25px}.schedule-filters{grid-template-columns:1fr}.schedule-search{grid-column:auto}.schedule-modal-overlay{padding:10px}.delete-modal{padding:23px 18px}}@media (width<=480px){.schedule-edit-drawer{width:100vw;min-width:100vw;max-width:100vw}}.drawer-input-with-suffix{position:relative}.drawer-input-with-suffix input{padding-right:65px}.drawer-input-with-suffix span{color:#82909d;pointer-events:none;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pc-delete-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;font-weight:600;line-height:1.3}.schedule-drawer-body::-webkit-scrollbar{width:5px}.schedule-drawer-body::-webkit-scrollbar-track{background:0 0}.schedule-drawer-body::-webkit-scrollbar-thumb{background:#d2d7dc;border-radius:10px}.schedule-drawer-body::-webkit-scrollbar-thumb:hover{background:#b8c0c8}@keyframes scheduleDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scheduleOverlayIn{0%{opacity:0}to{opacity:1}}@media (width<=600px){.schedule-edit-drawer{width:100%}.schedule-drawer-header,.schedule-drawer-body,.schedule-drawer-footer{padding-left:20px;padding-right:20px}}.status-badge{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:82px;height:28px;padding:0 9px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.status-badge.active{color:#267447;background:#effaf3;border:1px solid #bfe7ce}.status-badge.inactive{color:#bd4e4e;background:#fff3f3;border:1px solid #f0c8c8}.status-chevron{color:#728294;margin-left:2px;font-size:10px}.status-dropdown-menu{z-index:100;background:#fff;border:1px solid #dfe5eb;border-radius:6px;min-width:105px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 5px 16px #182d431f}.status-dropdown-option{color:#29445f;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.status-dropdown-option:hover{background:#f4f7fa}.status-dot{background:#2fbd69;border-radius:50%;flex-shrink:0;width:6px;height:6px}.drawer-status-chevron{color:currentColor;justify-content:center;align-items:center;display:inline-flex}.schedule-status-dropdown{display:inline-block;position:relative}.schedule-status-menu{z-index:9999999;background:#fff;border:1px solid #e5e7eb;border-radius:7px;min-width:110px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0f172a1f}.schedule-status-option{color:#374151;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;height:32px;min-height:32px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s;display:flex}.schedule-status-option:hover{color:#111827;background:#f3f4f6}.schedule-status-option .status-dot.active{background:#22c55e}.schedule-status-option .status-dot.inactive{background:#9ca3af}@media (width<=900px){.amc-feature-stat-grid{flex-wrap:wrap!important;gap:10px!important}.amc-feature-stat-grid>*,.amc-feature-stat-grid .amc-feature-stat-card{flex:calc(50% - 10px)!important;width:auto!important;min-width:0!important;max-width:none!important}}@media (width<=480px){.amc-feature-stat-grid>*,.amc-feature-stat-grid .amc-feature-stat-card{flex:100%!important;width:100%!important;min-width:0!important;max-width:none!important}}.drawer-form-field.has-error input{color:#111827;background-color:#fff;border-color:#dc2626!important}.drawer-form-field.has-error input:focus{outline:none;box-shadow:0 0 0 2px #dc26261a;border-color:#dc2626!important}.drawer-form-field input[name=display_order]{box-sizing:border-box;width:100%}.drawer-save-button:disabled{opacity:.6;cursor:not-allowed}.amc-feature-page{color:#10233f;box-sizing:border-box;background:#f7f8fa;min-height:100vh}.amc-feature-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.amc-feature-heading{flex-direction:column;display:flex}.amc-feature-breadcrumb{color:#10233f;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.amc-feature-breadcrumb-current{color:#10233f}.amc-feature-heading h1{color:#10233f;margin:0;font-size:30px;font-weight:700;line-height:1.2}.amc-feature-heading p{color:#60708a;margin:8px 0 0;font-size:14px}.add-amc-feature-button{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.add-amc-feature-button:hover{background:#181818}.amc-feature-stat-grid{box-sizing:border-box!important;flex-direction:row!important;justify-content:flex-start!important;align-items:stretch!important;gap:14px!important;width:100%!important;margin-bottom:28px!important;display:flex!important}.amc-feature-stat-grid>*,.amc-feature-stat-grid .amc-feature-stat-card{box-sizing:border-box!important;flex:0 0 280px!important;width:280px!important;min-width:0!important;max-width:280px!important}.amc-feature-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e0e4ea;border-radius:10px;flex-direction:row;align-items:center;gap:11px;min-height:76px;padding:13px 14px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000000a}.amc-feature-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.amc-feature-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:0;display:flex}.amc-feature-stat-icon svg{font-size:18px!important}.amc-feature-stat-icon.active{color:#fff;background:#111}.amc-feature-stat-icon.inactive{color:#dc2626;background:#fee2e2}.amc-feature-stat-content{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex;overflow:hidden}.amc-feature-stat-content span{color:#60708a;letter-spacing:normal;text-transform:none;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;line-height:1.25;overflow:hidden}.amc-feature-stat-content strong{color:#10233f;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(20px,1.8vw,25px);font-weight:700;line-height:1.15;overflow:hidden}.amc-feature-table-wrapper{background:#fff;border:1px solid #dfe3e8;border-radius:10px;position:relative;overflow:visible}.amc-feature-table-header{box-sizing:border-box;border-bottom:1px solid #e3e6eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:88px;padding:18px 20px;display:flex}.amc-feature-table-header h2{color:#10233f;margin:0;font-size:20px;font-weight:700}.amc-feature-table-header p{color:#68778c;margin:5px 0 0;font-size:13px}.amc-feature-search{width:340px;max-width:100%}.amc-feature-search input{box-sizing:border-box;color:#10233f;background:#fff;border:1px solid #d5dae1;border-radius:6px;outline:none;width:100%;height:42px;padding:0 14px;font-size:13px}.amc-feature-search input:focus{border-color:#8d9aab}.amc-feature-table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;width:100%;max-width:100%;max-height:480px;position:relative;overflow:auto!important}.amc-feature-table-container::-webkit-scrollbar{width:8px;height:8px}.amc-feature-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.amc-feature-table-container::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.amc-feature-table-container::-webkit-scrollbar-thumb:hover{background:#ea580c}.amc-feature-table-container::-webkit-scrollbar-corner{background:#f1f5f9}.amc-feature-table-container table{border-collapse:collapse;width:100%;min-width:1100px;table-layout:fixed!important}.amc-feature-table-container thead{z-index:3;background:#f6f8fb;position:sticky;top:0}.amc-feature-table-container th{z-index:3;text-align:left;letter-spacing:.5px;color:#60708a;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #dfe3e8;height:42px;padding:0 18px;font-size:11px;font-weight:700;position:sticky;top:0;overflow:hidden;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.amc-feature-table-container td{box-sizing:border-box;color:#263b57;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e6e9ee;height:72px;padding:16px 18px;font-size:13px;position:relative;overflow:hidden}.amc-feature-table-container td.amc-feature-status-cell{overflow:visible!important}.amc-feature-table-container tbody tr:last-child td{border-bottom:none}.amc-feature-table-container tbody tr:hover{background:#fafbfc}.amc-feature-table-container th:first-child,.amc-feature-table-container td:first-child{width:235px;min-width:235px}.amc-feature-table-container th:nth-child(2),.amc-feature-table-container td:nth-child(2){width:105px;min-width:105px}.amc-feature-table-container th:nth-child(3),.amc-feature-table-container td:nth-child(3),.amc-feature-table-container th:nth-child(4),.amc-feature-table-container td:nth-child(4){width:150px;min-width:150px}.amc-feature-table-container th:nth-child(5),.amc-feature-table-container td:nth-child(5){width:150px;min-width:150px;overflow:visible!important}.amc-feature-table-container th:nth-child(6),.amc-feature-table-container td:nth-child(6){width:150px;min-width:150px;text-align:left!important;overflow:visible!important}.amc-feature-info{flex-direction:column;gap:3px;min-width:0;max-width:100%;display:flex;overflow:hidden}.amc-feature-name{color:#10233f;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:700;line-height:18px;overflow:hidden}.amc-feature-description{color:#77859a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;line-height:17px;overflow:hidden}.amc-feature-id-column{color:#475467;white-space:nowrap;font-size:14px;font-weight:600}.amc-feature-display-order{color:#344054;text-align:center;font-size:14px;font-weight:600}.amc-feature-status-dropdown{z-index:50;display:inline-block;position:relative}.amc-feature-status{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;min-width:105px;height:32px;padding:0 9px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.amc-feature-status.active{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.amc-feature-status.inactive{color:#dc2626;background:#fef2f2;border-color:#fecaca}.amc-feature-status.active:hover{background:#dcfce7}.amc-feature-status.inactive:hover{background:#fee2e2}.amc-feature-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.amc-feature-status.active .amc-feature-status-dot{background:#22c55e}.amc-feature-status.inactive .amc-feature-status-dot{background:#ef4444}.amc-feature-status-arrow{margin-left:auto;transition:transform .2s}.amc-feature-status-arrow.open{transform:rotate(180deg)}.amc-feature-status-menu{box-sizing:border-box;z-index:999999;background:#fff;border:1px solid #e5e7eb;border-radius:7px;width:120px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 20px #0000001a}.amc-feature-status-option{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;min-height:34px;padding:7px 9px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.amc-feature-status-option:hover{background:#f3f4f6}.amc-feature-option-dot{border-radius:50%;width:6px;height:6px}.amc-feature-option-dot.active{background:#22c55e}.amc-feature-option-dot.inactive{background:#ef4444}.amc-feature-action-buttons{flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;min-width:112px!important;display:flex!important}.amc-feature-action-btn{box-sizing:border-box;color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;transition:background .2s,color .2s,border-color .2s;display:inline-flex;flex-shrink:0!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.amc-feature-action-btn:hover{color:#111;background:#f3f4f6}.amc-feature-delete-btn:hover{color:#dc2626;background:#fef2f2}.no-amc-features{color:#68778c;font-size:13px;text-align:center!important;vertical-align:middle!important;white-space:normal!important;padding:40px 20px!important}.no-amc-features.error{color:#dc2626!important;text-align:center!important}.amc-feature-table-footer{box-sizing:border-box;border-top:1px solid #e3e6eb;justify-content:space-between;align-items:center;min-height:70px;padding:14px 18px;display:flex}.amc-feature-table-footer>span{color:#60708a;font-size:13px}.amc-feature-pagination{align-items:center;gap:8px;display:flex}.amc-feature-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.amc-feature-pagination button:hover:not(:disabled):not(.active):not(.page-active):not(.active-page){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.amc-feature-pagination button:disabled{color:#c1c7ce;cursor:not-allowed;opacity:.7;background:#f8f9fa}.amc-feature-pagination .active-page,.amc-feature-pagination .active,.amc-feature-pagination .page-active,.amc-feature-pagination .active-page:hover,.amc-feature-pagination .active:hover,.amc-feature-pagination .page-active:hover{color:#fff!important;cursor:default!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}.schedule-drawer-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#0f172a6b;justify-content:flex-end;align-items:stretch;animation:.18s scheduleOverlayIn;display:flex;position:fixed;inset:0}.schedule-drawer-overlay.schedule-details-overlay{-webkit-backdrop-filter:none!important;pointer-events:none!important;background:0 0!important}.schedule-drawer-overlay.schedule-details-overlay .schedule-edit-drawer{pointer-events:auto!important;border-left:1px solid #dfe3e8!important;box-shadow:-8px 0 30px #0000001f!important}.schedule-edit-drawer{box-sizing:border-box;background:#fff;flex-direction:column;width:min(420px,100vw);max-width:100vw;height:100vh;margin:0;padding:0;animation:.22s scheduleDrawerIn;display:flex;position:relative;overflow:hidden;box-shadow:-8px 0 30px #00000026}@media (width<=480px){.schedule-edit-drawer{width:100vw;min-width:100vw;max-width:100vw}}.schedule-drawer-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e7e7e7;flex-shrink:0;width:100%;padding:26px 24px 20px;position:relative}.drawer-eyebrow{color:#365c85;letter-spacing:.8px;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700;line-height:11px;display:block}.schedule-drawer-header h2{color:#082b52;margin:0;font-size:22px;font-weight:700;line-height:24px}.schedule-drawer-close{color:#617386;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:24px;right:22px}.schedule-drawer-close:hover{color:#082b52;background:#f1f5f9}.schedule-drawer-form{flex-direction:column;flex:1;min-height:0;display:flex}.schedule-drawer-body{box-sizing:border-box;flex:1;min-height:0;padding:28px 24px;overflow:hidden auto}.pc-panel-scroll{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent}.pc-panel-scroll::-webkit-scrollbar{width:6px}.pc-panel-scroll::-webkit-scrollbar-track{background:0 0}.pc-panel-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.schedule-drawer-close,.pc-panel-close{color:#ef4444;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;transition:background .15s;display:flex;position:absolute;top:20px;right:20px}.schedule-drawer-close:hover,.pc-panel-close:hover{color:#dc2626;background:#fee2e2}.pc-detail-summary{box-sizing:border-box;padding:20px 20px 18px}.pc-detail-category{letter-spacing:.6px;color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.pc-detail-summary h2{color:#172033;word-break:break-word;margin:0;font-size:22px;font-weight:700;line-height:1.3}.pc-details-grid{background:#fff;border:1px solid #edf0f2;border-radius:8px;grid-template-columns:1fr 1fr;margin:0 20px;display:grid;overflow:hidden}.pc-detail-item{box-sizing:border-box;border-bottom:1px solid #edf0f2;border-right:1px solid #edf0f2;flex-direction:column;justify-content:center;min-height:68px;padding:14px 16px;display:flex}.pc-detail-item:nth-child(2n){border-right:none}.pc-detail-item:last-child,.pc-detail-item:nth-last-child(2){border-bottom:none}.pc-detail-item span:not(.pc-detail-status):not(.status-badge):not(.status-dot){letter-spacing:.6px;color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.pc-detail-item strong{color:#172033;font-size:14px;font-weight:700;line-height:1.3;display:block}.pc-detail-status{text-align:center;letter-spacing:.5px;box-sizing:border-box;white-space:nowrap;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;width:100%;height:32px;margin:0;padding:0 12px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.pc-detail-status.active{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.pc-detail-status.inactive{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.pc-description-section{box-sizing:border-box;border-top:1px solid #edf0f2;margin:22px 20px 0;padding-top:18px}.pc-description-section h4{letter-spacing:.6px;color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.pc-description-section p{color:#475569;word-break:break-word;margin:0;font-size:13px;line-height:1.6}.pc-panel-actions{box-sizing:border-box;background:#fff;border-top:1px solid #edf0f2;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:100%;min-height:72px;margin-top:auto;padding:14px 20px;display:flex}.pc-edit-btn{white-space:nowrap;color:#fff;cursor:pointer;box-sizing:border-box;background:#111827;border:1px solid #111827;border-radius:6px;justify-content:center;align-items:center;min-width:145px;height:42px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex;flex:none!important;width:auto!important}.pc-edit-btn:hover:not(:disabled){background:#000}.pc-delete-btn{white-space:nowrap;color:#172033;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d5dbe1;border-radius:6px;justify-content:center;align-items:center;min-width:145px;height:42px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex;flex:none!important;width:auto!important}.pc-delete-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.drawer-form-field{width:100%;margin:0 0 20px}.drawer-form-field label{letter-spacing:.6px;color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.drawer-form-field input,.drawer-form-field textarea{box-sizing:border-box;color:#0b2d51;background:#fff;border:1px solid #d7e0e9;border-radius:6px;outline:none;width:100%;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.drawer-form-field input{height:40px}.drawer-form-field textarea{resize:vertical;min-height:100px;padding:10px 12px;line-height:1.5}.drawer-form-field input::placeholder,.drawer-form-field textarea::placeholder{color:#8b98a5}.drawer-form-field input:hover,.drawer-form-field textarea:hover{border-color:#c8d3de}.drawer-form-field input:focus,.drawer-form-field textarea:focus{border-color:#7898b8;box-shadow:0 0 0 2px #365c8514}.drawer-form-field.has-error input{border-color:#dc2626!important}.drawer-form-field.has-error input:focus{box-shadow:0 0 0 2px #dc26261a;border-color:#dc2626!important}.display-order-error{color:#dc2626;margin-top:6px;font-size:12px;font-weight:500;line-height:1.4}.drawer-status-dropdown{width:100%;position:relative}.drawer-status-button{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d6dce4;border-radius:6px;justify-content:space-between;align-items:center;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:flex}.drawer-status-button.active{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.drawer-status-button.active:hover{background:#dcfce7;border-color:#86efac}.drawer-status-button.inactive{color:#dc2626;background:#fef2f2;border-color:#fecaca}.drawer-status-button.inactive:hover{background:#fee2e2;border-color:#fca5a5}.drawer-status-left{align-items:center;gap:8px;display:flex}.drawer-status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.drawer-status-button.inactive .drawer-status-dot{background:#ef4444}.status-arrow{transition:transform .2s}.drawer-status-menu{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 8px 24px #0f172a1f}.drawer-status-option{color:#374151;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;height:34px;min-height:34px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.drawer-status-option:hover{color:#111827;background:#f3f4f6}.drawer-status-option .drawer-status-dot.active{background:#22c55e}.drawer-status-option .drawer-status-dot.inactive{background:#ef4444}.schedule-drawer-footer{box-sizing:border-box;background:#fff;border-top:1px solid #e7e7e7;flex-shrink:0;justify-content:center;align-items:center;gap:12px;height:72px;min-height:72px;padding:12px 24px;display:flex}.drawer-discard-button{text-align:center;box-sizing:border-box;color:#263e57;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d7dfe7;border-radius:6px;justify-content:center;align-items:center;min-width:140px;height:40px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.drawer-discard-button:hover{background:#f7f9fb;border-color:#cbd5e1}.drawer-save-button{text-align:center;box-sizing:border-box;color:#fff;cursor:pointer;white-space:nowrap;background:#050505;border:1px solid #050505;border-radius:6px;justify-content:center;align-items:center;min-width:140px;height:40px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.drawer-save-button:hover{background:#1e293b;border-color:#1e293b}.drawer-save-button:disabled,.drawer-discard-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.amc-feature-page-header{flex-direction:column;gap:16px}.add-amc-feature-button{justify-content:center;width:100%}.amc-feature-stat-grid{flex-wrap:wrap!important;gap:10px!important}.amc-feature-stat-grid>*,.amc-feature-stat-grid .amc-feature-stat-card{flex:calc(50% - 10px)!important;width:auto!important;min-width:0!important;max-width:none!important}.amc-feature-search{width:100%}}@media (width<=480px){.amc-feature-stat-grid>*,.amc-feature-stat-grid .amc-feature-stat-card{flex:100%!important;width:100%!important;min-width:0!important;max-width:none!important}}@media (width<=600px){.amc-feature-table-header{flex-direction:column;align-items:flex-start;gap:15px}.amc-feature-search{width:100%}.amc-feature-form-panel{width:100vw;padding:20px 16px}.amc-feature-table-footer{flex-direction:column;align-items:flex-start;gap:12px}.amc-feature-pagination{justify-content:center;width:100%}}.amc-feature-status-cell{position:relative;overflow:visible!important}.status-dropdown-wrapper{display:inline-block;position:relative;overflow:visible}.status-badge{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:7px;min-width:104px;height:32px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.status-badge.active{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.status-badge.active:hover{background:#dcfce7;border-color:#86efac}.status-badge.inactive{color:#dc2626;background:#fef2f2;border-color:#fecaca}.status-badge.inactive:hover{background:#fee2e2;border-color:#fca5a5}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge.active .status-dot{background:#22c55e}.status-badge.inactive .status-dot{background:#ef4444}.status-arrow{color:currentColor;justify-content:center;align-items:center;margin-left:auto;font-size:16px;transition:transform .2s;display:inline-flex}.status-dropdown{z-index:9999999;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:7px;min-width:110px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0f172a1f}.status-dropdown-option{color:#374151;text-align:left;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;height:32px;min-height:32px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s;display:flex}.status-dropdown-option:hover{color:#111827;background:#f3f4f6}.dropdown-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.display-order-error{color:#ef4444;margin-top:5px;font-size:12px;line-height:1.4;display:block}.amc-feature-form-group input.input-error{background-color:snow;border-color:#ef4444!important}.amc-feature-form-group input.input-error:focus{box-shadow:0 0 0 2px #ef44441a;border-color:#ef4444!important}.amc-feature-input-error{outline:none;box-shadow:0 0 0 1px #ef444414;border:1px solid #ef4444!important}.amc-feature-input-error:focus{box-shadow:0 0 0 2px #ef444414;border-color:#ef4444!important}.amc-feature-display-order-error{color:#ef4444;margin-top:5px;font-size:12px;line-height:1.4}.amc-feature-action-buttons{justify-content:flex-start;align-items:center;gap:8px;display:flex}.amc-feature-action-btn{color:#4b5563;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin:0;padding:0;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.amc-feature-action-btn:hover:not(.amc-feature-delete-btn){color:#111;background:#f3f4f6;border-color:#d1d5db}.amc-feature-delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.customer-amc-form-page{background:#f8fafc;min-height:100vh;font-family:inherit}.customer-amc-form-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.customer-amc-form-header .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.customer-amc-form-header .breadcrumb-back-row .breadcrumb,.customer-amc-form-header .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.customer-amc-form-header .breadcrumb-back-row .back-btn{margin:0!important}.customer-amc-form-header .breadcrumb{align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.customer-amc-form-header .breadcrumb-link{color:#64748b}.customer-amc-form-header .breadcrumb-active{color:#1e293b;font-weight:600}.customer-amc-form-header .breadcrumb-icon{color:#94a3b8;font-size:17px}.amc-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden}.amc-form-title{border-bottom:1px solid #e2e8f0;padding:24px 28px}.amc-form-title h2{color:#1e293b;margin:0;font-size:20px;font-weight:700}.amc-form-title p{color:#64748b;margin:7px 0 0;font-size:13px}.amc-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin:20px 28px 0;padding:12px 14px;font-size:13px}.form-section{border-bottom:1px solid #e2e8f0;padding:28px}.form-section h3{color:#1e293b;margin:0 0 22px;font-size:16px;font-weight:700}.amc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.form-group label span{color:#dc2626;margin-left:3px}.form-group input,.form-group select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.form-group input:focus,.form-group select:focus{border-color:#000;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{color:#64748b;cursor:not-allowed;background:#f8fafc}.schedule-section-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.schedule-section-header h3{margin-bottom:5px}.schedule-section-header p{color:#64748b;margin:0;font-size:12px}.add-schedule-btn{color:#000;cursor:pointer;background:#eff6ff;border:none;border-radius:6px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600}.add-schedule-btn:hover{background:#dbeafe}.no-schedules{text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:8px;padding:24px;font-size:13px}.schedule-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:90px 1fr 1fr 1.5fr auto;align-items:end;gap:16px;margin-bottom:14px;padding:18px;display:grid}.schedule-number{color:#1e293b;align-items:center;height:42px;font-size:13px;font-weight:700;display:flex}.remove-schedule-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;height:42px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600}.remove-schedule-btn:hover{background:#fef2f2}.amc-form-actions{justify-content:flex-end;gap:12px;padding:22px 28px;display:flex}.cancel-btn,.save-amc-btn{cursor:pointer;border-radius:7px;height:42px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600}.cancel-btn{color:#475569;background:#fff;border:1px solid #cbd5e1}.cancel-btn:hover{background:#f8fafc}.save-amc-btn{color:#fff;background:#000;border:none}.save-amc-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.amc-form-grid,.schedule-row{grid-template-columns:1fr}.schedule-number{height:auto}}@media (width<=600px){.form-section,.amc-form-title{padding:20px 16px}.schedule-section-header{flex-direction:column;align-items:flex-start;gap:14px}.amc-form-actions{flex-direction:column-reverse;padding:18px 16px}.cancel-btn,.save-amc-btn{width:100%}}.field-error{color:#dc2626;margin-top:2px;font-size:11px;font-weight:500}.form-group input.input-error,.form-group select.input-error{background-color:snow;border-color:#dc2626!important}.form-group input.input-error:focus,.form-group select.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261a!important}.service-area-page{box-sizing:border-box;color:#172033;background:#f8f9fb;width:100%;min-height:calc(100vh - 64px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.service-area-header{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.service-area-heading h1{letter-spacing:-.4px;color:#0f172a;margin:0 0 5px;font-size:28px;font-weight:700;line-height:1.2}.service-area-heading p{color:#64748b;margin:0;font-size:15px;line-height:1.5}.new-service-area-btn{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:3px;align-items:center;gap:5px;height:35px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.new-service-area-btn:hover{background:#242424}.service-area-stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;width:100%;margin-bottom:36px;display:grid}.service-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e1e6eb;border-radius:2px;height:129px;padding:18px 17px}.service-stat-top{justify-content:space-between;align-items:center;height:25px;margin-bottom:15px;display:flex}.service-stat-icon{color:#172033;background:#f7f8fa;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.map-icon{background:#f5f6f7}.users-icon{background:#f3f4f6}.warning-icon{color:#ff3d3d;background:#fff7f7}.coverage-icon{color:#4d83ff;background:#f0f5ff}.stat-positive{color:#00a86b;font-size:11px}.stat-warning{color:#f44;font-size:11px}.coverage-bars{color:#367dff;letter-spacing:-2px;font-size:20px;font-weight:700}.service-stat-title{letter-spacing:.8px;color:#555b65;min-height:31px;font-size:11px;font-weight:500;line-height:1.4}.service-stat-value{color:#12233b;margin-top:2px;font-size:24px;font-weight:700;line-height:1}.danger-value{color:#ff3d3d}.percent{margin-left:1px;font-size:13px}.service-area-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #dfe4e9;border-radius:4px;width:100%;max-width:100%;overflow-x:auto}.service-area-table{border-collapse:collapse;width:100%;min-width:800px}.service-area-toolbar{box-sizing:border-box;border-bottom:1px solid #e5e9ed;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;height:auto;min-height:51px;padding:10px 14px;display:flex}.filter-left{align-items:center;gap:8px;display:flex}.filter-btn{color:#172033;cursor:pointer;background:#fff;border:1px solid #e2e6eb;border-radius:3px;align-items:center;gap:5px;height:27px;padding:0 10px;font-family:inherit;font-size:13px;display:flex}.filter-btn:hover{background:#f7f8fa}.filter-chip{color:#475569;background:#fff;border:1px solid #e2e6eb;border-radius:3px;align-items:center;gap:5px;height:27px;padding:0 7px 0 10px;font-size:13px;display:flex}.filter-chip button{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.clear-filter-btn{color:#367dff;cursor:pointer;background:0 0;border:none;padding:4px 5px;font-family:inherit;font-size:13px}.pagination-area{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.pagination-buttons{border:1px solid #e0e5e9;border-radius:3px;display:flex;overflow:hidden}.pagination-buttons button{color:#334155;cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;width:27px;height:27px;padding:0;display:flex}.pagination-buttons button+button{border-left:1px solid #e0e5e9}.service-area-table{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.service-area-table table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:800px}.service-area-table thead{background:#f6f8fb}.service-area-table th{text-align:left;color:#60708a;letter-spacing:.5px;text-transform:uppercase;box-sizing:border-box;border-bottom:1px solid #dfe3e8;height:42px;padding:0 18px;font-size:11px;font-weight:700}.service-area-table th:first-child{width:28%}.service-area-table th:nth-child(2){width:22%}.service-area-table th:nth-child(3),.service-area-table th:nth-child(4){width:20%}.service-area-table th:nth-child(5){width:10%}.service-area-table tbody tr{border-bottom:1px solid #e6e9ee;height:72px}.service-area-table tbody tr:last-child{border-bottom:none}.service-area-table tbody tr:hover{background:#fafbfc}.service-area-table td{vertical-align:middle;color:#263b57;box-sizing:border-box;height:72px;min-height:72px;padding:16px 18px;font-size:13px}.area-name{color:#111827;margin-bottom:2px;font-size:14px;font-weight:650;line-height:1.25}.area-location{color:#7b8491;font-size:13px;line-height:1.2}.technician-cell{align-items:center;gap:7px;display:flex}.technician-count{color:#172033;min-width:18px;font-size:14px}.technician-avatars{align-items:center;display:flex}.technician-avatar,.technician-more{color:#334155;background:#e6ebf2;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:-3px;font-size:12px;font-weight:700;display:flex}.technician-avatar:first-child{margin-left:0}.technician-more{border-radius:10px;width:auto;min-width:21px;padding:0 4px;font-size:12px}.complaint-count{color:#475569;background:#f5f6f7;border-radius:10px;justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 6px;font-size:12px;display:inline-flex}.complaint-count.high{color:#ff3838;background:#fff0f0;font-weight:600}.area-status{box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:104px;height:32px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.area-status .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.area-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.area-status.active:hover{background:#dcfce7;border-color:#86efac}.area-status.active .status-dot{background:#22c55e}.area-status.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.area-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.area-status.inactive .status-dot{background:#ef4444}.service-actions{align-items:center;gap:8px;display:flex}.service-action-btn{color:#4b5563;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin:0;padding:0;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.service-action-btn:hover:not(.service-delete-btn){color:#111;background:#f3f4f6;border-color:#d1d5db}.service-delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}@media (width<=1000px){.service-area-stat-grid{grid-template-columns:repeat(2,1fr);margin-bottom:30px}}@media (width<=700px){.service-area-header{flex-direction:column;gap:15px}.service-area-stat-grid{grid-template-columns:1fr}.service-area-toolbar{flex-direction:column;align-items:flex-start;gap:10px;height:auto;min-height:51px;padding:10px}.filter-left{flex-wrap:wrap}.pagination-area{justify-content:flex-end;width:100%}.service-area-table{overflow-x:auto}.service-area-table table{min-width:750px}}.new-service-overlay{z-index:9998;background:#0f172a59;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.new-service-panel{box-sizing:border-box;background:#fff;flex-direction:column;width:min(390px,100vw);max-width:100vw;height:100vh;display:flex;overflow:hidden;box-shadow:-8px 0 25px #00000014}.new-service-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:88px;min-height:88px;padding:0 24px;display:flex}.new-service-header-content{flex-direction:column;display:flex}.new-service-label{letter-spacing:.8px;color:#64748b;margin-bottom:5px;font-size:10px;font-weight:700}.new-service-header h2{color:#172033;margin:0;font-size:18px;font-weight:700;line-height:1.2}.new-service-close{color:#475569;cursor:pointer;background:#f1f3f5;border:none;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;line-height:1;transition:background .15s;display:flex}.new-service-close:hover{background:#e2e8f0}.new-service-form{box-sizing:border-box;flex:1;min-height:0;padding:26px 24px;overflow-y:auto}.new-service-field{margin-bottom:22px}.new-service-field label{letter-spacing:.6px;color:#475569;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.new-service-field input,.new-service-field select{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d5dbe1;border-radius:5px;outline:none;width:100%;height:38px;padding:0 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.new-service-field input::placeholder{color:#9aa3af}.new-service-field input:focus,.new-service-field select:focus{border-color:#172033;box-shadow:0 0 0 2px #1720330f}.new-service-field select{cursor:pointer}.new-service-actions{box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;min-height:86px;padding:20px 24px;display:flex}.cancel-service-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #d5dbe1;border-radius:5px;height:38px;padding:0 17px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s}.cancel-service-btn:hover{background:#f5f6f8}.save-service-btn{color:#fff;cursor:pointer;background:#050505;border:1px solid #050505;border-radius:5px;height:38px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s}.save-service-btn:hover{background:#242424}.new-service-form::-webkit-scrollbar{width:6px}.new-service-form::-webkit-scrollbar-track{background:#fff}.new-service-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.new-service-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.service-area-stat-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}}@media (width<=768px){.service-area-header{flex-direction:column;align-items:stretch;gap:16px}.new-service-area-btn{justify-content:center;width:100%}.service-area-stat-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}}@media (width<=600px){.new-service-panel{width:100%}}@media (width<=400px){.new-service-header{padding:0 18px}.new-service-form{padding:22px 18px}.new-service-actions{padding:18px}}.no-service-area{text-align:center!important;vertical-align:middle!important;color:#68778c!important;white-space:normal!important;padding:45px 20px!important;font-size:13.5px!important}.banner-page{box-sizing:border-box;color:#10233f;background:#f7f8fa;min-height:100vh;overflow-x:hidden}.banner-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.banner-heading{flex-direction:column;display:flex}.banner-breadcrumb{color:#10233f;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.banner-breadcrumb-current{color:#10233f}.banner-heading h1{color:#10233f;margin:0;font-size:30px;font-weight:700;line-height:1.2}.banner-heading p{color:#60708a;margin:8px 0 0;font-size:14px}.add-banner-button{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.add-banner-button:hover{background:#181818}.banner-stat-grid{box-sizing:border-box;flex-flow:row;align-items:stretch;gap:14px;width:100%;margin-bottom:28px;display:flex}.banner-stat-grid>*{box-sizing:border-box;flex:1 1 0;min-width:0}.banner-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e0e4ea;border-radius:10px;align-items:center;gap:11px;min-height:76px;padding:13px 14px;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000000a}.banner-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.banner-stat-icon svg{font-size:18px}.active-banner-icon{color:#fff;background:#111}.banner-stat-icon.green{color:#16a34a;background:#dcfce7}.banner-stat-icon.blue{color:#2563eb;background:#dfe9ff}.inactive-banner-icon{color:#dc2626;background:#fee2e2}.banner-stat-content span{color:#60708a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;line-height:1.25;overflow:hidden}.banner-stat-content strong{color:#10233f;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,1.8vw,25px);font-weight:700;line-height:1.15;overflow:hidden}.banner-filter-card{width:100%}.banner-table-wrapper{background:#fff;border:1px solid #dfe3e8;border-radius:10px;overflow:visible}.banner-table-scroll thead tr th:first-child{border-top-left-radius:9px}.banner-table-scroll thead tr th:last-child{border-top-right-radius:9px}.banner-search{width:340px;max-width:100%}.banner-search input{box-sizing:border-box;color:#10233f;cursor:text;background:#fff;border:1px solid #d5dae1;border-radius:6px;outline:none;width:100%;height:42px;padding:0 14px;font-size:13px}.banner-search input:focus{border-color:#8d9aab}.banner-table-container thead{background:#f6f8fb}.banner-table-container th{text-align:left;letter-spacing:.5px;color:#60708a;border-bottom:1px solid #dfe3e8;height:42px;padding:0 18px;font-size:11px;font-weight:700}.banner-table-container td{box-sizing:border-box;color:#263b57;vertical-align:middle;border-bottom:1px solid #e6e9ee;height:72px;min-height:72px;padding:16px 18px;font-size:13px;overflow:visible}.banner-table-container tbody tr:last-child td{border-bottom:none}.banner-table-container tbody tr:hover{background:#fafbfc}.banner-table-container{width:100%;overflow:visible}.banner-table-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;width:100%;max-width:100%;max-height:480px!important;overflow:auto!important}.banner-table-scroll::-webkit-scrollbar{width:8px;height:10px}.banner-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.banner-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.banner-table-scroll::-webkit-scrollbar-thumb:hover{background:#ea580c}.banner-table-scroll::-webkit-scrollbar-corner{background:#f1f5f9}.banner-table-scroll table{border-collapse:collapse;width:max-content;min-width:1300px;table-layout:fixed!important}.banner-table-scroll thead{z-index:3;position:sticky;top:0}.banner-table-scroll thead th{z-index:3;position:sticky;top:0;box-shadow:0 1px #dfe3e8;background:#f6f8fb!important}.banner-table-container th{text-align:left!important;letter-spacing:.5px!important;color:#60708a!important;text-transform:uppercase!important;white-space:nowrap!important;box-sizing:border-box!important;vertical-align:middle!important;background:#f6f8fb!important;border-bottom:1px solid #dfe3e8!important;height:44px!important;padding:0 16px!important;font-size:11px!important;font-weight:700!important}.banner-table-container td{overflow:visible;box-sizing:border-box!important;vertical-align:middle!important;color:#263b57!important;border-bottom:1px solid #e6e9ee!important;height:72px!important;min-height:72px!important;padding:16px!important;font-size:13px!important}.banner-table-container th:first-child,.banner-table-container td:first-child{width:340px;min-width:340px}.banner-table-container th:nth-child(2),.banner-table-container td:nth-child(2){width:190px;min-width:190px}.banner-table-container th:nth-child(3),.banner-table-container td:nth-child(3){width:145px;min-width:145px}.banner-table-container th:nth-child(4),.banner-table-container td:nth-child(4),.banner-table-container th:nth-child(5),.banner-table-container td:nth-child(5){width:155px;min-width:155px}.banner-table-container th:nth-child(6),.banner-table-container td:nth-child(6){width:155px;min-width:155px;overflow:visible!important}.banner-table-container th:nth-child(7),.banner-table-container td:nth-child(7){width:160px;min-width:160px;text-align:left!important}.banner-name-cell{align-items:center;gap:14px;width:100%;display:flex}.banner-image-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:64px;min-width:64px;height:44px;min-height:44px;display:flex;overflow:hidden}.banner-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.banner-info{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex}.banner-name{color:#10233f;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:13.5px;font-weight:700;line-height:1.35;overflow:hidden}.banner-description{color:#60708a;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;line-height:1.35;overflow:hidden}.banner-id{color:#77859a;margin-top:3px;font-size:11px;line-height:15px}.banner-status-toggle-wrapper{align-items:center;gap:10px;display:flex}.banner-toggle-switch{cursor:pointer;flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.banner-toggle-switch input{opacity:0;width:0;height:0;position:absolute}.banner-toggle-slider{background:#cbd5e1;border-radius:20px;transition:background .25s,box-shadow .25s;position:absolute;inset:0}.banner-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #00000026}.banner-toggle-switch input:checked+.banner-toggle-slider{background:#22c55e}.banner-toggle-switch input:checked+.banner-toggle-slider:before{transform:translate(16px)}.banner-toggle-switch:hover .banner-toggle-slider{box-shadow:0 0 0 3px #94a3b84d}.banner-toggle-switch:hover input:checked+.banner-toggle-slider{box-shadow:0 0 0 3px #22c55e33}.banner-toggle-label{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;line-height:1}.banner-toggle-label.active{color:#15803d}.banner-toggle-label.inactive{color:#94a3b8}.no-banners{color:#68778c;font-size:13px;text-align:center!important;vertical-align:middle!important;white-space:normal!important;padding:40px 20px!important}.banner-table-footer{box-sizing:border-box;border-top:1px solid #e3e6eb;justify-content:space-between;align-items:center;min-height:70px;padding:14px 18px;display:flex}.banner-table-footer>span{color:#60708a;font-size:13px}.banner-pagination{align-items:center;gap:8px;display:flex}.banner-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.banner-pagination button:hover:not(:disabled):not(.active):not(.page-active):not(.active-page){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.banner-pagination button:disabled{color:#c1c7ce;cursor:not-allowed;opacity:.7;background:#f8f9fa}.banner-pagination .active-page,.banner-pagination .active,.banner-pagination .page-active,.banner-pagination .active-page:hover,.banner-pagination .active:hover,.banner-pagination .page-active:hover{color:#fff!important;cursor:default!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}.banner-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0f172a6b;justify-content:flex-end;display:flex;position:fixed;inset:0}.banner-form-panel{box-sizing:border-box;background:#fff;flex-direction:column;width:min(520px,100vw);min-width:0;max-width:100vw;height:100vh;padding:0;display:flex;overflow:hidden;box-shadow:-8px 0 30px #0000001f}.banner-form-header{background:#fff;border-bottom:1px solid #e4e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.banner-form-header span{letter-spacing:.8px;color:#6b7789;font-size:10px;font-weight:700}.banner-form-header h2{color:#10233f;margin:0;font-size:18px;font-weight:700}.banner-form-header button,.banner-form-close-btn{color:red;cursor:pointer;background:#f1f3f5;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;transition:background .15s;display:flex}.banner-form-header button:hover,.banner-form-close-btn:hover{color:#0f172a;background:#e2e8f0}.banner-form-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.banner-form-body{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.banner-form-group{box-sizing:border-box;flex-direction:column;gap:4px;width:100%;max-width:100%;margin-bottom:14px;display:flex}.banner-form-group>label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:11px;font-weight:700;line-height:1.2;display:block}.banner-form-group input,.banner-form-group select,.banner-form-group textarea,.banner-form-select{box-sizing:border-box;color:#182b45;background-color:#fff;border:1px solid #d6dce4;border-radius:6px;outline:none;height:38px;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s;width:100%!important;min-width:0!important;max-width:100%!important}.banner-form-group select,.banner-form-select{appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:32px}.banner-form-group select option,.banner-form-select option{color:#182b45;white-space:normal;background-color:#fff;padding:8px 10px;font-size:13px}.banner-form-group textarea{resize:vertical;height:auto;min-height:68px;padding:8px 10px;line-height:1.4}.banner-form-group select[name=linkType],.banner-form-group input[name=displayOrder],.banner-form-group .edit-status-wrapper,.banner-form-group .banner-custom-select-wrapper{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.banner-custom-select-wrapper{box-sizing:border-box;width:100%;max-width:100%;position:relative}.banner-custom-select-trigger{color:#182b45;cursor:pointer;box-sizing:border-box;text-align:left;background:#fff;border:1px solid #d6dce4;border-radius:6px;justify-content:space-between;align-items:center;width:100%;max-width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.banner-custom-select-trigger:hover{border-color:#94a3b8}.banner-custom-select-trigger:focus,.banner-custom-select-trigger:focus-visible{border-color:#0f172a;outline:none;box-shadow:0 0 0 3px #0f172a14}.banner-custom-select-arrow{color:#64748b;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-left:8px;font-size:13px;transition:transform .2s}.banner-custom-select-arrow.open{transform:rotate(180deg)}.banner-custom-select-menu{z-index:1000;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:2px;width:100%;max-width:100%;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #0f172a1f}.banner-custom-select-option{color:#334155;cursor:pointer;box-sizing:border-box;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;width:100%;height:36px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .12s,color .12s;display:flex}.banner-custom-select-option:hover{color:#0f172a;background:#f1f5f9}.banner-custom-select-option.active{color:#0f172a;background:#f8fafc;font-weight:600}.banner-custom-select-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.banner-custom-select-menu-scrollable{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;max-height:220px;overflow:hidden auto}.banner-custom-select-menu-scrollable::-webkit-scrollbar{width:5px}.banner-custom-select-menu-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.banner-custom-select-empty{color:#94a3b8;text-align:center;padding:12px 10px;font-size:12.5px}.banner-form-group input:focus,.banner-form-group select:focus,.banner-form-group textarea:focus,.banner-form-select:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.banner-input-error,.banner-form-group input.banner-input-error,.banner-form-group select.banner-input-error,.banner-form-group textarea.banner-input-error{background:#fff8f8;border-color:#dc2626!important}.banner-field-error,.display-order-error{color:#dc2626;margin-top:4px;font-size:11.5px;font-weight:500;display:block}.banner-image-input-error{background:#fff8f8;border-radius:6px;border:1px solid #dc2626!important}.banner-input-error,.banner-form-group input.banner-input-error,.banner-form-group select.banner-input-error{background:#fff8f8;border-color:#dc2626!important}.banner-input-error:focus{box-shadow:0 0 0 3px #dc262614;border-color:#dc2626!important}.banner-image-input{align-items:center;gap:8px;display:flex;position:relative}.banner-image-input svg{color:#667085;position:absolute;left:12px}.banner-image-input input{padding-left:38px}.banner-date-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=900px){.banner-page{padding:20px}.banner-stat-grid{grid-template-columns:1fr}.banner-page-header{flex-direction:column;gap:20px}.banner-search{width:250px}}@media (width<=600px){.banner-page{padding:15px}.banner-table-header{flex-direction:column;align-items:flex-start;gap:15px}.banner-search,.banner-form-panel{width:100%}.banner-date-grid{grid-template-columns:1fr}}.banner-action-buttons{justify-content:flex-start!important;align-items:center!important;gap:8px!important;display:flex!important}.banner-action-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.banner-action-btn:hover{color:#111;background:#f3f4f6}.banner-delete-btn:hover{color:#dc2626;background:#fef2f2}.banner-id-column{color:#475467;white-space:nowrap;font-size:14px;font-weight:600}.banner-display-order{color:#344054;text-align:center;font-size:14px;font-weight:600}.edit-status-wrapper{width:100%;max-width:260px;position:relative}.edit-status-button{color:#172033;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d6dce4;border-radius:6px;align-items:center;gap:8px;width:100%;height:34px;padding:0 9px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.edit-status-button:hover{border-color:#94a3b8}.edit-status-button.active{color:#166534}.edit-status-button.inactive{color:#64748b}.edit-status-dot{border-radius:50%;width:8px;min-width:8px;height:8px}.active-dot{background:#22c55e}.inactive-dot{background:#94a3b8}.edit-status-arrow{color:#64748b;margin-left:auto;font-size:17px;transition:transform .2s}.edit-status-arrow.open{transform:rotate(180deg)}.edit-status-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 8px 20px #0f172a1a}.edit-status-menu button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:9px;width:100%;height:38px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.edit-status-menu button:hover{background:#f1f5f9}.banner-file-input{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px 12px;display:flex}.banner-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.banner-preview-image{object-fit:cover;width:100%;height:100%;display:block}.banner-file-content{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex}.banner-file-title{color:#334155;white-space:nowrap;font-size:13px;font-weight:500}.banner-file-subtitle{color:#94a3b8;font-size:11px}.banner-selected-file{text-overflow:ellipsis;white-space:nowrap;color:#334155;max-width:100%;font-size:13px;font-weight:500;display:block;overflow:hidden}.banner-image-input .banner-file-button,.banner-file-button{box-sizing:border-box;color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;align-self:center;width:86px;height:34px;min-height:34px;max-height:34px;font-size:12px;font-weight:600;transition:all .2s;text-align:center!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;line-height:normal!important;display:flex!important}.banner-image-input .banner-file-button span,.banner-file-button span{text-align:center;justify-content:center;align-items:center;line-height:1;display:inline-flex}.banner-file-button:hover{background:#f1f5f9;border-color:#94a3b8}.banner-file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.banner-image-input{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:40px;padding:4px 8px;display:flex}.banner-image-input .banner-image-preview{background:#f1f5f9;border-radius:4px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex;overflow:hidden}.banner-image-input .banner-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.banner-image-details{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.banner-image-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.banner-image-types{color:#94a3b8;margin-top:1px;font-size:10px}.display-order-error{color:#dc2626;margin-top:5px;font-size:12px;font-weight:500;display:block}.input-error:focus{box-shadow:0 0 0 1px #dc262626;border-color:#dc2626!important}.banner-table-row{cursor:pointer;transition:background .15s}.banner-table-row:hover{background:#f8fafc}.banner-link-cell{align-items:center;display:flex}.banner-link-type-badge{white-space:nowrap;box-sizing:border-box;vertical-align:middle;border-radius:9999px;justify-content:center;align-items:center;gap:6px;height:24px;min-height:24px;padding:0 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.banner-link-type-badge .link-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.banner-link-type-badge.internal{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.banner-link-type-badge.internal .link-badge-dot{background:#2563eb}.banner-link-type-badge.external{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.banner-link-type-badge.external .link-badge-dot{background:#db2777}.banner-link-type-badge.none{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.banner-external-mini-link{color:#be185d;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;padding:1px;line-height:1;transition:background .15s;display:inline-flex}.banner-external-mini-link:hover{background:#db277726}.banner-view-btn{color:#0f172a!important}.banner-view-btn:hover{color:#000!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.banner-form-select{box-sizing:border-box;color:#182b45;appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px;border:1px solid #d6dce4;border-radius:6px;outline:none;width:100%;min-width:0;max-width:100%;height:38px;padding:0 32px 0 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.banner-form-select:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.banner-form-select option{color:#182b45;white-space:normal;background-color:#fff;padding:8px 10px;font-size:13px}.banner-field-help{color:#64748b;word-break:break-word;margin-top:4px;font-size:11px;line-height:1.35;display:block}.banner-highlight-group{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:100%;max-width:100%;padding:10px 12px}.banner-details-panel{box-sizing:border-box;z-index:1200;background:#fff;border-left:1px solid #dfe3e8;flex-direction:column;width:50%;min-width:480px;max-width:680px;height:calc(100dvh - 60px);animation:.2s bannerPanelIn;display:flex;position:fixed;top:60px;bottom:0;right:0;overflow:hidden;box-shadow:-8px 0 30px #0000001f}@keyframes bannerPanelIn{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.banner-details-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;min-height:70px;padding:0 20px;display:flex}.banner-details-eyebrow{letter-spacing:.7px;color:#64748b;font-size:10px;font-weight:700;display:block}.banner-details-header h2{color:#172033;white-space:nowrap;text-overflow:ellipsis;max-width:360px;margin:4px 0 0;font-size:17px;font-weight:700;overflow:hidden}.banner-details-close-btn{color:red;cursor:pointer;background:#f1f3f5;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;transition:background .15s;display:flex}.banner-details-close-btn:hover{color:#0f172a;background:#e2e8f0}.banner-details-body{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px;display:flex;overflow-y:auto}.banner-details-hero{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:220px;min-height:220px;display:flex;overflow:hidden}.banner-details-hero img{object-fit:cover;width:100%;height:100%;display:block}.banner-hero-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.banner-details-status-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.banner-details-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.banner-details-badge .badge-dot{border-radius:50%;width:7px;height:7px}.banner-details-badge.active{color:#15803d;background:#dcfce7}.banner-details-badge.active .badge-dot{background:#16a34a}.banner-details-badge.inactive{color:#dc2626;background:#fee2e2}.banner-details-badge.inactive .badge-dot{background:#ef4444}.banner-details-order-badge{color:#64748b;font-size:13px}.banner-details-order-badge strong{color:#0f172a}.banner-details-section{flex-direction:column;gap:8px;display:flex}.banner-details-section h4{color:#334155;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.banner-details-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.banner-detail-row{justify-content:flex-start;align-items:center;gap:0;display:flex}.banner-detail-row .detail-label{color:#64748b;white-space:nowrap;flex-shrink:0;min-width:95px;padding-right:12px;font-size:12px;font-weight:600}.banner-detail-row.highlight-box{background:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-top:4px;padding:10px 12px}.product-link-info{align-items:center;gap:10px;width:100%;display:flex}.product-link-info div{flex-direction:column;gap:2px;display:flex}.product-link-id{color:#2563eb;font-size:11px;font-weight:600}.product-link-title{color:#0f172a;font-size:13px}.external-link-info{justify-content:flex-start;align-items:center;gap:0;width:100%;display:flex}.external-link-info .detail-label{color:#64748b;white-space:nowrap;flex-shrink:0;min-width:95px;padding-right:12px;font-size:12px;font-weight:600}.banner-external-link-anchor{color:#2563eb;word-break:break-all;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.banner-external-link-anchor:hover{text-decoration:underline}.banner-details-description-text{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:0;padding:12px;font-size:13px;line-height:1.6}.banner-details-meta-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.meta-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.meta-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.3px;font-size:10px;font-weight:700}.meta-value{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.banner-details-actions{z-index:10;box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;gap:12px;padding:16px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 12px #0000000d}.banner-details-edit-btn,.banner-details-delete-btn{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;height:42px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.banner-details-edit-btn{color:#fff;background:#0f172a;border:none}.banner-details-edit-btn:hover{background:#1e293b}.banner-details-delete-btn{color:#ef4444;background:#fff;border:1px solid #fecaca}.banner-details-delete-btn:hover{background:#fee2e2}@media (width<=1200px){.banner-details-panel,.banner-form-panel{width:min(560px,100vw);min-width:0;max-width:100vw}}@media (width<=900px){.banner-page-header{flex-direction:column;align-items:stretch;gap:16px}.add-banner-button{justify-content:center;width:100%}.banner-stat-grid{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.banner-toolbar{flex-direction:column;align-items:stretch;gap:12px}.banner-search{width:100%!important}.banner-table-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;overflow-x:auto}.banner-table-scroll table{min-width:1145px}.banner-details-panel,.banner-form-panel{width:min(500px,100vw);min-width:0;max-width:100vw}}@media (width<=768px){.banner-details-panel{width:100vw;min-width:0;max-width:100vw;height:calc(100dvh - 60px);box-shadow:none;z-index:1200;border-left:none;flex-direction:column;display:flex;inset:60px 0 0;overflow:hidden}.banner-form-panel{width:100vw;min-width:0;max-width:100vw;padding:0}.banner-form-group select[name=linkType],.banner-form-group input[name=displayOrder],.banner-form-group .edit-status-wrapper{max-width:100%}.banner-form-body{padding:16px}.banner-date-grid{grid-template-columns:1fr}.banner-form-header{padding:14px 16px}.banner-form-actions{gap:10px;padding:14px 16px}.banner-details-hero{height:180px;min-height:180px}.banner-details-meta-grid{grid-template-columns:1fr}}@media (width<=600px){.banner-table-footer{flex-direction:column;align-items:flex-start;gap:12px}.banner-form-panel{width:100vw;min-width:0;padding:0}.banner-form-body{padding:14px}.banner-form-actions{padding:12px 14px}}@media (width<=480px){.banner-form-panel{width:100vw;min-width:0;max-width:100vw}.banner-form-header h2{font-size:16px}.banner-form-body{padding:12px}.banner-form-group{margin-bottom:14px}.banner-form-group>label{font-size:10px}.banner-form-group input,.banner-form-group select,.banner-form-group textarea,.banner-form-select{height:36px;font-size:13px}.banner-form-group textarea{height:auto}.banner-form-group select[name=linkType],.banner-form-group input[name=displayOrder],.banner-form-group .edit-status-wrapper{width:100%!important;max-width:100%!important}.banner-form-actions{flex-direction:column;gap:8px;padding:12px}.banner-save-button,.banner-discard-button{width:100%;height:40px;font-size:13px}}@media (width<=390px){.banner-form-panel{width:100vw;min-width:0;max-width:100vw}.banner-form-header{padding:12px 14px}.banner-form-body{padding:10px 12px}.banner-form-group{margin-bottom:12px}.banner-form-group input,.banner-form-group select,.banner-form-group textarea,.banner-form-select{height:36px;padding:0 8px;font-size:12.5px}.banner-form-select{padding-right:28px}.banner-form-actions{padding:10px 12px}}@media (width<=360px){.banner-form-panel{width:100vw;min-width:0;max-width:100vw}.banner-form-header h2{font-size:15px}.banner-form-body{padding:8px 10px}.banner-form-group>label{font-size:9.5px}.banner-form-group input,.banner-form-group select,.banner-form-group textarea,.banner-form-select{height:34px;padding:0 8px;font-size:12px}.banner-form-select{padding-right:26px}.banner-save-button,.banner-discard-button{height:36px;font-size:12px}}.display-order-error{color:#dc2626;margin-top:6px;font-size:13px;display:block}.banner-form-group input.input-error{border:1px solid #dc2626!important}.banner-form-actions{z-index:10;box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;gap:12px;width:100%;padding:16px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 12px #0000000d}.banner-discard-button,.banner-save-button{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;height:42px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.banner-save-button{color:#fff;background:#0f172a;border:none}.banner-save-button:hover:not(:disabled){background:#1e293b}.banner-discard-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.banner-discard-button:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.banner-save-button:disabled,.banner-discard-button:disabled{opacity:.6;cursor:not-allowed}.custom-dtp-wrapper{box-sizing:border-box;width:100%;position:relative}.custom-dtp-input{cursor:pointer;box-sizing:border-box;color:#1e293b;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.custom-dtp-input:hover{border-color:#94a3b8}.custom-dtp-input.active,.custom-dtp-input:focus{border-color:#64748b;outline:none;box-shadow:0 0 0 3px #64748b1f}.custom-dtp-wrapper.has-error .custom-dtp-input{background-color:#fef2f2;border-color:#ef4444}.custom-dtp-input.disabled{cursor:not-allowed;opacity:.7;background-color:#f1f5f9}.custom-dtp-icon{color:#64748b;flex-shrink:0;align-items:center;display:inline-flex}.custom-dtp-text{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.custom-dtp-text.placeholder{color:#94a3b8;font-weight:400}.custom-dtp-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.custom-dtp-clear:hover{color:#334155;background-color:#f1f5f9}.custom-dtp-clock-icon{color:#94a3b8;flex-shrink:0;align-items:center;display:inline-flex}.custom-dtp-popover.horizontal{z-index:99999;box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:480px;max-width:calc(100vw - 32px);padding:12px 14px;font-family:inherit;position:absolute;left:0;box-shadow:0 16px 38px -4px #0f172a29,0 4px 12px -2px #0f172a0f}.custom-dtp-popover.placement-bottom{animation:.15s cubic-bezier(.16,1,.3,1) dtpFadeInBottom;top:calc(100% + 6px);bottom:auto}.custom-dtp-popover.placement-top{animation:.15s cubic-bezier(.16,1,.3,1) dtpFadeInTop;top:auto;bottom:calc(100% + 6px)}@keyframes dtpFadeInBottom{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes dtpFadeInTop{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.custom-dtp-horizontal-body{align-items:stretch;gap:14px;display:flex}.custom-dtp-calendar-panel{flex-shrink:0;width:236px}.custom-dtp-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.custom-dtp-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.custom-dtp-nav-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.custom-dtp-month-year-selectors{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.custom-dtp-select{appearance:none;color:#334155;cursor:pointer;box-sizing:border-box;text-align:left;text-align-last:left;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M0.5 0.5L5 5L9.5 0.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:8px 5px;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 22px 4px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s}.custom-dtp-select option{text-align:left;direction:ltr}.custom-dtp-select.month-select{width:72px;min-width:72px}.custom-dtp-select.year-select{width:80px;min-width:80px}.custom-dtp-select:hover,.custom-dtp-select:focus{background-color:#fff;border-color:#64748b}.custom-dtp-calendar{margin-bottom:0}.custom-dtp-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.custom-dtp-weekday{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:2px 0;font-size:11px;font-weight:700}.custom-dtp-days-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.custom-dtp-day{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;height:26px;padding:0;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.custom-dtp-day:hover:not(.selected){color:#1e293b;background:#f1f5f9}.custom-dtp-day.empty{color:#cbd5e1;pointer-events:none;cursor:default}.custom-dtp-day.today:not(.selected){color:#111827;background:#f3f4f6;border:1px solid #9ca3af;font-weight:700}.custom-dtp-day.selected{color:#111827;background:#d1d5db;font-weight:700}.custom-dtp-divider{background-color:#e2e8f0;flex-shrink:0;width:1px}.custom-dtp-time-panel{flex-direction:column;flex:1;justify-content:space-between;min-width:195px;display:flex}.custom-dtp-time-panel-header{justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:8px;display:flex}.custom-dtp-header-title{color:#334155;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.custom-dtp-active-time-pill{color:#334155;letter-spacing:.3px;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:3px 10px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.custom-dtp-scroll-columns{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:6px;height:145px;margin-bottom:10px;padding:6px 4px;display:flex}.custom-dtp-column{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.custom-dtp-column.period-col{flex:0 0 52px}.custom-dtp-col-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;margin-bottom:4px;font-size:10px;font-weight:700}.custom-dtp-col-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:2px;width:100%;padding:0 2px;display:flex;overflow-y:auto}.custom-dtp-col-list::-webkit-scrollbar{width:3px}.custom-dtp-col-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.custom-dtp-col-item{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:26px;padding:0;font-size:12px;font-weight:600;transition:all .12s;display:flex}.custom-dtp-col-item:hover:not(.selected){color:#0f172a;background:#e2e8f0}.custom-dtp-col-item.selected{color:#111827;background:#d1d5db;font-weight:700}.custom-dtp-col-item.period-item{height:32px;font-size:11px}.custom-dtp-actions-row{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.custom-dtp-cancel-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.custom-dtp-cancel-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.custom-dtp-ok-btn{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:5px 16px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.custom-dtp-ok-btn:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}@media (width<=540px){.custom-dtp-popover.horizontal{width:290px;left:50%;transform:translate(-50%)}.custom-dtp-popover.placement-bottom,.custom-dtp-popover.placement-top{transform:translate(-50%)}.custom-dtp-horizontal-body{flex-direction:column;gap:12px}.custom-dtp-calendar-panel{width:100%}.custom-dtp-divider{width:100%;height:1px}.custom-dtp-time-panel{min-width:100%}.custom-dtp-scroll-columns{height:120px}}.tasks-page{background:#f8f9fb;min-height:100vh;padding-bottom:40px}.tasks-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.tasks-header h1{color:#10233f;margin:0;font-size:30px;font-weight:700;line-height:1.2}.tasks-header p{color:#60708a;margin:8px 0 0;font-size:14px;line-height:1.5}.new-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#050505;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;margin:45px 20px 0 0;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.new-btn:hover{background:#181818}.banner-stat-grid,.stats-grid{box-sizing:border-box;flex-flow:row;align-items:stretch;gap:14px;width:100%;margin-bottom:28px;display:flex}.banner-stat-grid>*,.stats-grid>*{box-sizing:border-box;flex:1 1 0;min-width:0}.banner-stat-card,.stat-card{box-sizing:border-box;background:#fff;border:1px solid #e0e4ea;border-radius:10px;align-items:center;gap:11px;min-height:76px;padding:13px 14px;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000000a}.banner-stat-icon,.stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.banner-stat-icon svg,.stat-icon svg{font-size:18px}.banner-stat-icon.active-banner-icon,.stat-icon.black{color:#fff;background:#111}.banner-stat-icon.inactive-banner-icon,.stat-icon.red{color:#dc2626;background:#fee2e2}.banner-stat-icon.blue,.stat-icon.blue{color:#2563eb;background:#dfe9ff}.banner-stat-icon.green,.stat-icon.green{color:#16a34a;background:#dcfce7}.banner-stat-content{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex;overflow:hidden}.banner-stat-content span,.stat-card span{color:#60708a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;line-height:1.25;overflow:hidden}.banner-stat-content strong,.stat-card h2,.stat-card strong{color:#10233f;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,1.8vw,25px);font-weight:700;line-height:1.15;overflow:hidden}.tasks-filter-card{width:100%}.tasks-table-wrapper,.table-card{box-sizing:border-box;background:#fff;border:1px solid #dfe3e8;border-radius:10px;width:100%;max-width:100%;box-shadow:0 1px 3px #0000000a;overflow:visible!important}.tasks-table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto visible;min-height:auto!important;padding-bottom:0!important}.tasks-table,.tasks-table-container table,.table-card table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%}.tasks-table thead,.tasks-table-container thead{z-index:20!important;background:#f6f8fb!important;position:sticky!important;top:0!important}.tasks-table th,.tasks-table-container th{text-align:left;letter-spacing:.5px;color:#60708a;text-transform:uppercase;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid #dfe3e8;height:44px;padding:0 14px;font-size:11px;font-weight:700;z-index:20!important;background:#f6f8fb!important;position:sticky!important;top:0!important}.tasks-table td,.tasks-table-container td{box-sizing:border-box;color:#263b57;vertical-align:middle;border-bottom:1px solid #e6e9ee;height:72px;min-height:72px;padding:16px 14px;font-size:13px;overflow:visible}.tasks-table th:first-child,.tasks-table td:first-child{padding-left:20px}.tasks-table th:last-child,.tasks-table td:last-child:not([colspan]){text-align:right!important;padding-right:28px!important}.tasks-table th:first-child,.tasks-table td:first-child{width:130px;min-width:130px}.tasks-table th:nth-child(2),.tasks-table td:nth-child(2){width:155px;min-width:155px}.tasks-table th:nth-child(3),.tasks-table td:nth-child(3){width:250px;min-width:250px}.tasks-table th:nth-child(4),.tasks-table td:nth-child(4){width:175px;min-width:175px}.tasks-table th:nth-child(5),.tasks-table td:nth-child(5){width:160px;min-width:160px}.tasks-table th:nth-child(6),.tasks-table td:nth-child(6){width:110px;min-width:110px}.tasks-table th:nth-child(7),.tasks-table td:nth-child(7){width:140px;min-width:140px}.tasks-table th:nth-child(8),.tasks-table td:nth-child(8),.tasks-table th:last-child,.tasks-table td:last-child:not([colspan]),.tasks-table td.task-actions-cell{width:160px;min-width:160px;text-align:left!important}.tasks-table tbody tr:last-child td,.tasks-table-container tbody tr:last-child td{border-bottom:none}.tasks-table tbody tr:hover,.tasks-table-container tbody tr:hover,.task-table-row:hover{background:#fafbfc}.task-table-row.clickable-row{cursor:pointer;transition:background-color .15s}.task-table-row.clickable-row:hover{background-color:#fafbfc!important}.task-date-cell{white-space:nowrap}.task-date-cell .date-primary{color:#10233f;font-size:13px;font-weight:600;line-height:18px}.task-date-cell .date-time{color:#64748b;margin-top:1px;font-size:11px;font-weight:500;line-height:14px}.task-date-cell .date-secondary{color:#77859a;margin-top:3px;font-size:11px;line-height:15px}.task-id-cell{white-space:nowrap}.task-id-badge{color:#10233f;font-size:13px;font-weight:700;line-height:18px}.task-category-pill{color:#475569;text-transform:uppercase;letter-spacing:.3px;background:#f1f5f9;border-radius:4px;margin-top:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.task-details-cell{min-width:0;max-width:250px}.task-title{color:#10233f;white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:13px;font-weight:700;line-height:18px;overflow:hidden}.task-description{color:#60708a;text-overflow:ellipsis;white-space:nowrap;max-width:250px;margin-top:2px;font-size:12px;line-height:16px;overflow:hidden}.task-remarks{color:#94a3b8;margin-top:2px;font-size:11px}.task-customer-cell{min-width:0;max-width:200px}.customername{color:#10233f;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;font-weight:700;line-height:18px;overflow:hidden}.customer-sub{color:#77859a;margin-top:2px;font-size:11px;line-height:15px}.task-technician-cell{min-width:0}.tech-assigned{align-items:center;gap:8px;display:flex}.tech-avatar{color:#fff;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.tech-name{color:#10233f;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.priority-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.priority-badge.critical{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.priority-badge.high{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.priority-badge.medium{color:#854d0e;background:#fefce8;border:1px solid #fef08a}.priority-badge.low{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.task-table-row.has-dropdown-open,.task-table-row.has-dropdown-open td{position:relative;z-index:2!important}.tasks-table .task-status-dropdown,.tasks-table .task-status-dropdown-wrapper,.tasks-table .banner-status-dropdown,.task-status-dropdown,.task-status-dropdown-wrapper,.banner-status-dropdown{display:inline-block;position:relative;z-index:1!important}.tasks-table .task-status-dropdown-wrapper.open,.tasks-table .banner-status-dropdown.open,.task-status-dropdown-wrapper.open,.banner-status-dropdown.open{z-index:2!important}.task-status-btn,.banner-status{cursor:pointer;box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;min-width:108px;height:32px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.task-status-btn.completed,.banner-status.active{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.task-status-btn.completed:hover,.banner-status.active:hover{background:#dcfce7;border-color:#86efac}.task-status-btn.progress{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.task-status-btn.progress:hover{background:#dbeafe;border-color:#93c5fd}.task-status-btn.assigned{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.task-status-btn.assigned:hover{background:#e0f2fe;border-color:#7dd3fc}.task-status-btn.pending{color:#b45309;background:#fffbeb;border-color:#fde68a}.task-status-btn.pending:hover{background:#fef3c7;border-color:#fcd34d}.task-status-btn.cancelled,.banner-status.inactive{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.task-status-btn.cancelled:hover,.banner-status.inactive:hover{background:#fee2e2;border-color:#fca5a5}.task-status-dot,.banner-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.completed-dot,.active-dot{background:#22c55e}.progress-dot{background:#3b82f6}.assigned-dot{background:#0284c7}.pending-dot{background:#f59e0b}.cancelled-dot,.inactive-dot{background:#ef4444}.status-arrow{margin-left:auto;transition:transform .2s}.status-arrow.open{transform:rotate(180deg)}.task-status-menu,.banner-status-menu{box-sizing:border-box;white-space:nowrap;min-width:140px;position:absolute;top:calc(100% + 6px);left:0;z-index:9999999!important;opacity:1!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;padding:6px!important;box-shadow:0 12px 28px -4px #0000002e,0 8px 12px -4px #0000001a,0 0 0 1px #0000000a!important}.portal-status-menu{position:fixed!important}.task-status-menu.drop-up,.banner-status-menu.drop-up,.portal-status-menu.drop-up{box-shadow:0 -12px 28px -4px #0000002e,0 -8px 12px -4px #0000001a,0 0 0 1px #0000000a!important}.task-status-option,.banner-status-option{color:#1f2937;cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border:none;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:34px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.task-status-option:hover,.banner-status-option:hover{color:#0f172a!important;background:#f1f5f9!important}.task-status-option.selected,.banner-status-option.selected{font-weight:600;color:#000!important;background:#f8fafc!important}.action-buttons,.banner-action-buttons{justify-content:flex-start;align-items:center;gap:8px;display:flex}.tasks-table .task-actions-cell .action-buttons,.tasks-table .task-actions-cell .banner-action-buttons{justify-content:flex-start}.icon-btn,.banner-action-btn{color:#4b5563;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin:0;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex}.icon-btn:hover,.banner-action-btn:hover{color:#111;background:#f3f4f6;border-color:#d1d5db}.icon-btn svg,.banner-action-btn svg{font-size:17px}.table-footer{background:#fff;justify-content:space-between;align-items:center;padding:18px;display:flex}.table-footer p{color:#777;font-size:13px}.pagination{align-items:center;gap:5px;display:flex}.pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;display:flex}.pagination button:hover:not(:disabled):not(.active):not(.page-active):not(.active-page){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.pagination button:disabled{color:#c1c7ce;cursor:not-allowed}.pagination .active,.pagination .page-active,.pagination .active-page,.pagination .active:hover,.pagination .page-active:hover,.pagination .active-page:hover{color:#fff!important;cursor:default!important;background:#050505!important;border-color:#050505!important;font-weight:600!important}.pagination span{color:#666;padding:0 6px}.date-picker-container{width:100%;display:inline-block;position:relative}.date-box:hover{background:#f8fafc;border-color:#cbd5e1}.date-picker-dropdown{z-index:1000;background:#fff;border:1px solid #dfe3e8;border-radius:6px;width:280px;padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 25px #0000001f}.date-picker-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.date-picker-field label{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:700}.date-picker-field input{box-sizing:border-box;color:#172033;cursor:pointer;background:#fff;border:1px solid #d5dbe1;border-radius:4px;width:100%;height:38px;padding:0 10px;font-family:inherit;font-size:13px}.date-picker-field input:focus{border-color:#172033;outline:none}.apply-date-btn{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:4px;width:100%;height:38px;font-family:inherit;font-size:13px;font-weight:600}.apply-date-btn:hover{background:#242424}.task-modal-content.large{max-width:760px}.task-modal-header .close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;padding:4px}.task-modal-content.assign-modal{border-radius:12px;overflow:visible}.task-modal-content.assign-modal .task-modal-header{border-top-left-radius:12px;border-top-right-radius:12px}.task-modal-content.assign-modal .task-modal-footer{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.task-modal-body.assign-modal-body{overflow:visible}.modal-form-group select,.modal-form-group input,.modal-form-group textarea{color:#0f172a;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.modal-form-group select:focus,.modal-form-group input:focus,.modal-form-group textarea:focus{border-color:#000}.modal-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:500}.modal-submit-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.star-rating{align-items:center;gap:6px;display:flex}.star-rating svg{cursor:pointer;color:#cbd5e1;font-size:26px;transition:all .2s}.star-rating svg.active{color:#f59e0b}.details-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.detail-value{color:#0f172a;font-size:14px;font-weight:500}.detail-full{grid-column:span 2}.feedback-banner{border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.feedback-banner.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.feedback-banner.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.empty-state,.loading-state{text-align:center!important;color:#64748b!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;padding:50px 20px!important;display:flex!important}.empty-state h3,.empty-state p,.loading-state p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}@media (width<=1200px){.tasks-filter-card{grid-template-columns:1fr 1fr}}@media (width<=1100px){.table-card{overflow-x:auto}.tasks-table{min-width:800px}}@media (width<=900px){.banner-stat-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.banner-stat-grid>*,.stats-grid>*{flex:initial;width:100%;min-width:0}}@media (width<=700px){.tasks-header{flex-direction:column;gap:16px}.tasks-header h1{font-size:24px}.tasks-filter-card{grid-template-columns:1fr}}@media (width<=550px){.banner-stat-grid,.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px;display:grid}}@media (width<=480px){.task-create-btn{justify-content:center;width:100%}.tasks-filter-card{gap:12px;padding:14px}.tasks-export-btn{justify-content:center;width:100%;margin-top:8px}}.new-task-page{background:#f8f9fb;min-height:100vh;padding-bottom:40px}.new-task-header{margin-bottom:24px}.new-task-header .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.new-task-header .breadcrumb-back-row .breadcrumb,.new-task-header .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.new-task-header .breadcrumb-back-row .task-back-button,.new-task-header .breadcrumb-back-row .page-back-btn{margin:0!important}.task-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.task-breadcrumb span:first-child{color:#64748b;cursor:pointer}.task-breadcrumb span:first-child:hover{color:#0f172a}.breadcrumb-separator{color:#94a3b8;font-size:16px}.breadcrumb-current{color:#172033;font-weight:600}.task-back-button{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:14px;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.task-back-button:hover{color:#0f172a}.task-back-button svg{width:17px;height:17px}.page-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;margin:8px 0 14px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.page-back-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.new-task-title-block h1{color:#0f172a;margin:0;font-size:30px;font-weight:700;line-height:1.2}.new-task-title-block p{color:#64748b;margin:6px 0 0;font-size:14px}.task-form-body{flex-direction:column;gap:24px;display:flex}.form-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a}.section-heading{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.section-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.section-icon.black{color:#fff;background:#0f172a}.section-icon.blue{color:#2563eb;background:#eff6ff}.section-icon.green{color:#16a34a;background:#f0fdf4}.section-icon.orange{color:#ea580c;background:#fff7ed}.section-heading h2{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700}.section-heading p{color:#64748b;margin:0;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#334155;font-size:13px;font-weight:600}.required{color:#ef4444}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=datetime-local],.form-group input[type=email],.form-group input[type=tel],.form-group select,.form-group textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#000}.disabled-input{cursor:not-allowed;color:#64748b!important;background:#f8fafc!important}.form-group small{color:#94a3b8;font-size:11px}.select-wrapper{width:100%;position:relative}.select-wrapper select{appearance:none;cursor:pointer;padding-right:36px}.select-wrapper svg{pointer-events:none;color:#64748b;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.input-with-icon input,.input-with-icon select{padding-left:38px}.priority-options{gap:10px;display:flex}.priority-option{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.priority-option input{display:none}.priority-option.low.selected{color:#0f172a;background:#f1f5f9;border-color:#64748b}.priority-option.medium.selected{color:#854d0e;background:#fef9c3;border-color:#ca8a04}.priority-option.high.selected{color:#9a3412;background:#ffedd5;border-color:#ea580c}.priority-option.critical.selected{color:#991b1b;background:#fee2e2;border-color:#dc2626}.character-count{color:#94a3b8;text-align:right;margin-top:4px;font-size:11px}.new-task-footer{justify-content:space-between;align-items:center;margin-top:24px;padding:20px 0 10px;display:flex}.cancel-task-btn,.save-task-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.cancel-task-btn{color:#475569;background:#fff;border:1px solid #dce1e6}.cancel-task-btn:hover{background:#f1f3f5}.save-task-btn{color:#fff;background:#050505;border:1px solid #050505}.save-task-btn:hover{background:#1e1e1e}.cancel-task-btn:disabled,.save-task-btn:disabled{opacity:.6;cursor:not-allowed}.customer-info-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;grid-column:1/-1;gap:12px;margin-top:6px;padding:16px 20px;display:flex}.customer-preview-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.customer-preview-header h4{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.customer-preview-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.customer-preview-item{flex-direction:column;gap:2px;display:flex}.customer-preview-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.customer-preview-val{color:#1e293b;word-break:break-word;font-size:13px;font-weight:600}.assignment-info-callout{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;grid-column:1/-1;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}@media (width<=900px){.form-grid,.form-grid.three-columns{grid-template-columns:1fr}.priority-options{flex-direction:column}.customer-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.new-task-title-block h1{font-size:24px}.new-task-footer{flex-direction:column;align-items:stretch;gap:12px}.cancel-task-btn,.save-task-btn{justify-content:center;width:100%}.customer-preview-grid{grid-template-columns:1fr}}.order-details-page,.task-details-page{color:#172033;background:#f8f9fb;min-height:calc(100vh - 60px);padding-bottom:40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.order-details-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.od-header-left{min-width:0}.od-header-left .breadcrumb-back-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.od-header-left .breadcrumb-back-row .breadcrumb,.od-header-left .breadcrumb-back-row .app-breadcrumb{margin-bottom:0!important}.od-header-left .breadcrumb-back-row .back-orders-btn{margin:0!important}.back-orders-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.back-orders-btn:hover{color:#0f172a}.back-orders-btn svg{width:17px;height:17px}.order-details-header h1{letter-spacing:-.4px;color:#0f172a;margin:6px 0 0;font-size:28px;font-weight:700;line-height:1.2}.order-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.contact-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.contact-btn:hover{background:#f9fafb;border-color:#9ca3af}.edit-order-btn{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.edit-order-btn:hover{background:#1f2937}.order-details-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px;display:grid}.order-details-left{flex-direction:column;gap:20px;min-width:0;display:flex}.order-details-right{flex-direction:column;gap:16px;min-width:0;display:flex}.details-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #00000008}.detailsheader{border-bottom:1px solid #f1f3f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px 14px;display:flex}.detailsheader h3{color:#0f172a;letter-spacing:.1px;margin:0;font-size:14px;font-weight:600}.od-card-title{flex-direction:row;align-items:center;gap:10px;display:flex}.od-card-title h3{color:#0f172a;align-items:center;margin:0;padding:0;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.od-card-icon-wrap{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.od-icon-blue{color:#2563eb;background:#eff6ff}.od-icon-green{color:#16a34a;background:#f0fdf4}.od-icon-purple{color:#7c3aed;background:#faf5ff}.od-icon-orange{color:#ea580c;background:#fff7ed}.od-icon-black{color:#fff;background:#0f172a}.order-detail-status{letter-spacing:.2px;color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.order-detail-status.completed,.order-detail-status.delivered{color:#15803d;background:#dcfce7}.order-detail-status.progress,.order-detail-status.processing{color:#6d28d9;background:#ede9fe}.order-detail-status.assigned{color:#1d4ed8;background:#dbeafe}.order-detail-status.pending,.order-detail-status.payment-pending{color:#92400e;background:#fef3c7}.order-detail-status.cancelled,.order-detail-status.canceled{color:#991b1b;background:#fee2e2}.ordar-info-grid{grid-template-columns:1fr 1fr;padding:4px 22px 0;display:grid}.order-info-item{border-bottom:1px solid #f1f3f5;padding:16px 14px 16px 0}.order-info-item:nth-child(odd){border-right:1px solid #f1f3f5;padding-right:24px}.order-info-item:nth-child(2n){padding-left:24px}.order-info-item span{letter-spacing:.4px;color:#94a3b8;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.order-info-item strong{color:#0f172a;word-break:break-word;font-size:13.5px;font-weight:600;line-height:1.4;display:block}.order-notes{padding:18px 22px}.od-status-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #00000008}.od-status-card-header{border-bottom:1px solid #f1f3f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 14px;display:flex}.od-status-badge{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.od-status-badge.completed,.od-status-badge.delivered{color:#065f46;background:#d1fae5}.od-status-badge.progress,.od-status-badge.processing{color:#1d4ed8;background:#dbeafe}.od-status-badge.assigned{color:#3730a3;background:#e0e7ff}.od-status-badge.pending{color:#92400e;background:#fef3c7}.od-status-badge.cancelled{color:#991b1b;background:#fee2e2}.od-status-body{padding:8px 18px}.od-status-row{border-bottom:1px solid #f8f9fb;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.od-status-row:last-child{border-bottom:none}.od-status-label{color:#64748b;flex-shrink:0;font-size:12px;font-weight:500}.od-status-value{color:#0f172a;text-align:right;word-break:break-word;font-size:13px;font-weight:600}.od-payment-pill{color:#6b7280;background:#f3f4f6;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.od-payment-paid{color:#16a34a;background:#dcfce7}.od-payment-pending{color:#d97706;background:#fef3c7}.staff-user-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;margin-top:4px;padding:12px;display:flex}.staff-avatar{color:#fff;background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.staff-info{flex-direction:column;gap:2px;min-width:0;display:flex}.staff-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.staff-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.staff-role-badge{color:#2563eb;text-transform:uppercase;letter-spacing:.3px;font-size:10.5px;font-weight:600}.tech-unassigned-badge{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.rating-stars-badge{color:#854d0e;background:#fef9c3;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.rating-stars-badge svg{color:#eab308;font-size:16px}.task-image-frame{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.task-image-frame .completion-preview-img{object-fit:cover;width:100%;height:100%}.task-image-frame .no-image-placeholder{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px;font-size:12.5px;display:flex}.signature-box{text-align:center;color:#0f172a;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:16px;font-family:cursive,sans-serif;font-size:18px}.task-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;inset:0;z-index:999999!important}.task-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.task-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.task-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.task-modal-header .close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.task-modal-header .close-btn:hover{color:#0f172a;background:#f1f5f9}.task-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex;overflow-y:auto}.modal-form-group{flex-direction:column;gap:6px;display:flex}.modal-form-group label{color:#334155;font-size:12.5px;font-weight:600}.modal-form-group .required{color:#ef4444}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{border-color:#0f172a}.modal-form-group input:disabled,.modal-form-group select:disabled{color:#64748b;cursor:not-allowed;background:#f8fafc}.input-error{border-color:#ef4444!important}.field-error{color:#ef4444;font-size:11.5px;font-weight:500}.task-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:center;gap:12px;padding:16px 24px;display:flex}.modal-btn,.modal-cancel-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s}.modal-btn:hover,.modal-cancel-btn:hover{background:#f1f5f9}.modal-btn.primary,.modal-submit-btn{cursor:pointer;color:#fff;background:#0f172a;border:1px solid #0f172a;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.modal-btn.primary:hover,.modal-submit-btn:hover{background:#1e293b;border-color:#1e293b}.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes odShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.od-skeleton-wrapper{padding:0}.od-skeleton-header-block{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.od-skel{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/800px 100%;border-radius:6px;animation:1.4s linear infinite odShimmer}.od-skel-sm{width:140px;height:14px}.od-skel-md{width:200px;height:20px}.od-skel-lg{width:260px;height:28px}.od-skel-card{padding:0}.od-skel-card-header{background:#f8f9fb;border-bottom:1px solid #f1f3f5;height:56px}.od-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:0 auto;padding:60px 20px;display:flex}.od-error-icon-wrap{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:22px;font-weight:700;display:flex}.od-error-state h3{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}.od-error-state p{color:#64748b;margin:0 0 24px;font-size:14px;line-height:1.5}.od-error-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.od-back-error-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.od-back-error-btn:hover{background:#1e293b}@media (width<=1024px){.order-details-layout{grid-template-columns:1fr}}@media (width<=640px){.ordar-info-grid{grid-template-columns:1fr}.order-info-item:nth-child(odd){border-right:none;padding-right:0}.order-info-item:nth-child(2n){padding-left:0}.order-details-header{flex-direction:column;align-items:flex-start}.order-header-actions{width:100%}.order-header-actions button{flex:1;justify-content:center}}.task-modal-content form{flex-direction:column;flex:1;min-height:0;display:flex}.task-modal-body::-webkit-scrollbar{width:8px!important;height:8px!important}.task-modal-body::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:8px!important}.task-modal-body::-webkit-scrollbar-thumb{background:#94a3b8!important;border:2px solid #f1f5f9!important;border-radius:8px!important}.task-modal-body::-webkit-scrollbar-thumb:hover{background:#64748b!important}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.zone-map-picker-root{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;margin-top:4px;margin-bottom:6px;display:flex}.zone-map-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.zone-map-search-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;min-width:180px;height:36px;transition:border-color .2s;display:flex;overflow:hidden}.zone-map-search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.zone-map-search-box input{color:#1e293b!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0 10px!important;font-size:13px!important}.zone-map-search-box input::placeholder{color:#94a3b8}.zone-map-search-box button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;justify-content:center;align-items:center;width:36px;height:100%;transition:background .15s,color .15s;display:flex}.zone-map-search-box button:hover{color:#fff;background:#2563eb}.zone-map-quick-actions{align-items:center;gap:8px;display:flex}.zone-map-btn-link{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;height:36px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.zone-map-btn-link:hover{color:#1e40af;background:#dbeafe}.zone-map-gps-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:6px;align-items:center;gap:5px;height:36px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.zone-map-gps-btn:hover{background:#1e293b}.zone-map-gps-btn:disabled{opacity:.6;cursor:not-allowed}.zone-map-frame{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.zone-map-element{z-index:1;width:100%;height:100%}.zone-map-instruction-badge{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;letter-spacing:.01em;background:#0f172ad9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;bottom:8px;left:8px}.custom-map-pin{background:0 0;border:none}.pin-marker-wrapper{justify-content:center;align-items:center;display:flex;position:relative;transform:translate(-50%,-100%)}.pin-marker-body{filter:drop-shadow(0 3px 6px #00000059);animation:.4s ease-out pinBounce}@keyframes pinBounce{0%{opacity:0;transform:translateY(-20px)}60%{opacity:1;transform:translateY(3px)}to{transform:translateY(0)}}.pin-marker-pulse{pointer-events:none;z-index:-1;background:#2563eb66;border-radius:50%;width:14px;height:14px;animation:1.8s infinite pulseRing;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}@keyframes pulseRing{0%{opacity:.9;transform:translate(-50%,50%)scale(.6)}to{opacity:0;transform:translate(-50%,50%)scale(2.6)}}.zone-map-coords-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.zone-map-input-group{flex-direction:column;gap:4px;display:flex}.zone-map-input-group label{color:#334155;font-size:12.5px;font-weight:600}.zone-req-star{color:#ef4444;margin-left:2px;font-weight:700}.zone-map-input-group input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;height:38px;padding:0 10px;font-size:13px;transition:all .15s}.zone-map-input-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.zone-coord-error-input{background:#fef2f2!important;border-color:#ef4444!important}.zone-map-field-error{color:#dc2626;margin-top:2px;font-size:11.5px;font-weight:500}.zone-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:100vh;padding-bottom:40px}.zone-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.zone-heading{flex-direction:column;display:flex}.zone-heading h1{color:#0f172a;letter-spacing:-.02em;margin:4px 0 0;font-size:28px;font-weight:700;line-height:1.25}.zone-heading p{color:#64748b;max-width:680px;margin:6px 0 0;font-size:14px}.zone-header-actions{align-items:center;gap:12px;display:flex}.add-zone-button{color:#fff;cursor:pointer;white-space:nowrap;background:#050505;border:none;border-radius:8px;align-items:center;gap:8px;height:44px;margin:45px 20px 0 0;padding:0 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000001a}.add-zone-button:hover{background:#181818}.zone-stat-grid{box-sizing:border-box;flex-flow:row;align-items:stretch;gap:14px;width:100%;margin-bottom:28px;display:flex}.zone-stat-grid>*{box-sizing:border-box;flex:1 1 0;min-width:0}.zone-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e0e4ea;border-radius:10px;align-items:center;gap:11px;min-height:76px;padding:13px 14px;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000000a}.zone-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.zone-stat-icon.total{color:#fff;background:#111}.zone-stat-icon.active{color:#16a34a;background:#dcfce7}.zone-stat-icon.inactive{color:#dc2626;background:#fee2e2}.zone-stat-icon.cities{color:#2563eb;background:#dfe9ff}.zone-stat-content{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex;overflow:hidden}.zone-stat-content span{color:#60708a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;line-height:1.25;overflow:hidden}.zone-stat-content strong{color:#10233f;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,1.8vw,25px);font-weight:700;line-height:1.15;overflow:hidden}.zone-table-wrapper{box-sizing:border-box;background:#fff;border:1px solid #dfe3e8;border-radius:10px;width:100%;max-width:100%;box-shadow:0 1px 3px #0000000a;overflow:visible!important}.zone-table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto visible;min-height:auto!important;padding-bottom:0!important}.zone-table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%}.zone-table thead,.zone-table-container thead{background:#f6f8fb!important}.zone-table th,.zone-table-container th{text-align:left!important;letter-spacing:.5px!important;color:#60708a!important;text-transform:uppercase!important;white-space:nowrap!important;box-sizing:border-box!important;vertical-align:middle!important;background:#f6f8fb!important;border-bottom:1px solid #dfe3e8!important;height:44px!important;min-height:44px!important;padding:0 14px!important;font-size:11px!important;font-weight:700!important}.zone-table th:first-child,.zone-table td:first-child{padding-left:20px!important}.zone-table th:last-child,.zone-table td:last-child,.zone-table th.zone-th-actions{text-align:left!important;padding-left:14px!important}.zone-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #e6e9ee;padding:14px 16px;font-size:13.5px}.zone-table-row{cursor:pointer;transition:background .15s}.zone-table-row:hover{background:#f8fafc}.zone-cell-info{flex-direction:column;gap:2px;display:flex}.zone-cell-name{color:#0f172a;font-size:14px;font-weight:600}.zone-table td.zone-table-msg-cell{text-align:center!important;vertical-align:middle!important;white-space:normal!important;background:#fff!important;border-bottom:none!important;height:auto!important;min-height:220px!important;padding:44px 24px!important;overflow:visible!important}.zone-table-status-box{text-align:center;color:#475569;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;margin:0 auto;display:flex}.zone-table-status-box span{font-size:13.5px;font-weight:500}.zone-error-icon-wrapper{background:#fef2f2;border:1px solid #fee2e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:2px;display:flex}.zone-error-text-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.zone-error-title{color:#0f172a;font-size:15px;font-weight:600}.zone-error-message{color:#dc2626;word-break:break-word;max-width:440px;margin:0;font-size:13.5px;line-height:1.4}.zone-retry-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #dc262614}.zone-retry-btn:hover{color:#fff;background:#dc2626;box-shadow:0 2px 6px #dc262640}.zone-empty-box strong{color:#334155;font-size:15px}.zone-empty-box p{color:#64748b;margin:0;font-size:13px}.zone-status-toggle-wrapper{align-items:center;gap:8px;display:inline-flex}.zone-toggle-switch{cursor:pointer;width:38px;height:20px;display:inline-block;position:relative}.zone-toggle-switch input{opacity:0;width:0;height:0}.zone-toggle-slider{background-color:#cbd5e1;border-radius:20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.zone-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.zone-toggle-switch input:checked+.zone-toggle-slider{background-color:#22c55e}.zone-toggle-switch input:checked+.zone-toggle-slider:before{transform:translate(18px)}.zone-toggle-switch:hover .zone-toggle-slider{box-shadow:0 0 0 3px #94a3b84d}.zone-toggle-switch:hover input:checked+.zone-toggle-slider{box-shadow:0 0 0 3px #22c55e33}.zone-toggle-label{font-size:12px;font-weight:600}.zone-toggle-label.active{color:#16a34a}.zone-toggle-label.inactive{color:#94a3b8}.zone-action-buttons{justify-content:flex-start!important;align-items:center!important;gap:8px!important;display:flex!important}.zone-action-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.zone-action-btn:hover{color:#111;background:#f3f4f6}.zone-view-btn{color:#0f172a!important}.zone-view-btn:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}.zone-delete-btn:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.zone-details-panel{box-sizing:border-box;z-index:1200;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;background:#fff;border-left:1px solid #dfe3e8;flex-direction:column;width:50%;min-width:480px;max-width:680px;height:calc(100dvh - 60px);animation:.2s zonePanelIn;display:flex;position:fixed;top:60px;bottom:0;right:0;overflow:hidden auto;box-shadow:-8px 0 30px #0000001f}@keyframes zonePanelIn{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.zone-details-header{box-sizing:border-box;z-index:500;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:70px;min-height:70px;padding:0 20px;display:flex;position:sticky;top:0}.zone-details-eyebrow{letter-spacing:.7px;color:#64748b;font-size:10px;font-weight:700;display:block}.zone-details-header h2{color:#172033;white-space:nowrap;text-overflow:ellipsis;max-width:360px;margin:4px 0 0;font-size:17px;font-weight:700;overflow:hidden}.zone-details-close-btn{color:red;cursor:pointer;background:#f1f3f5;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;transition:background .15s;display:flex}.zone-details-close-btn:hover{color:#0f172a;background:#e2e8f0}.zone-details-body{box-sizing:border-box;flex-direction:column;gap:20px;padding:20px;display:flex}.zone-details-hero{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:140px;padding:20px;display:flex;overflow:hidden}.zone-details-status-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.zone-details-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.zone-details-badge .badge-dot{border-radius:50%;width:7px;height:7px}.zone-details-badge.active{color:#15803d;background:#dcfce7}.zone-details-badge.active .badge-dot{background:#16a34a}.zone-details-badge.inactive{color:#dc2626;background:#fee2e2}.zone-details-badge.inactive .badge-dot{background:#ef4444}.zone-details-order-badge{color:#64748b;font-size:13px;font-weight:400}.zone-details-order-badge strong,.zone-details-order-badge span{color:#0f172a;font-weight:400}.zone-details-section{flex-direction:column;gap:8px;display:flex}.zone-details-section h4{color:#334155;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.zone-details-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.zone-detail-row{justify-content:flex-start;align-items:center;gap:0;display:flex}.zone-detail-row .detail-label{color:#64748b;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;min-width:100px;padding-right:12px;font-size:12.5px;font-weight:500}.zone-detail-value{color:#0f172a;font-size:13.5px;font-weight:400}.zone-detail-row.highlight-box{background:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-top:4px;padding:10px 12px}.zone-details-meta-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.zone-meta-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.zone-meta-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.3px;font-size:10px;font-weight:600}.zone-meta-value{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:400;overflow:hidden}.zone-details-actions{border-top:1px solid #e5e7eb;gap:10px;margin-top:10px;padding-top:16px;display:flex}.zone-details-edit-btn,.zone-details-delete-btn{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;height:42px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.zone-details-edit-btn{color:#fff;background:#0f172a;border:none}.zone-details-edit-btn:hover{background:#1e293b}.zone-details-delete-btn{color:#ef4444;background:#fff;border:1px solid #fecaca}.zone-details-delete-btn:hover{background:#fee2e2}.zone-overlay{-webkit-backdrop-filter:blur(4px);z-index:1200;background:#0f172a6b;justify-content:flex-end;align-items:flex-start;animation:.2s zoneFadeIn;display:flex;position:fixed;inset:0}@keyframes zoneFadeIn{0%{opacity:0}to{opacity:1}}.zone-form-panel{box-sizing:border-box;background:#fff;flex-direction:column;width:50%;min-width:480px;max-width:680px;height:100dvh;padding:24px 28px;animation:.25s cubic-bezier(.16,1,.3,1) zonePanelIn;display:flex;overflow:hidden auto;box-shadow:-8px 0 30px #00000026}.zone-form-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.zone-form-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.zone-form-header button{color:red;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .15s;display:flex}.zone-form-header button:hover{color:#0f172a;background:#e2e8f0}.zone-form-group{margin-bottom:20px}.zone-form-group>label{letter-spacing:.6px;color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.zone-form-group input,.zone-form-group textarea,.zone-form-group select{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d5dce5;border-radius:7px;outline:none;width:100%;font-size:14px;transition:all .2s}.zone-form-group input{height:44px;padding:0 13px}.zone-form-group select{cursor:pointer;height:44px;padding:0 13px}.zone-form-group input:focus,.zone-form-group select:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b14}.zone-form-group input::placeholder{color:#94a3b8}.zone-form-group input.zone-input-error,.zone-form-group select.zone-input-error{background:#fff8f8;border-color:#dc2626!important}.zone-form-group input.zone-input-error:focus,.zone-form-group select.zone-input-error:focus{box-shadow:0 0 0 3px #dc262614;border-color:#dc2626!important}.zone-field-error{color:#dc2626;margin-top:4px;font-size:12px;font-weight:500;display:block}.zone-edit-status-wrapper{width:100%;max-width:260px;position:relative}.zone-edit-status-button{color:#172033;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d6dce4;border-radius:6px;align-items:center;gap:8px;width:100%;height:34px;padding:0 9px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.zone-edit-status-button:hover{border-color:#94a3b8}.zone-edit-status-button.active{color:#166534}.zone-edit-status-button.inactive{color:#dc2626}.zone-edit-status-dot{border-radius:50%;width:8px;min-width:8px;height:8px}.zone-active-dot{background:#22c55e}.zone-inactive-dot{background:#ef4444}.zone-edit-status-arrow{color:#64748b;margin-left:auto;font-size:17px;transition:transform .2s}.zone-edit-status-arrow.open{transform:rotate(180deg)}.zone-edit-status-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 8px 20px #0f172a1a}.zone-edit-status-menu button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:9px;width:100%;height:38px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.zone-edit-status-menu button:hover{background:#f1f5f9}.zone-form-actions{border-top:1px solid #e5e7eb;gap:10px;width:100%;margin-top:24px;padding-top:16px;display:flex}.zone-discard-button,.zone-save-button{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;height:42px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.zone-save-button{color:#fff;background:#0f172a;border:none}.zone-save-button:hover:not(:disabled){background:#1e293b}.zone-discard-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.zone-discard-button:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.zone-save-button:disabled,.zone-discard-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=1200px){.zone-details-panel,.zone-form-panel{width:60%;min-width:460px;max-width:100vw}}@media (width<=900px){.zone-stat-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.zone-details-panel,.zone-form-panel{width:75%;min-width:400px;max-width:100vw}}@media (width<=768px){.zone-stat-grid{grid-template-columns:1fr}.zone-details-panel{width:100vw;min-width:0;max-width:100vw;height:calc(100dvh - 60px);box-shadow:none;border-left:none;padding-bottom:30px;inset:60px 0 0}.zone-form-panel{width:100vw;min-width:0;max-width:100vw;padding:20px 16px}.zone-details-meta-grid{grid-template-columns:1fr}}