.dashboard-page{background:transparent;min-height:100%}.stat-card{border:none!important;border-radius:16px!important;padding:24px!important;position:relative;overflow:hidden;background:#ffffffe6!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 4px 20px #0000000f!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.06;transform:translate(20px,-20px);transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 35px #0000001a!important;transform:translateY(-4px)!important}.stat-card:hover:after{transform:translate(15px,-15px) scale(1.2);opacity:.1}.stat-card-blue:before{background:linear-gradient(90deg,#1890ff,#69c0ff)}.stat-card-blue:after{background:#1890ff}.stat-card-blue .ant-statistic-content-value{color:#1890ff!important}.stat-card-green:before{background:linear-gradient(90deg,#52c41a,#95de64)}.stat-card-green:after{background:#52c41a}.stat-card-green .ant-statistic-content-value{color:#52c41a!important}.stat-card-orange:before{background:linear-gradient(90deg,#faad14,#ffd666)}.stat-card-orange:after{background:#faad14}.stat-card-orange .ant-statistic-content-value{color:#fa8c16!important}.stat-card-red:before{background:linear-gradient(90deg,#f5222d,#ff7875)}.stat-card-red:after{background:#f5222d}.stat-card-red .ant-statistic-content-value{color:#f5222d!important}.stat-footer{margin-top:12px;font-size:11px;color:#999;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.table-card{border:none!important;border-radius:16px!important;padding:0!important;box-shadow:0 4px 20px #0000000f!important;overflow:hidden;background:#ffffffe6!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.7)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.table-card:hover{box-shadow:0 8px 30px #0000001a!important;transform:translateY(-2px)!important}.table-card .ant-card-head{background:linear-gradient(135deg,#1890ff,#096dd9)!important;color:#fff;border:none;padding:14px 24px!important}.table-card .ant-card-head-title{color:#fff!important;font-size:15px!important;font-weight:600!important}.dashboard-table .ant-table{background:transparent!important}.dashboard-table .ant-table-thead>tr>th{background:#fafbfc!important;color:#333!important;font-weight:600;border-bottom:2px solid #e8e8e8!important}.dashboard-table .ant-table-tbody>tr:hover>td{background:#e6f7ff!important}.page-container{padding:24px;background:transparent;min-height:100%}.ant-layout-sider{background:linear-gradient(180deg,#001529,#002140)!important}.ant-layout-sider .ant-menu{background:transparent!important;border-right:none!important}.ant-layout-sider .ant-menu-item{margin:4px 12px!important;border-radius:10px!important;transition:all .2s ease!important}.ant-layout-sider .ant-menu-item:hover{background:#1890ff26!important}.ant-layout-sider .ant-menu-item-selected{background:linear-gradient(135deg,#1890ff,#096dd9)!important;color:#fff!important;box-shadow:0 2px 8px #1890ff66}.ant-table-row:hover{background:#e6f7ff!important}.ant-statistic-title{font-weight:600;color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.page-container{padding:8px}.stat-card{padding:14px!important;border-radius:12px!important}.stat-footer{font-size:9px;margin-top:8px}.table-card{margin-top:12px;border-radius:12px!important}.table-card .ant-card-head{padding:10px 12px!important}.dashboard-page h1{font-size:22px!important}}@media (max-width: 768px){.page-container{padding:12px}.stat-card{padding:16px!important}.table-card{margin-top:16px}.dashboard-page h1{font-size:24px!important}}@media (min-width: 769px) and (max-width: 1024px){.stat-card{padding:18px!important}}:root{--primary-color: #0066cc;--primary-gradient: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);--success-color: #06a77d;--error-color: #e63946;--warning-color: #f77f00;--font-size-base: 15px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Inter,Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)!important;color:#1f2937;font-size:var(--font-size-base);-webkit-tap-highlight-color:transparent;overflow-x:hidden}#root{width:100%;height:100vh;overflow-x:hidden}.page-container{padding:20px;background:#f0f2f5;min-height:100%;width:100%;max-width:100vw;overflow-x:hidden;animation:pageEnter .3s ease-out}.ant-input,.ant-input-number-input{font-size:15px!important;padding:8px 12px!important;min-height:40px!important}.ant-select-selector{min-height:40px!important;font-size:15px!important;padding:4px 12px!important}.ant-select-selection-item{font-size:15px!important;line-height:32px!important}.ant-select-selection-placeholder{font-size:14px!important}.ant-btn{min-height:36px;font-size:14px;font-weight:600;border-radius:8px;padding:4px 16px;transition:all var(--transition-fast);white-space:nowrap;position:relative;overflow:hidden}.ant-btn-lg{min-height:48px!important;font-size:17px!important;padding:8px 24px!important}.ant-btn:hover{box-shadow:0 2px 6px #0000001a}.ant-btn-primary{background:var(--primary-gradient);border:none;box-shadow:0 2px 8px #1890ff59}.ant-btn-primary:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 14px #1890ff73;transform:translateY(-1px)}.ant-btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #1890ff4d}.ant-form-item-label>label{font-size:14px!important;font-weight:600!important;color:#333!important}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.card-header h2{font-size:20px;font-weight:700;margin:0}.ant-card{border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:100%;overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.ant-card:hover{box-shadow:var(--shadow-md)}.ant-card-head-title{font-size:16px!important;font-weight:700!important}.ant-table{border-radius:8px;overflow:visible;font-size:14px}.ant-table-thead>tr>th{background:linear-gradient(180deg,#fafbfc,#f5f6f8)!important;border-bottom:2px solid #e8e8e8;font-weight:700!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.3px;padding:12px!important;color:#555!important}.ant-table-tbody>tr>td{padding:10px 12px!important;font-size:14px!important}.ant-table-tbody>tr{transition:background .2s ease}.ant-tag{font-size:12px!important;padding:2px 8px!important;border-radius:6px!important;font-weight:600!important}.ant-modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.ant-modal-title{font-size:18px!important;font-weight:700!important}.ant-modal-body{font-size:15px}.ant-input-number{width:100%;min-height:40px}.ant-input-number-handler-wrap{width:30px}.ant-switch{min-width:50px;height:26px}.ant-switch-handle{width:22px;height:22px}.bin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin:20px 0}.bin-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;font-weight:700;font-size:11px;transition:all var(--transition-fast);flex-direction:column;box-shadow:var(--shadow-sm)}.bin-cell:hover{transform:scale(1.08);box-shadow:var(--shadow-md)}.ant-menu-item{font-size:15px!important;height:48px!important;line-height:48px!important;margin:4px 8px!important;border-radius:10px!important;transition:all var(--transition-fast)!important}.ant-menu-item:hover{background:#1890ff14!important}.ant-menu-submenu-title{font-size:15px!important;height:48px!important;line-height:48px!important}.ant-menu-item a{font-size:15px!important}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 480px){:root{--font-size-base: 14px}.page-container{padding:8px 6px}.ant-btn{min-height:44px;font-size:14px;padding:4px 10px}.ant-btn-sm{min-height:32px!important;font-size:12px!important;padding:2px 8px!important}.ant-input,.ant-input-number-input{font-size:16px!important;min-height:44px!important}.ant-select-selector{min-height:44px!important;font-size:16px!important}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-header h2{font-size:16px}.card-header .ant-btn{width:100%}.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;padding:0 6px}.ant-table{min-width:500px}.ant-table-thead>tr>th{padding:8px 6px!important;font-size:11px!important;white-space:nowrap}.ant-table-tbody>tr>td{padding:8px 6px!important;font-size:12px!important}.ant-card{border-radius:8px}.ant-card-body{padding:10px!important}.ant-card-head{padding:0 10px!important;min-height:40px!important}.ant-statistic-title{font-size:11px!important}.ant-statistic-content-value{font-size:18px!important}.ant-form-item{margin-bottom:10px!important}.ant-form-item-label>label{font-size:12px!important}.ant-modal{max-width:100vw!important;top:8px!important;margin:0!important;padding:0 4px!important}.ant-modal-content{border-radius:8px!important}.ant-modal-body{max-height:75vh;overflow-y:auto;padding:12px!important}.ant-modal-header{padding:12px 16px!important}.ant-modal-footer{padding:8px 12px!important}.ant-row{margin-left:0!important;margin-right:0!important}.ant-col{padding-left:4px!important;padding-right:4px!important}.ant-space{gap:4px!important}.ant-space-compact{flex-wrap:wrap}.ant-input-search .ant-input-search-button{min-width:auto;padding:0 8px!important}.ant-menu-item,.ant-menu-submenu-title{height:52px!important;line-height:52px!important;font-size:16px!important}.bin-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:4px}.bin-cell{font-size:9px}.ant-descriptions-item-label{font-size:11px!important;padding:6px 8px!important}.ant-descriptions-item-content{font-size:12px!important;padding:6px 8px!important}.ant-steps{font-size:11px}.ant-steps-item-title{font-size:12px!important}.ant-pagination{flex-wrap:wrap;gap:4px}.ant-pagination-item{min-width:28px!important;height:28px!important;line-height:28px!important}.ant-segmented{font-size:12px!important}.ant-segmented-item{padding:4px 8px!important}.ant-list-item{padding:8px 4px!important;flex-wrap:wrap}.ant-list-item-extra{margin-inline-start:0!important;width:100%!important;margin-top:8px}.ant-popover{max-width:calc(100vw - 16px)!important}.ant-popconfirm-message-title{font-size:13px!important}.ant-picker,.ant-picker-range{width:100%!important}.ant-tag{margin-bottom:4px!important;font-size:10px!important}.ant-collapse-header{padding:8px 12px!important;font-size:13px!important}.ant-alert{padding:8px 12px!important;font-size:12px!important}}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}.page-container{padding:12px 8px}.ant-btn{min-height:44px;font-size:15px}.ant-btn-sm{min-height:34px!important;font-size:13px!important}.ant-input,.ant-input-number-input{font-size:16px!important;min-height:44px!important}.ant-select-selector{min-height:44px!important;font-size:16px!important}.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-table{min-width:600px}.ant-card{border-radius:8px}.ant-card-body{padding:12px!important}.ant-statistic-title{font-size:12px!important}.ant-statistic-content-value{font-size:20px!important}.ant-form-item{margin-bottom:12px!important}.ant-modal{max-width:calc(100vw - 16px)!important;top:20px!important;margin:0 8px!important}.ant-modal-body{max-height:70vh;overflow-y:auto}.ant-descriptions-item-label{font-size:12px!important}.ant-descriptions-item-content{font-size:13px!important}.search-bar{width:100%!important}.action-buttons{flex-wrap:wrap}.card-header h2{font-size:16px}.bin-grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:6px}.bin-cell{font-size:10px}.ant-menu-item,.ant-menu-submenu-title{height:52px!important;line-height:52px!important;font-size:16px!important}.ant-popover{max-width:calc(100vw - 32px)!important}.ant-row{margin-left:0!important;margin-right:0!important}.ant-col{padding-left:4px!important;padding-right:4px!important}.ant-steps{font-size:12px}.ant-tag{margin-bottom:4px!important}.ant-space-compact{flex-wrap:wrap;width:100%}.ant-space-compact>*{flex:1 1 auto;min-width:0}.ant-list-item{flex-wrap:wrap}.ant-list-item-extra{margin-inline-start:0!important}.ant-picker,.ant-picker-range{width:100%!important}.ant-segmented{width:100%;overflow-x:auto}.ant-collapse-header{padding:10px 12px!important}.ant-drawer-content-wrapper{max-width:85vw!important}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;padding-bottom:calc(12px + var(--safe-area-bottom));box-shadow:0 -2px 8px #0000001a;z-index:100;display:flex;gap:8px;align-items:center;justify-content:space-between}}@media (min-width: 769px) and (max-width: 1024px){.page-container{padding:16px}.ant-table{font-size:13px}.ant-table-thead>tr>th{padding:10px 8px!important;font-size:12px!important}.ant-table-tbody>tr>td{padding:8px!important;font-size:13px!important}}@media (min-width: 1400px){.page-container{padding:24px 32px;max-width:1600px;margin:0 auto}}.ant-message-notice-content{font-size:15px!important;padding:12px 20px!important;border-radius:8px!important}.ant-popconfirm-message-title{font-size:15px!important;font-weight:600!important}.ant-popconfirm-buttons .ant-btn{min-height:32px;font-size:14px}.ant-select-dropdown{font-size:15px!important}.ant-select-item{font-size:15px!important;min-height:36px!important;padding:8px 12px!important}.timestamp{color:#999;font-size:12px}.search-bar{width:300px}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (hover: none) and (pointer: coarse){.ant-btn{min-height:44px}.ant-btn-sm{min-height:36px!important}.ant-input,.ant-input-number-input,.ant-select-selector{min-height:44px!important}.ant-table-tbody>tr>td{padding:12px 8px!important}.ant-btn:hover{box-shadow:none}.bin-cell:hover{transform:none}.ant-btn:active{transform:scale(.97);opacity:.9}.bin-cell:active{transform:scale(.95)}}.row-old-buy>td{background:#fff7e6!important}.row-old-buy:hover>td{background:#ffefd5!important}.row-old-sell>td{background:#e6f7ff!important}.row-old-sell:hover>td{background:#d6efff!important}.row-return>td{background:#fff1f0!important}.row-return:hover>td{background:#ffccc7!important}.ant-table .ant-btn-sm{min-height:26px!important;height:26px!important;font-size:12px!important;border-radius:4px!important}@media print{.ant-layout-sider,.ant-layout-header,.ant-drawer,.mobile-bottom-bar{display:none!important}.page-container{padding:0!important}.ant-card{box-shadow:none!important;border:1px solid #ddd!important}}.ant-card{animation:cardEnter .35s ease-out both}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ant-col:nth-child(1) .ant-card{animation-delay:0s}.ant-col:nth-child(2) .ant-card{animation-delay:.05s}.ant-col:nth-child(3) .ant-card{animation-delay:.1s}.ant-col:nth-child(4) .ant-card{animation-delay:.15s}.ant-col:nth-child(5) .ant-card{animation-delay:.2s}.ant-col:nth-child(6) .ant-card{animation-delay:.25s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}body{background:linear-gradient(135deg,#f5f7fa,#e8ecf1)!important}.glass-card{background:#ffffffd9!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.6)!important}.ant-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.ant-table-tbody>tr:nth-child(2n)>td{background:#fafbfc}.ant-table-tbody>tr:nth-child(2n):hover>td{background:#e6f7ff!important}.ant-table-thead>tr>th{position:sticky;top:0;z-index:2}.ant-input:focus,.ant-input-focused,.ant-input-number:focus-within,.ant-select-focused .ant-select-selector{border-color:#1890ff!important;box-shadow:0 0 0 3px #1890ff1f!important}::selection{background:#1890ff33;color:inherit}.ant-message-notice-content{box-shadow:0 6px 20px #0000001f!important;border-radius:10px!important}.ant-modal-mask{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ant-drawer-content{transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.ant-tag{box-shadow:0 1px 2px #0000000a;transition:all .2s ease}.ant-btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10%);background-size:100%;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .4s ease,background-size .4s ease}.ant-btn-primary:active:after{background-size:300%;opacity:1;transition:0s}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,to{box-shadow:0 0 #1890ff33}50%{box-shadow:0 0 0 6px #1890ff00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.ant-input,.ant-input-number,.ant-select-selector,.ant-picker{border:1.5px solid #d9d9d9!important;border-radius:8px!important;transition:border-color .2s ease!important}.ant-input:hover,.ant-input-number:hover,.ant-select-selector:hover{border-color:#1890ff!important}.ant-input:focus,.ant-input-number-focused{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff26!important}.ant-input::placeholder{color:#bbb;font-size:14px}.ant-btn{border-radius:8px!important;font-weight:600!important;transition:all .2s ease!important}.ant-btn:hover{box-shadow:0 2px 6px #0000001a!important}.ant-btn-primary{background:#1890ff!important;border:none!important;color:#fff!important}.ant-btn-primary:hover{background:#40a9ff!important}.ant-table{border-radius:8px!important;overflow:visible;background:#fff}.ant-table-thead>tr>th{background:#fafafa!important;border-bottom:2px solid #e8e8e8!important;font-weight:700!important;font-size:13px!important;color:#555!important}.ant-table-tbody>tr:hover>td{background:#e6f7ff!important}.ant-modal-content{border-radius:12px!important;overflow:hidden}.ant-modal-header{background:#1890ff!important;border:none!important;padding:16px 24px!important}.ant-modal-title{color:#fff!important;font-weight:700!important;font-size:17px!important}.ant-modal-close{color:#fff!important}.ant-modal-body{padding:20px 24px!important}.ant-tag{border-radius:6px!important;padding:2px 10px!important;font-weight:600!important}.ant-select-dropdown{border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}.ant-select-item{padding:8px 12px!important;font-size:14px!important}.ant-select-item-option-selected{background:#e6f7ff!important;font-weight:600}.ant-switch-checked{background-color:#52c41a!important}.ant-checkbox-checked .ant-checkbox-inner{background:#1890ff!important;border-color:#1890ff!important}.ant-pagination-item{border-radius:6px!important}.ant-pagination-item-active{background:#1890ff!important;border-color:#1890ff!important}.ant-pagination-item-active a{color:#fff!important}.ant-message-notice-content{border-radius:8px!important;padding:10px 16px!important;font-size:15px!important}.ant-empty-description{color:#999;font-size:15px}@media (max-width: 480px){.ant-modal-header{padding:12px 14px!important}.ant-modal-title{font-size:14px!important}.ant-modal-body{padding:12px!important}.ant-select-item{padding:10px 12px!important;font-size:15px!important;min-height:40px!important}.ant-empty-description{font-size:13px}}@media (max-width: 768px){.ant-modal-body{padding:14px 16px!important}.ant-select-item{min-height:38px!important}}