@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary-color:#1890ff;--primary-hover:#40a9ff;--primary-active:#096dd9;--success-color:#52c41a;--warning-color:#faad14;--error-color:#f5222d;--background-color:#f0f2f5;--card-background:#fff;--text-primary:#262626;--text-secondary:#8c8c8c;--border-color:#d9d9d9;--sidebar-width:256px;--sidebar-collapsed-width:80px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.app-layout{min-height:100vh}.app-sider{z-index:100;top:0;bottom:0;left:0;overflow:auto;box-shadow:2px 0 8px #00000026;background:linear-gradient(#001529 0%,#00264d 100%)!important;position:fixed!important}.app-sider .ant-layout-sider-children{flex-direction:column;display:flex}.app-sider .ant-menu{background:0 0!important;border-right:none!important}.app-sider .ant-menu-item{color:#fff!important;border-radius:8px!important;margin:4px 8px!important}.app-sider .ant-menu-item:hover{color:#fff!important;background:#fff3!important}.app-sider .ant-menu-submenu-title,.app-sider .ant-menu-submenu-arrow{color:#fff!important}.app-sider .ant-menu-item-selected{background:var(--primary-color)!important;color:#fff!important}.app-sider .ant-menu-item-selected:after{display:none}.app-header{z-index:99;top:0;right:0;box-shadow:0 1px 4px #00000014;background:#fff!important;padding:0 24px!important;position:fixed!important}.app-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));padding:24px;transition:margin-left .2s}.app-content.collapsed{margin-left:var(--sidebar-collapsed-width)}.logo-container{height:var(--header-height);border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;padding:16px;display:flex}.logo{color:#fff;white-space:nowrap;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex;overflow:hidden}.logo-icon{background:linear-gradient(135deg, var(--primary-color) 0%, #69c0ff 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.logo-text{opacity:1;transition:opacity .2s}.logo-container.collapsed .logo-text{opacity:0;width:0}.header-left{align-items:center;gap:16px;display:flex}.header-trigger{cursor:pointer;font-size:18px;transition:color .3s}.header-trigger:hover{color:var(--primary-color)}.header-title{color:var(--text-primary);font-size:16px;font-weight:500}.header-right{float:right;align-items:center;gap:16px;display:flex}.header-action{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;transition:background-color .3s;display:flex}.header-action:hover{background-color:#00000006}.user-dropdown{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 12px;transition:background-color .3s;display:flex}.user-dropdown:hover{background-color:#00000006}.user-avatar{color:#fff;background:linear-gradient(135deg,#1890ff 0%,#69c0ff 100%);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.stat-card{background:#fff;border-radius:8px;padding:24px;transition:box-shadow .3s,transform .3s;box-shadow:0 1px 2px #00000008}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stat-card-title{color:var(--text-secondary);font-size:14px}.stat-card-icon{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-card-value{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:600}.stat-card-footer{align-items:center;gap:8px;font-size:12px;display:flex}.stat-card-footer.up{color:var(--success-color)}.stat-card-footer.down{color:var(--error-color)}.page-header{margin-bottom:24px}.page-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.page-description{color:var(--text-secondary);font-size:14px}.content-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000008}.content-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.content-card-title{font-size:16px;font-weight:500}.content-card-body{padding:24px}.ant-table-thead>tr>th{font-weight:600;background:#fafafa!important}.ant-table-tbody>tr:hover>td{background:#f0f7ff!important}.ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0}.status-tag{border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-tag.pending{color:#faad14;background:#fffbe6;border:1px solid #ffe58f}.status-tag.booked{color:#1890ff;background:#e6f7ff;border:1px solid #91d5ff}.status-tag.customs{color:#722ed1;background:#f9f0ff;border:1px solid #d3adf7}.status-tag.shipped{color:#ff4d4f;background:#fff1f0;border:1px solid #ffccc7}.status-tag.arrived{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.status-tag.completed{color:#2f54eb;background:#f0f5ff;border:1px solid #adc6ff}.finance-tag{border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.finance-tag.ar{color:#1890ff;background:#e6f7ff;border:1px solid #91d5ff}.finance-tag.ap{color:#fa8c16;background:#fff7e6;border:1px solid #ffd591}.finance-tag.pending{color:#faad14;background:#fffbe6;border:1px solid #ffe58f}.finance-tag.confirmed{color:#1890ff;background:#e6f7ff;border:1px solid #91d5ff}.finance-tag.invoiced{color:#722ed1;background:#f9f0ff;border:1px solid #d3adf7}.finance-tag.paid{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.order-steps{background:#fff;border-radius:8px;margin-bottom:24px;padding:24px}.search-bar{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.search-bar .ant-form-item{margin-bottom:0}.toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:12px;display:flex}.detail-section{margin-bottom:24px}.detail-section-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:600}.detail-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item-label{color:var(--text-secondary);font-size:12px}.detail-item-value{color:var(--text-primary);font-size:14px;font-weight:500}@media (width<=1200px){.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.detail-grid{grid-template-columns:1fr}.app-content{padding:16px}.search-bar{flex-direction:column}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:.3s ease-out slideIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.number-animate{font-variant-numeric:tabular-nums}