:root{--brand-primary:#635bff;--brand-primary-hover:#5046e5;--brand-primary-active:#4338ca;--brand-primary-light:#f6f5ff;--color-bg-page:#f6f9fc;--color-bg-card:#fff;--color-sidebar:#1e1e2d;--color-text-primary:#1a1a2e;--color-text-secondary:#6b778c;--color-text-placeholder:#a1aabb;--color-text-disabled:#c1c7d0;--color-border:#e9edf2;--color-border-hover:#c1c7d0;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-warning:#d97706;--color-warning-bg:#fffbeb;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.12);--radius-sm:6px;--radius-md:8px}*{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}li{list-style:none;vertical-align:top}body,html{width:100%;min-width:1280px;background:var(--color-bg-page)!important}p{margin:0}#root,.main-container{height:100%}.clearfix:after{display:block;content:"clear";clear:both;line-height:0;visibility:hidden}#modal{position:fixed;width:100%;top:51%;padding-top:100%;transform:translateY(-50%);background:rgba(0,0,0,.12);z-index:1001}.reset-scrollbar::-webkit-scrollbar{width:0!important}.reset-scrollbar{-ms-overflow-style:none;overflow:-moz-scrollbars-none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:6px;background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::-webkit-scrollbar-track{border-radius:0;background:transparent}.ant-btn-primary{background:var(--brand-primary)!important;border-color:var(--brand-primary)!important}.ant-btn-primary:focus,.ant-btn-primary:hover{background:var(--brand-primary-hover)!important;border-color:var(--brand-primary-hover)!important}.ant-btn-primary:active{background:var(--brand-primary-active)!important;border-color:var(--brand-primary-active)!important}.ant-input{border-color:var(--color-border)!important}.ant-input:hover{border-color:var(--color-border-hover)!important}.ant-input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 2px rgba(99,91,255,.1)!important}.ant-table-thead>tr>th{background:#fafbfc!important;border-bottom:1px solid var(--color-border)!important;color:var(--color-text-secondary)!important;font-weight:500!important}.ant-table-tbody>tr>td{border-bottom:1px solid #f0f3f7!important}.ant-table-tbody>tr:hover>td{background:var(--color-bg-page)!important}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--color-border-hover)!important}.ant-select-focused:not(.ant-select-disabled) .ant-select-selector{border-color:var(--brand-primary)!important;box-shadow:0 0 0 2px rgba(99,91,255,.1)!important}.ant-switch-checked{background:var(--brand-primary)!important}.ant-tag.ant-tag-green{color:var(--color-success);background:var(--color-success-bg);border-color:#bbf7d0}.ant-tag.ant-tag-red{color:var(--color-error);background:var(--color-error-bg);border-color:#fecaca}.ant-tag.ant-tag-orange{color:var(--color-warning);background:var(--color-warning-bg);border-color:#fde68a}.ant-typography a,.content-wrapper a{color:var(--brand-primary)}.ant-typography a:hover,.content-wrapper a:hover{color:var(--brand-primary-hover)}.update-password-modal-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;padding:32px 36px;background:#fff;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,.15);z-index:1200}.update-password-modal-wrapper .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}.update-password-modal-wrapper .close-btn{position:absolute;right:20px;top:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#999;font-size:20px;border-radius:50%;transition:all .2s}.update-password-modal-wrapper .close-btn:after,.update-password-modal-wrapper .close-btn:before{content:"";position:absolute;width:18px;height:2px;background:#999;border-radius:2px}.update-password-modal-wrapper .close-btn:before{transform:rotate(45deg)}.update-password-modal-wrapper .close-btn:after{transform:rotate(-45deg)}.update-password-modal-wrapper .close-btn:hover{background:#f5f5f5}.update-password-modal-wrapper .close-btn:hover:after,.update-password-modal-wrapper .close-btn:hover:before{background:#001529}.update-password-modal-wrapper .modal-title-wrapper{text-align:center;margin-bottom:28px}.update-password-modal-wrapper .modal-title-wrapper h1{margin:0;font-weight:600;font-size:20px;color:#1a1f36}.update-password-modal-wrapper .modal-main-wrapper .form-inline{margin-top:20px}.update-password-modal-wrapper .modal-main-wrapper .form-inline label{display:block;font-size:14px;color:#595959;margin-bottom:8px;font-weight:500}.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password{width:100%;border-radius:6px;border-color:#d9d9d9;height:44px}.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password input{height:42px;border-radius:6px}.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password:focus,.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password:hover{border-color:#001529}.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password .ant-input{height:42px;border-radius:6px}.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password .ant-input:focus{box-shadow:none}.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password-icon{font-size:16px;color:#999}.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password-icon:hover{color:#001529}.update-password-modal-wrapper .modal-main-wrapper .btn-group{display:flex;grid-gap:12px;gap:12px;margin-top:32px}.update-password-modal-wrapper .modal-main-wrapper .btn-group button{flex:1 1;height:44px;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.update-password-modal-wrapper .modal-main-wrapper .btn-group button.cancel{background:#f5f5f5;color:#595959;border:1px solid #d9d9d9}.update-password-modal-wrapper .modal-main-wrapper .btn-group button.cancel:hover{background:#e8e8e8;color:#333}.update-password-modal-wrapper .modal-main-wrapper .btn-group button.sure{background:#001529;color:#fff}.update-password-modal-wrapper .modal-main-wrapper .btn-group button.sure:hover{background:#1890ff}.update-password-modal-wrapper .modal-main-wrapper .btn-group button.sure:active{transform:none}.custom-header{height:64px;background:#fff;border-bottom:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0;width:100%;box-sizing:border-box}.custom-header .header-left{flex-shrink:0}.custom-header .header-left .logo{display:flex;align-items:center;white-space:nowrap}.custom-header .header-left .logo .logo-icon{width:40px;height:40px;background:#1e1e2d;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0}.custom-header .header-left .logo .logo-icon .anticon{font-size:20px;color:#fff}.custom-header .header-left .logo .logo-text{display:flex;flex-direction:row;align-items:baseline;grid-gap:8px;gap:8px}.custom-header .header-left .logo .logo-text .title{font-size:16px;font-weight:600;color:#1a1a2e;line-height:1}.custom-header .header-left .logo .logo-text .sub{font-size:12px;color:#6b778c;line-height:1}.custom-header .header-right{flex-shrink:0}.custom-header .header-right .user-card{display:flex;align-items:center;padding:6px 14px 6px 8px;border-radius:32px;cursor:pointer;transition:all .3s;background:#f6f9fc;white-space:nowrap}.custom-header .header-right .user-card:hover{background:#e9edf2;box-shadow:0 2px 8px rgba(0,0,0,.08)}.custom-header .header-right .user-card .user-avatar{width:36px;height:36px;background:#635bff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;margin-right:10px;flex-shrink:0}.custom-header .header-right .user-card .user-avatar .anticon{color:#fff}.custom-header .header-right .user-card .user-info{display:flex;flex-direction:column;margin-right:10px}.custom-header .header-right .user-card .user-info .user-name{font-size:14px;font-weight:500;color:#1a1a2e;line-height:1.3}.custom-header .header-right .user-card .user-info .user-role{font-size:11px;color:#6b778c;line-height:1.3}.custom-header .header-right .user-card .arrow-icon{font-size:12px;color:#6b778c;transition:transform .3s}.custom-header .header-right .user-card:hover .arrow-icon{transform:rotate(180deg)}.header-dropdown-menu{background:#fff!important;border-radius:8px!important;box-shadow:0 8px 32px rgba(0,0,0,.12)!important;padding:8px!important;min-width:160px!important;border:1px solid #e9edf2!important}.header-dropdown-menu .menu-item{display:flex!important;align-items:center!important;padding:12px 16px!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;color:#6b778c!important;font-size:14px!important;margin:2px 0!important}.header-dropdown-menu .menu-item .menu-icon{margin-right:12px!important;font-size:16px!important;color:#6b778c!important;transition:color .2s ease!important}.header-dropdown-menu .menu-item span{color:inherit!important}.header-dropdown-menu .menu-item:hover{background:#f6f9fc!important;color:#1a1a2e!important}.header-dropdown-menu .menu-item:hover .menu-icon{color:#635bff!important}.header-dropdown-menu .menu-item.logout{color:#dc2626!important;margin-top:8px!important;padding-top:12px!important;border-top:1px solid #e9edf2!important}.header-dropdown-menu .menu-item.logout .menu-icon{color:#dc2626!important}.header-dropdown-menu .menu-item.logout:hover{background:#fef2f2!important;color:#b91c1c!important}.header-dropdown-menu .menu-item.logout:hover .menu-icon{color:#b91c1c!important}.header-dropdown-menu .menu-divider{display:none!important}.home-wrapper{padding:24px}.home-wrapper .welcome-section{background:#fff;border-radius:8px;padding:32px;margin-bottom:24px;color:#1a1a2e;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);border:1px solid #e9edf2}.home-wrapper .welcome-section .welcome-text{font-size:24px;font-weight:600;margin-bottom:8px;position:relative;z-index:1;color:#1a1a2e}.home-wrapper .welcome-section .welcome-sub{font-size:14px;color:#6b778c;position:relative;z-index:1}.home-wrapper .stats-row{margin-bottom:24px}.home-wrapper .stats-row .stat-card-wrapper:hover .stat-card{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.home-wrapper .stats-row .stat-card{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .2s;overflow:hidden;position:relative;border:1px solid #e9edf2}.home-wrapper .stats-row .stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.home-wrapper .stats-row .stat-card .ant-statistic{padding:8px 0}.home-wrapper .stats-row .stat-card .ant-statistic .ant-statistic-title{font-size:13px;color:#6b778c;margin-bottom:12px;font-weight:500}.home-wrapper .stats-row .stat-card .ant-statistic .ant-statistic-content{display:flex;align-items:center}.home-wrapper .stats-row .stat-card .ant-statistic .ant-statistic-content .ant-statistic-content-value{font-size:32px;font-weight:700;color:#1a1a2e}.home-wrapper .stats-row .stat-card .stat-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:48px;opacity:.08;color:var(--card-color)}.home-wrapper .order-card{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.04);border:1px solid #e9edf2;overflow:hidden}.home-wrapper .order-card .ant-card-head{border-bottom:1px solid #e9edf2;padding:20px 24px}.home-wrapper .order-card .ant-card-head .ant-card-head-title{font-weight:600;font-size:16px;color:#1a1a2e}.home-wrapper .order-card .ant-card-body{padding:16px 24px}.home-wrapper .order-card .ant-table .ant-table-thead>tr>th{background:#fafbfc;font-weight:500;font-size:13px;color:#6b778c;padding:12px 16px}.home-wrapper .order-card .ant-table .ant-table-tbody>tr>td{font-size:13px;color:#1a1a2e;padding:12px 16px;border-bottom:1px solid #f0f3f7}.home-wrapper .order-card .ant-table .ant-table-tbody>tr:hover>td{background:#f6f9fc}.home-wrapper .order-card .ant-card-extra a{color:#635bff;font-size:13px;font-weight:500}.home-wrapper .order-card .ant-card-extra a:hover{color:#5046e5}.home-wrapper .quick-link-card{border:1px solid #e9edf2;border-radius:8px;text-align:center;transition:all .3s;cursor:pointer}.home-wrapper .quick-link-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.home-wrapper .quick-link-card .quick-link-icon{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:#f6f9fc}.home-wrapper .quick-link-card .quick-link-icon i{font-size:24px;color:#6b778c}.home-wrapper .quick-link-card .quick-link-text{font-size:14px;color:#1a1a2e;font-weight:500}.left-sidebar{height:100%;background:#1e1e2d;border-right:1px solid #e8e8e8}.left-sidebar .sidebar-logo{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsla(0,0%,100%,.08)}.left-sidebar .sidebar-logo .logo-text{font-size:16px;font-weight:600;color:#fff;letter-spacing:1px}.left-sidebar .ant-menu{border-right:none;background:#1e1e2d!important;padding:8px}.left-sidebar .ant-menu>.ant-menu-item{margin:2px 0!important;border-radius:6px;height:40px!important;line-height:40px!important;color:hsla(0,0%,100%,.7)!important;font-size:14px!important}.left-sidebar .ant-menu>.ant-menu-item:hover{background:hsla(0,0%,100%,.06)!important;color:#fff!important}.left-sidebar .ant-menu>.ant-menu-item .anticon{font-size:15px;margin-right:10px;color:hsla(0,0%,100%,.5)}.left-sidebar .ant-menu>.ant-menu-submenu>.ant-menu-submenu-title{margin:2px 0!important;border-radius:6px;height:40px!important;line-height:40px!important;color:hsla(0,0%,100%,.7)!important;font-size:14px!important}.left-sidebar .ant-menu>.ant-menu-submenu>.ant-menu-submenu-title:hover{background:hsla(0,0%,100%,.06)!important;color:#fff!important}.left-sidebar .ant-menu>.ant-menu-submenu>.ant-menu-submenu-title .anticon{font-size:15px;margin-right:10px;color:hsla(0,0%,100%,.5)}.left-sidebar .ant-menu .ant-menu-item-selected{background:rgba(99,91,255,.2)!important;color:#fff!important;border-left:3px solid #635bff!important}.left-sidebar .ant-menu .ant-menu-item-selected .anticon{color:#fff!important}.left-sidebar .ant-menu .ant-menu-inline{background:rgba(0,0,0,.15)!important;border-radius:6px;padding:4px 0;box-shadow:none;margin:0 8px}.left-sidebar .ant-menu .ant-menu-inline>.ant-menu-item{height:34px!important;line-height:34px!important;border-radius:6px;font-size:13px!important;color:hsla(0,0%,100%,.6)!important;margin:0!important}.left-sidebar .ant-menu .ant-menu-inline>.ant-menu-item:hover{color:hsla(0,0%,100%,.9)!important;background:hsla(0,0%,100%,.04)!important}.left-sidebar .ant-menu .ant-menu-inline>.ant-menu-item-selected{background:rgba(99,91,255,.15)!important;color:#fff!important;border-left:none!important}.main-layout{height:100%;width:100%;font-size:16px;overflow:hidden}.main-layout>.ant-layout{height:100%;overflow:hidden;display:flex;flex-direction:column}.main-layout>.ant-layout>.ant-layout{display:flex;flex-direction:row;flex:1 1;overflow:hidden}.main-layout>.ant-layout .ant-layout-content{margin:16px;padding:0;background-color:#f5f7fa;min-height:calc(100vh - 104px);border-radius:8px;overflow:auto;flex:1 1}.main-layout>.ant-layout .ant-layout-sider{background:transparent!important;overflow:hidden;width:220px!important;min-width:220px!important;max-width:220px!important;box-shadow:2px 0 4px rgba(0,0,0,.04);padding-top:0;flex-shrink:0}.ant-popover-content .ant-popover-inner{max-height:500px;overflow:auto}.ant-advanced-search-form .ant-form-item{margin-bottom:2px}.ant-table-wrapper .ant-table-body-outer{margin-bottom:-16px!important}.pagination-box{padding:9px;text-align:right}.ant-calendar-month-panel-next-year-btn:after,.ant-calendar-month-panel-next-year-btn:before,.ant-calendar-month-panel-prev-year-btn:after,.ant-calendar-month-panel-prev-year-btn:before{border:0 solid #e40e0e!important;border-width:2px 0 0 2px!important}.ant-table-wrapper th{background-color:#fafafa!important;font-weight:500!important;color:#333!important;font-size:13px}.ant-table-wrapper th i{color:#666!important}.ant-table-wrapper .ant-table-thead>tr>th{padding:10px 16px}.ant-table-wrapper .ant-table-tbody>tr>td{padding:10px 16px;font-size:13px}.ant-form-item{margin-bottom:6px}.ml-10{margin-left:10px}.ml-10 span{margin:0 2px;font-weight:700}.ml-4{margin-left:4px}.ant-card{border-radius:8px}.ant-card.ant-card-bordered{border-color:#f0f0f0}.ant-btn-primary{background:#001529;border:none}.ant-btn-primary:hover{background:#1890ff}