*{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}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:10px}::-webkit-scrollbar-thumb{border-radius:7px;-webkit-box-shadow:inset 0 0 5px #d8d8d8;background:#d8d8d8}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #eee;border-radius:0;background:#eee}.update-password-modal-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;padding:32px 36px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);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 .3s}.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:#667eea}.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:10px;border-color:#e8e8e8;height:44px}.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password input{height:42px;border-radius:10px}.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:#667eea}.update-password-modal-wrapper .modal-main-wrapper .form-inline .ant-input-password .ant-input{height:42px;border-radius:10px}.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:#667eea}.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:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;border:none}.update-password-modal-wrapper .modal-main-wrapper .btn-group button.cancel{background:#f5f5f5;color:#595959;border:1px solid #e8e8e8}.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:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px rgba(102,126,234,.3)}.update-password-modal-wrapper .modal-main-wrapper .btn-group button.sure:hover{background:linear-gradient(135deg,#5a71d6,#6a4190);box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.update-password-modal-wrapper .modal-main-wrapper .btn-group button.sure:active{transform:translateY(0)}.custom-header{height:64px;background:#fff;border-bottom:1px solid #f0f0f0;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:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:14px;box-shadow:0 4px 12px rgba(102,126,234,.3);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:#1a1f36;line-height:1}.custom-header .header-left .logo .logo-text .sub{font-size:12px;color:#999;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:#fafafa;white-space:nowrap}.custom-header .header-right .user-card:hover{background:#f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.custom-header .header-right .user-card .user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);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:#333;line-height:1.3}.custom-header .header-right .user-card .user-info .user-role{font-size:11px;color:#999;line-height:1.3}.custom-header .header-right .user-card .arrow-icon{font-size:12px;color:#999;transition:transform .3s}.custom-header .header-right .user-card:hover .arrow-icon{transform:rotate(180deg)}.header-dropdown-menu{background:#fff!important;border-radius:12px!important;box-shadow:0 8px 32px rgba(0,0,0,.15)!important;padding:8px!important;min-width:160px!important;border:1px solid #f0f0f0!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:#595959!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:#8c8c8c!important;transition:color .2s ease!important}.header-dropdown-menu .menu-item span{color:inherit!important}.header-dropdown-menu .menu-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;color:#667eea!important}.header-dropdown-menu .menu-item:hover .menu-icon{color:#667eea!important}.header-dropdown-menu .menu-item.logout{color:#ff4d4f!important;margin-top:8px!important;padding-top:12px!important;border-top:1px solid #f0f0f0!important}.header-dropdown-menu .menu-item.logout .menu-icon{color:#ff4d4f!important}.header-dropdown-menu .menu-item.logout:hover{background:rgba(255,77,79,.08)!important;color:#ff7875!important}.header-dropdown-menu .menu-item.logout:hover .menu-icon{color:#ff7875!important}.header-dropdown-menu .menu-divider{display:none!important}.home-wrapper{padding:24px}.home-wrapper .welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:32px;margin-bottom:24px;color:#fff;position:relative;overflow:hidden}.home-wrapper .welcome-section:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:hsla(0,0%,100%,.1);border-radius:50%}.home-wrapper .welcome-section:after{content:"";position:absolute;bottom:-30%;left:10%;width:200px;height:200px;background:hsla(0,0%,100%,.05);border-radius:50%}.home-wrapper .welcome-section .welcome-text{font-size:24px;font-weight:600;margin-bottom:8px;position:relative;z-index:1}.home-wrapper .welcome-section .welcome-sub{font-size:14px;opacity:.9;position:relative;z-index:1}.home-wrapper .stats-row{margin-bottom:24px}.home-wrapper .stats-row .stat-card-wrapper:hover .stat-card{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.home-wrapper .stats-row .stat-card{border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;border:none}.home-wrapper .stats-row .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color),transparent)}.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:#8c8c8c;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:#1a1f36}.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:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);border:none;overflow:hidden}.home-wrapper .order-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:20px 24px}.home-wrapper .order-card .ant-card-head .ant-card-head-title{font-weight:600;font-size:16px;color:#1a1f36}.home-wrapper .order-card .ant-card-body{padding:16px 24px}.home-wrapper .order-card .ant-table .ant-table-thead>tr>th{background:#fafafa;font-weight:500;font-size:13px;color:#595959;padding:14px 16px}.home-wrapper .order-card .ant-table .ant-table-tbody>tr>td{font-size:13px;color:#595959;padding:14px 16px;border-bottom:1px solid #f5f5f5}.home-wrapper .order-card .ant-table .ant-table-tbody>tr:hover>td{background:#fafafa}.home-wrapper .order-card .ant-card-extra a{color:#667eea;font-size:13px;font-weight:500}.home-wrapper .order-card .ant-card-extra a:hover{color:#5a71d6}.home-wrapper .quick-link-card{border:none;border-radius:12px;text-align:center;transition:all .3s;cursor:pointer}.home-wrapper .quick-link-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.home-wrapper .quick-link-card .quick-link-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.home-wrapper .quick-link-card .quick-link-icon i{font-size:24px;color:#fff}.home-wrapper .quick-link-card .quick-link-text{font-size:14px;color:#595959;font-weight:500}.left-sidebar{height:100%;background:linear-gradient(180deg,#1a1f36,#1e2650)}.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;padding-top:8px;background:transparent}.left-sidebar .ant-menu:not(.ant-menu-horizontal){background:transparent}.left-sidebar .ant-menu .ant-menu-item,.left-sidebar .ant-menu .ant-menu-submenu-title{margin:2px 10px!important;border-radius:8px;height:42px;line-height:42px;color:hsla(0,0%,100%,.75);transition:all .25s ease}.left-sidebar .ant-menu .ant-menu-item:hover,.left-sidebar .ant-menu .ant-menu-submenu-title:hover{background:hsla(0,0%,100%,.1)!important;color:#fff!important}.left-sidebar .ant-menu .ant-menu-item>a,.left-sidebar .ant-menu .ant-menu-item>span,.left-sidebar .ant-menu .ant-menu-submenu-title>a,.left-sidebar .ant-menu .ant-menu-submenu-title>span{display:flex;align-items:center;font-size:14px}.left-sidebar .ant-menu .ant-menu-item .anticon,.left-sidebar .ant-menu .ant-menu-submenu-title .anticon{font-size:16px;margin-right:12px;color:hsla(0,0%,100%,.7);transition:color .25s;flex-shrink:0}.left-sidebar .ant-menu .ant-menu-item-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 15px rgba(102,126,234,.4)}.left-sidebar .ant-menu .ant-menu-item-selected:hover{background:linear-gradient(135deg,#5a71d6,#6a4190)!important}.left-sidebar .ant-menu .ant-menu-item-selected .anticon{color:#fff!important}.left-sidebar .ant-menu .ant-menu-submenu .ant-menu-submenu-title:hover{background:hsla(0,0%,100%,.08)!important}.left-sidebar .ant-menu .ant-menu-submenu .ant-menu-item{margin:1px 10px!important;height:38px;line-height:38px;border-radius:6px;padding-left:42px!important}.left-sidebar .ant-menu .ant-menu-submenu .ant-menu-item:hover{background:hsla(0,0%,100%,.08)!important}.left-sidebar .ant-menu .ant-menu-submenu .ant-menu-item-selected{background:rgba(102,126,234,.25)!important;color:#a8b4fc!important}.left-sidebar .ant-menu .ant-menu-submenu .ant-menu-item-selected:hover{background:rgba(102,126,234,.35)!important;color:#c7d0fd!important}.left-sidebar .ant-menu .ant-menu-sub.ant-menu-inline{background:rgba(0,0,0,.15);border-radius:8px;margin:4px 10px;padding:6px 0}.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:20px;padding:0;background-color:#f5f7fa;min-height:calc(100vh - 104px);border-radius:16px;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 8px rgba(0,0,0,.06);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:12px 16px}.ant-table-wrapper .ant-table-tbody>tr>td{padding:12px 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:12px}.ant-card.ant-card-bordered{border-color:#f0f0f0}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px rgba(102,126,234,.3)}.ant-btn-primary:hover{background:linear-gradient(135deg,#5a71d6,#6a4190);box-shadow:0 6px 16px rgba(102,126,234,.4)}