.sidebar{height:100vh;position:fixed!important;left:0;z-index:10;background-color:#fff!important;box-shadow:2px 0 8px #0000000f}.logo-container{height:var(--topnav-height);display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid var(--border-light)}.ant-menu{background-color:#fff!important;color:#6a6a6a!important;border-inline-end:none!important}.ant-menu-item,.ant-menu-submenu-title{color:#6a6a6a!important;background-color:transparent!important}.ant-menu-item-selected{color:#1a43db!important;background-color:transparent!important}.ant-menu-item:hover,.ant-menu-submenu-title:hover{background-color:transparent!important;color:#1a43db!important}.ant-menu-submenu-arrow{color:#6a6a6a!important}.ant-menu-submenu:hover .ant-menu-submenu-arrow{color:#1a43db!important}.menu-item-content{display:flex;align-items:center;gap:12px;color:#6a6a6a}.menu-item-title{transition:opacity .3s,transform .3s;white-space:nowrap}.ant-layout-sider-collapsed .menu-item-title{display:none}.ant-layout-sider-collapsed .ant-menu-item,.ant-layout-sider-collapsed .ant-menu-submenu-title{padding:0 28px!important;justify-content:center}.sidebar-drawer .ant-drawer-body{padding:0}@media screen and (max-width: 768px){.sidebar{display:none}.sidebar-drawer .ant-drawer-content{background-color:#fff}.ant-drawer-content-wrapper{width:250px!important}}.header{padding:0 1.5rem;background:var(--bg-dark);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;height:var(--topnav-height);position:sticky;top:0;width:100%;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.75rem}.trigger-button{display:flex;align-items:center;justify-content:center;padding:.5rem}.notification-badge{cursor:pointer}.notification-dropdown{min-width:300px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;overflow:hidden}.notification-scroll-wrapper{max-height:250px;overflow-y:auto;padding:.5rem 0}.notification-scroll-wrapper::-webkit-scrollbar{width:6px}.notification-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.notification-item{display:flex;align-items:flex-start;padding:.75rem;gap:.75rem;border-bottom:1px solid #f0f0f0}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);margin-top:.5rem}.notification-dot.unread{background:var(--primary-blue)}.notification-content{flex:1}.notification-title{font-weight:500;margin-bottom:.25rem;color:var(--primary-blue)}.notification-message{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.notification-time{color:var(--text-tertiary);font-size:.75rem}.notification-footer{padding:.75rem;border-top:1px solid #eee;text-align:center;background-color:#fff;position:sticky;bottom:0;z-index:10}.profile-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;transition:background-color .2s}.profile-container:hover{background:var(--secondary-color)}.profile-avatar{background:var(--text-primary)}.profile-name{color:var(--text-primary);font-weight:500}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;color:var(--text-primary)}.ant-dropdown-menu-title-content .dropdown-item,.ant-dropdown-menu-title-content .dropdown-item:hover{color:var(--primary-color)}@media (max-width: 768px){.header{padding:0 1rem}.desktop-only,.profile-name{display:none}}.dashboard-container{width:100%}.dashboard-container .ant-tabs .ant-tabs-tab-btn,.dashboard-container .ant-tabs .ant-tabs-tab-btn:focus:not(:focus-visible){color:#000}.dashboard-container .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-button)}.dashboard-container .ant-tabs .ant-tabs-ink-bar{background-color:var(--primary-button)}.page-title{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--text-primary)}.stat-card{height:100%;display:flex;flex-direction:column;background:var(--primary-blue)!important}.stat-card .ant-card-body{padding:20px;display:flex;align-items:center;height:100%}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;margin-right:16px}.stat-content{flex:1}.stat-title{color:var(--primary-color);font-size:14px;margin-bottom:8px}.stat-value{font-size:24px;font-weight:600;color:var(--primary-color);margin-bottom:4px}.stat-change{font-size:12px;display:flex;align-items:center}.stat-change.positive,.stat-change.negative{color:var(--primary-color)}.table-card .ant-card-head{background-color:var(--bg-card);border-bottom:1px solid var(--border-light)}.table-card .ant-card-head-title{color:var(--text-primary)}.orders-table .ant-table{background-color:transparent}.orders-table .ant-table-thead>tr>th{background-color:var(--bg-card);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.orders-table .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.orders-table .ant-table-tbody>tr:hover>td{background-color:#ffffff0a;color:var(--primary-color)}.chart-card{height:100%}.chart-card .ant-card-head{background-color:var(--bg-card);border-bottom:1px solid var(--border-light)}.chart-card .ant-card-head-title{color:var(--text-primary)}.chart-placeholder{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary)}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;width:80%;height:200px;margin-top:20px}.chart-bar{width:40px;background-color:var(--primary-color);border-radius:4px 4px 0 0;transition:height .3s ease}.product-list{display:flex;flex-direction:column;gap:16px}.product-item{display:flex;flex-direction:column;gap:8px}.product-info{display:flex;justify-content:space-between}.product-name{color:var(--text-primary);font-weight:500}.product-category{color:var(--text-tertiary);font-size:12px}.product-sales{display:flex;align-items:center;gap:8px}.product-percent{color:var(--text-secondary);font-size:14px;width:40px}.progress-bar{flex:1;height:6px;background-color:#ffffff14;border-radius:3px;overflow:hidden}.progress{height:100%;background-color:var(--primary-color);border-radius:3px}@media screen and (max-width: 767px){.chart-card{height:auto}.chart-placeholder{height:200px}.chart-bars{width:100%;height:150px}.chart-bar{width:30px}}.golden-bg{background:var(--primary-button)!important}.page-container{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}p{font-size:17px;font-weight:600;color:var(--text-secondary);margin:0}.table-card{border-radius:8px;overflow:hidden}.table-toolbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px}.action-button{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:color .3s}.action-button.edit:hover{color:var(--primary-color)}.action-button.delete:hover{color:var(--error-color)}.data-table .ant-table{background-color:transparent}.data-table .ant-table-thead>tr>th{background-color:var(--bg-card);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.data-table .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.data-table .ant-table-tbody>tr:hover>td{background-color:#ffffff0a;color:var(--primary-color)}.ant-pagination-item{background-color:var(--bg-card)!important;border-color:var(--border-light)!important}.ant-pagination-item a{color:var(--text-secondary)!important}.ant-pagination-item-active{border-color:var(--primary-button)!important}.ant-pagination-item-active a{color:var(--primary-button)!important}.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link{background-color:var(--bg-card)!important;border-color:var(--border-light)!important;color:var(--text-secondary)!important}.form-container{max-width:800px}.form-card{border-radius:8px;overflow:hidden}.form-card .ant-card-head{background-color:var(--bg-card);border-bottom:1px solid var(--border-light)}.form-card .ant-card-head-title{color:var(--text-primary)}.form-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.custom-input{margin-bottom:16px;color:var(--text-primary)!important;border:0!important;font-weight:700;padding:0!important}.user-info-row .document-list{margin-top:8px;color:var(--text-primary)!important;padding:0!important}.page-container label{color:var(--text-primary);margin:0 0 10px;display:inline-block}.user-info-row h4{color:var(--text-primary);font-size:18px;font-style:normal;font-weight:400;line-height:100%;text-transform:uppercase;margin:25px 0 15px}.excel-responsive-wrapper{overflow-x:auto;width:100%}.excel-table{width:100%;border-collapse:collapse;margin-bottom:25px;min-width:600px}.excel-table th,.excel-table td{border:1px solid #000;padding:8px;text-align:left;color:var(--text-primary);min-width:100px}.excel-table td label span{font-weight:700}.custom-invoice-field{width:100%;border:none;outline:none;box-shadow:none;background-color:transparent;color:var(--text-primary)!important;padding:10px 15px;text-align:center;-moz-appearance:textfield}.custom-invoice-field::-webkit-outer-spin-button,.custom-invoice-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.excel-table td:has(.ant-input){padding:0}.excel-responsive-wrapper .ant-input-outlined:focus,.excel-responsive-wrapper .ant-input-outlined:hover{background-color:transparent!important;box-shadow:none!important}.anticon{color:var(--text-primary)!important}.ant-btn-icon .anticon{color:var(--primary-color)!important}.date-carousel{display:flex;flex:1;overflow-x:hidden;gap:8px}.date-carousel button{flex:1 1 auto;min-width:80px;height:75px;white-space:nowrap}.calender .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--text-primary)}.active-date{background:var(--primary-button-hover);border:2px solid var(--primary-button-hover);filter:drop-shadow(0px 4px 40px rgba(0,0,0,.1));padding:24px 12px;color:var(--primary-color);font-size:18px;font-style:normal;font-weight:500;line-height:normal}.inactive-date{background:var(--primary-color);border:2px solid var(--text-primary);filter:drop-shadow(0px 4px 40px rgba(0,0,0,.1));padding:24px 12px;color:var(--text-primary);font-size:18px;font-style:normal;font-weight:500;line-height:normal}::-moz-placeholder{color:var(--text-primary)!important}::placeholder{color:var(--text-primary)!important}.ant-picker-outlined:focus-within,.ant-picker-outlined:hover,.ant-picker-outlined{background:var(--primary-color)!important;color:var(--text-primary)!important}.page-container .tab-container .ant-tabs{border-bottom:none}.page-container .tab-container .ant-tabs-nav{border:none!important;margin:0 0 25px}.page-container .tab-container .ant-tabs-nav-list{display:flex;justify-content:flex-start;gap:12px}.page-container .tab-container .ant-tabs-tab{padding:15px 30px;border:none;border-radius:6px;background-color:#fff;color:#b3b3b3;transition:all .3s ease;font-weight:600}.page-container .tab-container .ant-tabs-tab-active{background-color:#1e44d3;color:#fff!important}.page-container .tab-container .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.page-container .tab-container .ant-tabs-tab:hover{background-color:#1e44d3;color:#fff}.page-container .tab-container .ant-tabs-ink-bar{display:none!important}.page-container .tab-container .ant-tabs-nav:before{border-bottom:none}@media screen and (max-width: 767px){.page-header,.table-toolbar{flex-direction:column;align-items:flex-start;gap:16px}.ant-table{overflow-x:auto}}:root{--primary-color: #ffffff;--secondary-color: #f0f0f0;--accent-color: #c1a080;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--primary-button: #1e44d3;--primary-button-hover: #e89b00;--primary-blue: #1677ff;--bg-dark: #ffffff;--bg-sidebar: #fff;--bg-card: #f5f5f5;--bg-dropdown: #f5f5f5;--text-primary: #000000;--text-secondary: #6A6A6A;--text-tertiary: rgba(0, 0, 0, .65);--text-disabled: rgba(0, 0, 0, .3);--border-color: rgba(0, 0, 0, .12);--border-light: rgba(0, 0, 0, .06);--shadow-color: rgba(0, 0, 0, .1);--shadow-light: rgba(0, 0, 0, .06);--sidebar-width: 250px;--sidebar-collapsed-width: 80px;--topnav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;-o-object-fit:cover;object-fit:cover}.text-danger{color:var(--error-color)!important}.dangerbg{background:var(--error-color)!important;border:1px solid var(--error-color)!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.d-flex{display:flex!important}.felx-start{justify-content:flex-start!important}.felx-end{justify-content:flex-end!important}.align-self-center{align-self:center}.justify-content-space-between{justify-content:space-between!important}.mainbtn{border-radius:6px;border:1px solid #1e44d3;background:#1e44d3;color:#fff!important;height:auto;min-width:150px;text-transform:uppercase;padding:8px 20px;box-shadow:0 4px 11px #0000001f;transition:all .5s ease-in-out}.mainbtn span.svgbg,span.svgbg{padding:6px 8px;border-radius:50%;background:#fff;width:30px}.mainbtn svg{fill:#1e44d3;transition:all .5s ease-in-out}.mainbtn:hover{border:1px solid #e89b00!important;background:#e89b00!important;transition:all .5s ease-in-out}.mainbtn:hover svg{fill:#e89b00;transition:all .5s ease-in-out}.ant-layout{background-color:var(--bg-card)!important}.ant-layout-sider{background-color:var(--primary-color)!important}.ant-layout-header{background-color:var(--bg-dark)!important;border-bottom:1px solid var(--border-light)}.ant-modal .ant-modal-content{background-color:var(--primary-color)!important}.ant-menu{background-color:var(--bg-sidebar)!important;color:#fff!important}.ant-menu-item-selected{background-color:var(--secondary-color)!important;color:var(--bg-dark)!important}.ant-menu-item:hover,.ant-menu-submenu-title:hover{background-color:transparent!important;color:var(--primary-blue)!important}.ant-dropdown-menu{background-color:var(--text-primary)!important;border:1px solid var(--border-color)}.ant-dropdown-menu-item:hover{background-color:transparent!important;color:var(--primary-blue)!important}.ant-card{background-color:var(--bg-card);border:1px solid var(--border-light)}.ant-btn-primary{background-color:var(--primary-button)!important;color:var(--primary-color)!important;border-color:var(--primary-color)!important;padding:20px 25px!important;border-radius:6px!important;box-shadow:0 4px 11px #0000001f!important}.ant-btn-primary:hover{background-color:var(--primary-button-hover)!important;border-color:var(--primary-color)!important}.transition-all{transition:all .3s ease}.dropdown-item{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px}.dropdown-item:hover{background-color:transparent;color:var(--primary-blue)}.badge{position:absolute;top:8px;right:8px;min-width:18px;height:18px;padding:0 6px;font-size:12px;line-height:18px;border-radius:9px;background-color:var(--error-color);color:#fff;text-align:center}.logo-container svg{width:76px}button.drawer-close-btn{position:absolute;right:12px;top:23px;z-index:99999;background:transparent;border:0}@media screen and (max-width: 767px){:root{--sidebar-width: var(--sidebar-collapsed-width)}}@media screen and (max-width: 480px){:root{--sidebar-width: 0px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:url(../public/images/login-bg.png) no-repeat center top;background-size:cover}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f;width:100%;max-width:420px;padding:2rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.auth-header p{color:#6b7280;margin:0}.auth-form .ant-form-item-label>label{font-weight:500;color:#374151}.auth-form .ant-checkbox-label{color:var(--text-primary)}.auth-form .ant-form-item-label>label:after{content:"*";color:#ef4444;margin-left:2px}.auth-form .ant-input,.auth-form .ant-input-password{height:42px;border-radius:6px;padding:10px 12px}.form-row .ant-select-selector,.form-col .ant-select-selector{height:42px!important;display:flex;align-items:center;color:var(--primary-color);background-color:var(--text-primary)}.page-container .ant-select-selector{height:42px!important;display:flex;align-items:center;color:var(--text-primary)!important;background-color:var(--primary-color)!important}.page-container .ant-input-outlined,.ant-modal-body .ant-input-outlined,.page-container .ant-input-number-input{color:var(--text-primary)!important;background-color:var(--primary-color)!important}.page-container .ant-card-body .ant-input-outlined{background:transparent!important}.page-container .ant-select-single.ant-select-open .ant-select-selection-item,.page-container .ant-form-item .ant-form-item-label>label{color:var(--text-primary)!important}.page-container .ant-typography.ant-typography-secondary,.page-container .ant-upload-text,.ant-modal-body .ant-typography{color:var(--text-primary)!important}.auth-form .ant-upload.ant-upload-select{width:100%}.auth-form .ant-input:focus,.auth-form .ant-input-password:focus{box-shadow:0 0 0 2px #2563eb33}.auth-button{height:42px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;margin-top:1rem}.auth-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.signup-container .auth-card{max-width:720px}.form-row{display:flex;gap:1rem;margin-bottom:0}.form-col{flex:1}.upload-button{width:100%;height:42px;border:1px dashed #d1d5db;background:#f9fafb}.upload-button:hover{border-color:#2563eb;color:#2563eb}.auth-prompt{text-align:center;margin-top:1rem;color:#6b7280}.auth-link{padding:0;height:auto;font-weight:500}.ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:#2563eb}.password-filed-login input{margin-top:-10px}@media (max-width: 640px){.form-row{flex-direction:column;gap:0}.auth-card{padding:1.5rem}}