:root{--primary-color: #1890ff;--primary-color-hover: #40a9ff;--primary-color-active: #096dd9;--primary-color-light: #e6f7ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--info-color: #1890ff;--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #fafafa;--bg-sidebar: #001529;--bg-header: #ffffff;--bg-card: #ffffff;--bg-hover: #f5f5f5;--bg-selected: #e6f7ff;--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .65);--text-tertiary: rgba(0, 0, 0, .45);--text-disabled: rgba(0, 0, 0, .25);--text-inverse: #ffffff;--border-color: #d9d9d9;--border-color-light: #f0f0f0;--border-color-dark: #bfbfbf;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--shadow-md: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--sidebar-item-height: 40px;--header-height: 48px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--bg-primary: #141414;--bg-secondary: #1f1f1f;--bg-tertiary: #262626;--bg-sidebar: #000000;--bg-header: #1f1f1f;--bg-card: #1f1f1f;--bg-hover: #262626;--bg-selected: #111b26;--text-primary: rgba(255, 255, 255, .88);--text-secondary: rgba(255, 255, 255, .65);--text-tertiary: rgba(255, 255, 255, .45);--text-disabled: rgba(255, 255, 255, .25);--border-color: #424242;--border-color-light: #303030;--border-color-dark: #5a5a5a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 6px 16px 0 rgba(0, 0, 0, .32);--shadow-lg: 0 6px 16px 0 rgba(0, 0, 0, .48)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{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;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}#root{min-height:100vh;overflow-x:hidden}.erp-layout{min-height:100vh;display:flex;overflow:hidden;width:100%;max-width:100vw}.erp-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);transition:width var(--transition-normal);z-index:100;display:flex;flex-direction:column;overflow:hidden}.erp-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.erp-sidebar-logo{height:48px;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.erp-sidebar-logo img{height:28px;transition:var(--transition-normal)}.erp-sidebar-logo .logo-text{font-size:16px;font-weight:600;color:#fff;margin-left:var(--spacing-sm);white-space:nowrap;overflow:hidden;transition:opacity var(--transition-fast),width var(--transition-normal)}.erp-sidebar.collapsed .logo-text{opacity:0;width:0;margin-left:0}.erp-sidebar-menu{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm) 0}.erp-sidebar-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.erp-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;max-width:calc(100vw - var(--sidebar-width));overflow-x:hidden;transition:margin-left var(--transition-normal),max-width var(--transition-normal);background:var(--bg-primary)}.erp-sidebar.collapsed+.erp-main,.erp-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width);max-width:calc(100vw - var(--sidebar-collapsed-width))}.erp-header{height:var(--header-height);background:var(--bg-header);border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);position:sticky;top:0;z-index:50;flex-shrink:0}.erp-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.erp-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.erp-tabs-container{background:var(--bg-secondary);border-bottom:1px solid var(--border-color-light);flex-shrink:0;overflow:hidden;max-width:100%}.erp-content{flex:1;padding:var(--spacing-md);overflow-y:auto;overflow-x:hidden;max-width:100%}.erp-footer{height:32px;background:var(--bg-secondary);border-top:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);font-size:12px;color:var(--text-tertiary);flex-shrink:0}.erp-menu{list-style:none;padding:0;margin:0}.erp-menu-item{display:flex;align-items:center;padding:0 var(--spacing-md);height:var(--sidebar-item-height);color:#ffffffa6;cursor:pointer;transition:all var(--transition-fast);border-radius:0;margin:2px var(--spacing-sm);border-radius:var(--radius-md);font-size:13px}.erp-menu-item:hover{color:#fff;background:#ffffff14}.erp-menu-item.active{color:#fff;background:var(--primary-color)}.erp-menu-item .menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-sm);font-size:16px;flex-shrink:0}.erp-sidebar.collapsed .erp-menu-item .menu-label{opacity:0;width:0;overflow:hidden}.erp-sidebar.collapsed .erp-menu-item{justify-content:center;padding:0}.erp-sidebar.collapsed .erp-menu-item .menu-icon{margin-right:0}.erp-menu-group{margin-bottom:var(--spacing-xs)}.erp-menu-group-title{padding:var(--spacing-sm) var(--spacing-md);color:#ffffff59;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.erp-sidebar.collapsed .erp-menu-group-title{opacity:0;height:0;padding:0;overflow:hidden}.erp-submenu{padding-left:0}.erp-submenu-title{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);height:var(--sidebar-item-height);color:#ffffffa6;cursor:pointer;transition:all var(--transition-fast);margin:2px var(--spacing-sm);border-radius:var(--radius-md);font-size:13px}.erp-submenu-title:hover{color:#fff;background:#ffffff14}.erp-submenu-title .submenu-left{display:flex;align-items:center}.erp-submenu-title .menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-sm);font-size:16px;flex-shrink:0}.erp-submenu-title .submenu-arrow{font-size:10px;transition:transform var(--transition-fast)}.erp-submenu.open .submenu-arrow{transform:rotate(90deg)}.erp-submenu-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.erp-submenu.open .erp-submenu-content{max-height:500px}.erp-submenu-content .erp-menu-item{padding-left:48px;font-size:13px}.erp-sidebar.collapsed .erp-submenu-title .menu-label,.erp-sidebar.collapsed .erp-submenu-title .submenu-arrow{opacity:0;width:0;overflow:hidden}.erp-sidebar.collapsed .erp-submenu-title{justify-content:center;padding:0}.erp-sidebar.collapsed .erp-submenu-title .menu-icon{margin-right:0}.erp-tabs{display:flex;align-items:center;padding:0 var(--spacing-sm);height:36px;gap:2px;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}.erp-tabs::-webkit-scrollbar{height:0}.erp-tab{display:flex;align-items:center;padding:0 var(--spacing-md);height:28px;background:transparent;border:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;font-size:12px;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;gap:var(--spacing-xs);position:relative}.erp-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.erp-tab.active{background:var(--bg-primary);color:var(--primary-color);font-weight:500}.erp-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-color)}.erp-tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);margin-left:var(--spacing-xs)}.erp-tab:hover .erp-tab-close{opacity:.6}.erp-tab-close:hover{opacity:1!important;background:var(--error-color);color:#fff}.erp-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color-light);overflow:hidden}.erp-card-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between}.erp-card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.erp-card-body{padding:var(--spacing-md)}.erp-stat-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color-light);padding:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-md)}.erp-stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.erp-stat-icon.blue{background:#e6f7ff;color:#1890ff}.erp-stat-icon.green{background:#f6ffed;color:#52c41a}.erp-stat-icon.orange{background:#fff7e6;color:#fa8c16}.erp-stat-icon.red{background:#fff1f0;color:#f5222d}.erp-stat-icon.purple{background:#f9f0ff;color:#722ed1}[data-theme=dark] .erp-stat-icon.blue{background:#1890ff26}[data-theme=dark] .erp-stat-icon.green{background:#52c41a26}[data-theme=dark] .erp-stat-icon.orange{background:#fa8c1626}[data-theme=dark] .erp-stat-icon.red{background:#f5222d26}[data-theme=dark] .erp-stat-icon.purple{background:#722ed126}.erp-stat-content{flex:1;min-width:0}.erp-stat-title{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.erp-stat-value{font-size:24px;font-weight:600;color:var(--text-primary);line-height:1.2}.erp-stat-footer{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:12px}.erp-stat-trend{display:flex;align-items:center;gap:2px}.erp-stat-trend.up{color:var(--success-color)}.erp-stat-trend.down{color:var(--error-color)}.erp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:0 var(--spacing-md);height:32px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.erp-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.erp-btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.erp-btn-primary:hover{background:var(--primary-color-hover);border-color:var(--primary-color-hover);color:#fff}.erp-btn-icon{width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.erp-btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.erp-exchange-rates{display:flex;align-items:center;gap:var(--spacing-md);font-size:12px;color:var(--text-secondary)}.erp-exchange-rate{display:flex;align-items:center;gap:var(--spacing-xs)}.erp-exchange-rate .currency{font-weight:600;color:var(--text-primary)}.erp-exchange-rate .value{color:var(--success-color)}.erp-search-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);min-width:200px}.erp-search-trigger:hover{border-color:var(--primary-color)}.erp-search-trigger .search-placeholder{flex:1;font-size:13px}.erp-search-trigger .search-shortcut{font-size:11px;padding:2px 6px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#424242}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.ant-layout{min-height:100vh;background:var(--bg-primary)}.ant-table-wrapper{max-width:100%;overflow-x:auto}.ant-table{font-size:13px}.ant-table-thead>tr>th{background:var(--bg-tertiary)!important;font-weight:600;font-size:12px}.ant-table-tbody>tr>td{padding:8px 12px!important}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.ant-btn{border-radius:var(--radius-md);font-size:13px}.ant-input,.ant-select-selector,.ant-picker{border-radius:var(--radius-md)!important}.ant-card{border-radius:var(--radius-lg);border-color:var(--border-color-light);max-width:100%;overflow:hidden}.ant-modal-content{border-radius:var(--radius-lg)}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item-selected{background-color:var(--primary-color)!important;border-radius:var(--radius-md)}.erp-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color-light)}.erp-page-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.erp-page-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.erp-page-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-card{background:var(--bg-card)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-normal)}.animate-slideInUp{animation:slideInUp var(--transition-normal)}@media screen and (max-width: 768px){.erp-sidebar:not(.mobile-sidebar){display:none}.erp-sidebar.mobile-sidebar{transform:none;width:100%!important;display:flex;flex-direction:column;height:100%}.erp-main{margin-left:0!important;max-width:100vw!important;width:100%}.erp-content{padding:var(--spacing-sm)}.ant-card-head-title{font-size:14px}.ant-statistic-content-value{font-size:20px!important}.erp-stat-value{font-size:18px!important}.ant-table-wrapper{overflow-x:auto}.ant-table-cell{padding:8px 6px!important;font-size:12px}.hide-on-mobile{display:none!important}.filter-row{flex-wrap:wrap}.ant-input-search{width:100%!important}.ant-drawer-content-wrapper{width:100%!important;max-width:100vw!important}.ant-modal{max-width:calc(100vw - 16px)!important;margin:8px!important}.erp-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.erp-page-actions{width:100%;flex-wrap:wrap}.ant-space-compact{flex-wrap:wrap}.ant-tabs-nav{overflow-x:auto}.ant-breadcrumb{display:none}.ant-form-item-label{padding-bottom:4px!important}.ant-descriptions-item-label,.ant-descriptions-item-content{font-size:12px!important;padding:8px 12px!important}}@media screen and (min-width: 769px) and (max-width: 1024px){.erp-content{padding:var(--spacing-sm)}.ant-table-cell{padding:10px 8px!important;font-size:13px}.hide-on-tablet{display:none!important}.ant-drawer-content-wrapper{width:600px!important}}@media screen and (min-width: 1025px) and (max-width: 1280px){.hide-on-medium{display:none!important}}@media screen and (min-width: 1600px){.erp-content{padding:var(--spacing-lg)}.ant-table-cell{padding:14px 12px!important}}.responsive-table{width:100%;overflow-x:auto}.responsive-table .ant-table{min-width:800px}.responsive-card{margin-bottom:var(--spacing-md)}@media screen and (max-width: 576px){.responsive-card .ant-card-body{padding:12px!important}.responsive-card .ant-statistic-title{font-size:12px}}.responsive-flex{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}@media screen and (max-width: 576px){.responsive-flex{gap:var(--spacing-sm)}.responsive-flex>*{flex:1 1 100%}}@media screen and (max-width: 576px){.btn-responsive{width:100%;margin-bottom:var(--spacing-xs)}.btn-responsive-icon-only .btn-text{display:none}}.space-responsive{display:flex;flex-wrap:wrap;gap:8px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}@media screen and (max-width: 768px){.filter-bar>*{flex:1 1 calc(50% - 6px);min-width:120px}.filter-bar>*:first-child{flex:1 1 100%}}.stat-card-responsive{transition:all var(--transition-fast)}@media screen and (max-width: 576px){.stat-card-responsive .ant-card-body{padding:12px!important}.stat-card-responsive .ant-statistic-content-value{font-size:18px!important}.stat-card-responsive .ant-statistic-content-prefix{font-size:14px!important}}.drawer-responsive{max-width:100vw}@media screen and (max-width: 768px){.drawer-responsive .ant-drawer-content-wrapper{width:100%!important}.drawer-responsive .ant-drawer-body{padding:12px!important}}@media print{.erp-sidebar,.erp-header,.erp-footer,.no-print{display:none!important}.erp-main{margin-left:0!important}.erp-content{padding:0!important}.ant-table-wrapper{overflow:visible!important}}