@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-layout{min-height:100vh}.dashboard-header{background:#fff;box-shadow:0 1px 4px #0000000d;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:6}.dashboard-header,.header-left{align-items:center;display:flex}.header-title{margin:0 0 0 12px}.menu-trigger{align-items:center;display:flex;font-size:18px;height:40px;justify-content:center;padding:0 12px}.dashboard-content{background:#f5f5f5;min-height:calc(100vh - 120px);padding:24px}.dashboard-footer{background:#fff;border-top:1px solid #e0e0e0;padding:16px;text-align:center}.sidebar{box-shadow:2px 0 8px #0000001a;transition:all .2s}.sidebar::-webkit-scrollbar{background:#0000;width:0}.sidebar-logo{background:#fff;border-bottom:1px solid #e0e0e0;height:64px;justify-content:space-between;padding:0 16px}.sidebar-close,.sidebar-logo{align-items:center;display:flex}.sidebar-close{border-radius:4px;font-size:16px;height:32px;justify-content:center;width:32px}.user-dropdown{align-items:center;cursor:pointer;display:flex}.user-dropdown-name{margin-right:8px}.content-container{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;min-height:280px;padding:24px}.sidebar-overlay{transition:all .3s}@media (max-width:768px){.content-container,.dashboard-content{padding:16px}.header-title{display:none;font-size:16px}.menu-trigger{padding:0 8px}}.login-page{align-items:center;background-color:#f5f5f5;display:flex;height:100vh;justify-content:center}.login-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;max-width:500px;padding:40px;width:100%}.login-logo h1{color:var(--primary-color);font-size:28px;font-weight:700;margin:0}.login-logo p{color:var(--text-secondary);margin-top:8px}.login-form-button{height:40px;margin-top:16px;width:100%}.login-form-forgot{float:right}.login-error{color:var(--error-color);margin-bottom:16px;text-align:center}.categories-page{padding:20px}.categories-table .ant-btn{padding:0}.categories-table{min-width:100%}@media (max-width:768px){.categories-page{padding:12px}.page-header{margin-bottom:16px}.action-buttons{justify-content:flex-start;margin-top:8px}.table-card{border-radius:4px;margin-bottom:16px}.table-card .ant-card-body{padding:8px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:8px;white-space:nowrap}.ant-table-cell .ant-space{gap:4px!important}.ant-typography{font-size:.9rem}.ant-card-head-title{font-size:1rem}.ant-breadcrumb{font-size:.8rem;margin-bottom:.5rem}}.category-form-page{width:100%}.back-button{margin-bottom:16px}@media (max-width:768px){.form-card{max-width:100%}}.image-preview-modal{text-align:center}.image-preview-modal .ant-modal-content{background:#000c;border-radius:8px;margin:0 auto;max-height:90vh;max-width:90vw;min-width:300px;overflow:hidden;padding:20px;position:relative;width:auto!important}.image-preview-modal .ant-modal-close{align-items:center;background:#00000080;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;width:32px;z-index:1600}.image-preview-modal .ant-modal-close-x{color:#fff;font-size:20px;font-weight:700;line-height:1}.carousel-container{height:100%;max-height:80vh;position:relative}.single-image-container{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto}.preview-image{display:block;margin:0 auto;max-height:70vh}.carousel-item{height:70vh}.custom-arrow{align-items:center;background:#0009;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:1500}.custom-arrow:hover{background:#000c;color:#1890ff}.prev-arrow{left:20px}.next-arrow{right:20px}.custom-arrow .anticon{display:block;font-size:20px}.carousel-counter{background:#0009;border-radius:12px;bottom:10px;color:#fff;font-size:12px;left:50%;padding:4px 10px;position:absolute;transform:translateX(-50%)}.image-preview-modal .ant-carousel{width:100%}.image-preview-modal .ant-carousel .slick-dots{bottom:-25px}.image-preview-modal .ant-carousel .slick-dots li button{background:#d9d9d9}.image-preview-modal .ant-carousel .slick-dots li.slick-active button{background:#1890ff}@media (max-width:768px){.image-preview-modal .ant-modal-content{margin:0 10px;padding:10px}.carousel-item{height:50vh}.preview-image{max-height:50vh}.custom-arrow{height:36px;width:36px}.prev-arrow{left:10px}.next-arrow{right:10px}}.products-page{padding:20px}.products-table .ant-btn{padding:0}.ant-table-wrapper{width:100%}.products-table{min-width:100%}.responsive-table .ant-table-tbody>tr>td{white-space:normal;word-break:break-word}@media (max-width:992px){.hide-on-mobile{display:none}}@media (max-width:768px){.products-page{padding:12px}.page-header{margin-bottom:16px}.action-buttons{justify-content:flex-start;margin-top:8px}.table-card{border-radius:4px;margin-bottom:16px}.table-card .ant-card-body{padding:8px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:8px;white-space:nowrap}.ant-table-cell .ant-space{gap:4px!important}.ant-typography{font-size:.9rem}.ant-card-head-title{font-size:1rem}.ant-breadcrumb{font-size:.8rem;margin-bottom:.5rem}.page-actions .ant-btn{font-size:.9rem;height:32px;padding:0 10px}}@media (max-width:480px){.ant-btn{align-items:center;display:flex;justify-content:center;min-height:36px;min-width:36px}.ant-table-tbody .ant-btn{padding:4px}.ant-pagination-item,.ant-pagination-next,.ant-pagination-prev{height:30px;line-height:30px;min-width:30px}}.ant-auto-complete-dropdown,.ant-select-dropdown.ant-select-dropdown-placement-bottomLeft{-webkit-overflow-scrolling:touch;max-height:300px}.ant-auto-complete-dropdown .ant-select-item{padding:10px 12px}.category-filter .ant-auto-complete-dropdown,.category-filter .ant-select-dropdown{z-index:1050}.category-filter{width:100%}.react-select__control{min-height:32px}.react-select__value-container{padding:0 8px}.react-select__menu{z-index:1050}.react-select__indicators{height:32px}.product-form-page{width:100%}.form-card{max-width:800px;width:100%}.loading-container{height:200px}.existing-images-grid{width:100%}.existing-image-item{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:4px}.existing-image-item,.image-preview-wrapper{overflow:hidden;position:relative;width:100%}.image-preview-wrapper{cursor:pointer;height:104px}.image-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-hover-overlay{align-items:center;background-color:#00000080;color:#fff;display:flex;font-size:20px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.image-preview-wrapper:hover .image-thumbnail{transform:scale(1.1)}.image-preview-wrapper:hover .image-hover-overlay{opacity:1}.delete-image-btn{align-items:center;background:none;border:none;box-shadow:0 0 5px #0000004d;display:flex;height:28px;justify-content:center;opacity:.9;padding:0;position:absolute;right:4px;top:4px;transition:all .2s;width:28px;z-index:5}.delete-image-btn .anticon{color:#ff4d4f;filter:drop-shadow(0 0 1px white);font-size:16px}.delete-image-btn:hover{background:#fff3;opacity:1;transform:scale(1.1)}.image-preview-modal .ant-modal-header{display:none}.image-preview-modal .ant-modal-content{background-color:#fafafa;padding:0}.image-preview-modal .ant-modal-body{padding:0}.image-preview-modal .ant-modal-close{right:10px;top:10px}.carousel-container{background-color:#fafafa;width:100%}.carousel-item{align-items:center;background-color:#fafafa;display:flex!important;height:500px;justify-content:center;padding:20px}.preview-image{max-height:500px;max-width:100%;object-fit:contain}.category-select,.custom-select-wrapper{width:100%}.react-select__control{border-color:#d9d9d9;border-radius:2px;box-shadow:none}.react-select__control:hover{border-color:#40a9ff}.react-select__control--is-focused{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.react-select__menu{border-radius:2px;z-index:100}.react-select__option--is-focused{background-color:#f5f5f5}.react-select__option--is-selected{background-color:#1890ff}.react-select__placeholder{color:#bfbfbf}@media (max-width:768px){.form-card{max-width:100%}.image-preview-wrapper{height:80px}.carousel-item{height:300px}.preview-image{max-height:300px}}.users-page{padding:20px}.table-actions-row{margin-bottom:16px}.action-buttons{display:flex;justify-content:flex-end}.table-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.responsive-table{overflow-x:auto}.users-table{min-width:100%}@media (max-width:768px){.users-page{padding:12px}.page-header{margin-bottom:16px}.action-buttons{justify-content:flex-start;margin-top:8px}.table-card{border-radius:4px;margin-bottom:16px}}.user-form-page{padding:20px}.form-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:300px}@media (max-width:768px){.user-form-page{padding:12px}.form-card,.page-header{margin-bottom:16px}.form-card{border-radius:4px}}:root{--primary-color:#1976d2;--secondary-color:#f5f5f5;--text-primary:#333;--text-secondary:#666;--background-color:#fff;--hover-color:#e8f4fd;--border-color:#e0e0e0;--success-color:#4caf50;--error-color:#f44336;--warning-color:#ff9800;--font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--box-shadow:0 2px 8px #0000001a;--transition:all 0.3s ease;--border-radius:4px;--content-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary);font-family:var(--font-family);line-height:1.5}a{text-decoration:none;transition:var(--transition)}a,a:hover{color:var(--primary-color)}a:hover{opacity:.8}.container{margin:0 auto;max-width:var(--content-width);padding:0 20px}.page-header{margin-bottom:24px}.page-title{color:var(--text-primary);font-size:24px;font-weight:600}.page-subtitle{color:var(--text-secondary);font-size:16px;margin-top:8px}.text-center{text-align:center}.flex-center{align-items:center;display:flex;justify-content:center}.full-height{min-height:100vh}.login-container{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:500px;padding:40px;width:100%}.login-logo,.login-title{margin-bottom:24px;text-align:center}.login-title{font-size:24px;font-weight:600}.ant-btn-primary{background-color:var(--primary-color)}.ant-layout{min-height:100vh}.ant-layout-sider{background-color:#fff;box-shadow:0 2px 8px #0000001a}.ant-menu-item-selected{background-color:var(--hover-color)!important}.logo-container{align-items:center;background-color:#fff;box-shadow:0 1px 0 #0000000f;display:flex;height:64px;justify-content:center;padding:0 16px}.logo{color:var(--primary-color);font-size:18px;font-weight:700;height:32px}.header-right{align-items:center;display:flex}