:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #f5f7fa;--text-color: #333333;--text-color-light: #666666;--text-color-lighter: #999999;--primary-color: #0071e3;--primary-color-light: #3a95ff;--secondary-color: #6d6d72;--border-color: rgba(0, 0, 0, .1);--navbar-bg: rgba(255, 255, 255, .8);--dock-bg: rgba(255, 255, 255, .7);--dock-item-bg: rgba(255, 255, 255, .5);--card-bg: rgba(255, 255, 255, .8);--hover-color: rgba(0, 0, 0, .05);--active-color: rgba(0, 113, 227, .1);--shadow-color: rgba(0, 0, 0, .1);--backdrop-blur: 20px;--rounded-sm: 6px;--rounded-md: 10px;--rounded-lg: 16px;--divider-color: #e6e6e6;--unread-bg: rgba(0, 113, 227, .05)}.dark-mode,:root.dark-mode,body.dark-mode{--bg-color: #1e1e1e;--text-color: #f5f5f7;--text-color-light: #a1a1a6;--text-color-lighter: #6e6e73;--primary-color: #0a84ff;--primary-color-light: #5eb5ff;--secondary-color: #86868b;--border-color: rgba(255, 255, 255, .1);--navbar-bg: rgba(40, 40, 40, .7);--dock-bg: rgba(50, 50, 50, .7);--dock-item-bg: rgba(60, 60, 60, .5);--card-bg: rgba(40, 40, 40, .8);--hover-color: rgba(255, 255, 255, .05);--active-color: rgba(10, 132, 255, .2);--shadow-color: rgba(0, 0, 0, .3);--divider-color: #3a3a3c;--unread-bg: rgba(10, 132, 255, .1)}@media (prefers-color-scheme: dark){:root:not(.light-mode){--bg-color: #1e1e1e;--text-color: #f5f5f7;--primary-color: #0a84ff;--secondary-color: #86868b;--border-color: rgba(255, 255, 255, .1);--navbar-bg: rgba(40, 40, 40, .7);--dock-bg: rgba(50, 50, 50, .7);--dock-item-bg: rgba(60, 60, 60, .5);--card-bg: rgba(40, 40, 40, .8);--hover-color: rgba(255, 255, 255, .05);--active-color: rgba(10, 132, 255, .2);--shadow-color: rgba(0, 0, 0, .3);--divider-color: #3a3a3c}}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-color);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}#app{height:100%;display:flex;flex-direction:column}.mac-container{background-color:var(--card-bg);border-radius:var(--rounded-md);box-shadow:0 2px 12px 0 var(--shadow-color);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.mac-container:hover{transform:translateY(-2px);box-shadow:0 4px 16px 0 var(--shadow-color)}.mac-navbar{background-color:var(--navbar-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border-bottom:1px solid var(--border-color);padding:0 16px;height:38px;display:flex;align-items:center;box-shadow:0 1px 3px var(--shadow-color)}.mac-sidebar{background-color:var(--card-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border-right:1px solid var(--border-color);width:220px;padding:20px 0;height:100%}.mac-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--rounded-sm);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 1px 2px var(--shadow-color)}.mac-button:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,white)}.mac-button:active{transform:scale(.98)}.mac-button.secondary{background-color:#8e8e931f;color:var(--text-color)}.mac-button.secondary:hover{background-color:#8e8e932e}.mac-card{background-color:var(--card-bg);border-radius:var(--rounded-md);box-shadow:0 2px 8px var(--shadow-color);padding:20px;margin-bottom:20px;backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--border-color)}.mac-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--rounded-md);overflow:hidden}.mac-table th{background-color:#8e8e931a;padding:12px 16px;text-align:left;font-weight:500;color:var(--secondary-color);border-bottom:1px solid var(--divider-color)}.mac-table td{padding:12px 16px;border-bottom:1px solid var(--divider-color)}.mac-table tr:last-child td{border-bottom:none}.mac-dock{background-color:var(--dock-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:var(--rounded-lg);padding:8px;display:flex;justify-content:center;gap:16px;margin:0 auto;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px var(--shadow-color);border:1px solid var(--border-color)}.mac-dock-item{width:48px;height:48px;border-radius:var(--rounded-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;background-color:var(--dock-item-bg)}.mac-dock-item:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 5px 15px var(--shadow-color)}.mac-dock-item.active{background-color:var(--active-color)}.mac-input{background-color:#8e8e931f;border:none;border-radius:var(--rounded-sm);padding:8px 12px;color:var(--text-color);font-family:inherit;font-size:14px;transition:box-shadow .2s,background-color .2s}.mac-input:focus{outline:none;background-color:#8e8e932e;box-shadow:0 0 0 4px #0071e333}.mac-select{background-color:#8e8e931f;border:none;border-radius:var(--rounded-sm);padding:8px 36px 8px 12px;color:var(--text-color);font-family:inherit;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.mac-select:focus{outline:none;box-shadow:0 0 0 4px #0071e333}.page-title{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text-color)}.mac-divider{height:1px;background-color:var(--divider-color);margin:16px 0;border-radius:.5px}:root{--el-color-primary: var(--primary-color) !important}.el-button--primary{background-color:var(--primary-color)!important}.el-button--primary:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,white)!important}.el-menu{border-right:none!important;background-color:transparent!important}.el-menu-item{height:40px!important;line-height:40px!important;color:var(--text-color)!important;border-radius:var(--rounded-sm)!important;margin:4px 12px!important;padding:0 12px!important}.el-menu-item.is-active{background-color:var(--active-color)!important;color:var(--primary-color)!important}.el-menu-item:hover{background-color:var(--hover-color)!important}.el-input__wrapper{background-color:#8e8e931f!important;box-shadow:none!important;border-radius:var(--rounded-sm)!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--primary-color)!important}.el-select .el-input__wrapper{box-shadow:none!important}.el-dropdown-menu{border-radius:var(--rounded-md)!important;padding:8px!important;border:1px solid var(--border-color)!important;background-color:var(--card-bg)!important;backdrop-filter:blur(var(--backdrop-blur))!important;-webkit-backdrop-filter:blur(var(--backdrop-blur))!important;box-shadow:0 4px 16px var(--shadow-color)!important}.el-dropdown-item{color:var(--text-color)!important;border-radius:var(--rounded-sm)!important;margin:2px 0!important;padding:8px 12px!important}.el-dropdown-item:hover{background-color:var(--hover-color)!important}.el-dropdown-item i{margin-right:8px!important}.el-table{background-color:transparent!important;color:var(--text-color)!important}.el-table th{background-color:#8e8e931a!important;color:var(--secondary-color)!important}.el-table td{border-bottom-color:var(--divider-color)!important}.el-table--striped .el-table__body tr.el-table__row--striped td{background-color:#8e8e930d!important}.el-empty{color:var(--secondary-color)!important}.el-drawer{background-color:var(--card-bg)!important;backdrop-filter:blur(var(--backdrop-blur))!important;-webkit-backdrop-filter:blur(var(--backdrop-blur))!important}.el-drawer__header{color:var(--text-color)!important;margin-bottom:16px!important}.el-dialog{border-radius:var(--rounded-lg)!important;background-color:var(--card-bg)!important;backdrop-filter:blur(var(--backdrop-blur))!important;-webkit-backdrop-filter:blur(var(--backdrop-blur))!important}.el-dialog__header{padding-bottom:16px!important;border-bottom:1px solid var(--divider-color)!important}@media (max-width: 768px){.mac-sidebar{width:64px;padding:20px 0}.mac-sidebar .el-menu-item span{display:none}.mac-sidebar .el-menu-item i{margin-right:0}}body.dark-mode,html.dark-mode{background-color:var(--bg-color)!important;color:var(--text-color)!important}body.dark-mode .mac-container,body.dark-mode .product-card,body.dark-mode .category-sidebar,body.dark-mode .product-list-view,body.dark-mode .el-card,.dark-mode .mac-container,.dark-mode .product-card,.dark-mode .category-sidebar,.dark-mode .product-list-view,.dark-mode .el-card{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}body.dark-mode .sidebar-header h3,body.dark-mode .product-name,body.dark-mode .page-title,.dark-mode .sidebar-header h3,.dark-mode .product-name,.dark-mode .page-title{color:var(--text-color)!important}body.dark-mode .product-desc,body.dark-mode .product-category,.dark-mode .product-desc,.dark-mode .product-category{color:var(--secondary-color)!important}body.dark-mode .product-price,.dark-mode .product-price{color:var(--primary-color)!important}body.dark-mode .product-image,.dark-mode .product-image{background-color:#2c2c2e!important}body.dark-mode .loading-container,body.dark-mode .product-list-view,.dark-mode .loading-container,.dark-mode .product-list-view{background-color:var(--card-bg)!important}body.dark-mode .el-table,body.dark-mode .el-table--enable-row-hover .el-table__body tr:hover>td,.dark-mode .el-table,.dark-mode .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:var(--card-bg)!important;color:var(--text-color)!important}body.dark-mode .el-table th,.dark-mode .el-table th{background-color:#3c3c3c80!important}body.dark-mode .el-table td,body.dark-mode .el-table th.is-leaf,.dark-mode .el-table td,.dark-mode .el-table th.is-leaf{border-bottom-color:var(--divider-color)!important}:root{--bg-color: #ffffff;--text-color: #333333;--border-color: #e0e0e0;--primary-color: #409eff;--secondary-color: #79bbff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--card-bg: #ffffff;--header-bg: #f5f7fa;--sidebar-bg: #f5f7fa;--hover-bg: #f5f5f5}.dark-mode{--bg-color: #121212;--text-color: #e0e0e0;--border-color: #333333;--primary-color: #409eff;--secondary-color: #79bbff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--card-bg: #1e1e1e;--header-bg: #252525;--sidebar-bg: #252525;--hover-bg: #2c2c2c}.dark-mode body{background-color:var(--bg-color);color:var(--text-color)}.dark-mode .mac-container,.dark-mode .product-card,.dark-mode .category-sidebar,.dark-mode .product-list-view,.dark-mode .loading-container,.dark-mode .cart-item,.dark-mode .cart-footer{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}.dark-mode .page-title,.dark-mode .product-name,.dark-mode .sidebar-header h3,.dark-mode .site-title,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4{color:var(--text-color)!important}.dark-mode .product-desc,.dark-mode .product-category,.dark-mode .order-date{color:var(--secondary-color)!important}.dark-mode .product-image{background-color:#2c2c2e!important}.dark-mode .el-card{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}.dark-mode .el-table{background-color:var(--card-bg);color:var(--text-color)}.dark-mode .el-table th,.dark-mode .el-table td{background-color:var(--card-bg);border-color:var(--border-color)}.dark-mode .el-table--striped .el-table__body tr.el-table__row--striped td{background-color:var(--hover-bg)}.dark-mode .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:var(--hover-bg)}.dark-mode .el-input__wrapper{background-color:var(--card-bg);border-color:var(--border-color)}.dark-mode .el-button{border-color:var(--border-color)}.dark-mode .el-button--default{background-color:var(--card-bg);color:var(--text-color)}.dark-mode .el-input__inner{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}.dark-mode .product-price,.dark-mode .order-price,.dark-mode .cart-total-price,.dark-mode .cart-item-price{color:var(--primary-color)!important}.dark-mode .mac-divider,.dark-mode .el-divider{background-color:var(--border-color)!important}.dark-mode .el-pagination{color:var(--text-color)}.dark-mode .el-select-dropdown{background-color:var(--card-bg);border-color:var(--border-color)}.dark-mode .el-select-dropdown__item{color:var(--text-color)}.dark-mode .el-select-dropdown__item.hover,.dark-mode .el-select-dropdown__item:hover{background-color:var(--hover-bg)}.dark-mode .el-menu{background-color:var(--sidebar-bg);border-color:var(--border-color)}.dark-mode .el-menu-item{color:var(--text-color)}.dark-mode .el-menu-item:hover,.dark-mode .el-menu-item:focus{background-color:var(--hover-bg)}.dark-mode .el-header{background-color:var(--header-bg);border-color:var(--border-color)}.dark-mode .el-dialog,.dark-mode .el-drawer{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}.dark-mode .el-dialog__title,.dark-mode .el-drawer__title,.dark-mode .el-form-item__label{color:var(--text-color)}.mac-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;outline:none;box-shadow:0 1px 2px #0000000d;margin:0 4px}.mac-btn-primary{background:linear-gradient(to bottom,#6cb6fa,#0d84fb);border-color:#0071e3;color:#fff}.mac-btn-primary:hover{background:linear-gradient(to bottom,#7ec0ff,#1e8fff);border-color:#0077ed}.mac-btn-primary:active{background:linear-gradient(to bottom,#5aa5e8,#0b76e6);border-color:#0068cf}.mac-btn-secondary{background:linear-gradient(to bottom,#fff,#f7f7f7);border-color:#d1d1d6;color:#1d1d1f}.mac-btn-secondary:hover{background:linear-gradient(to bottom,#fff,#f0f0f0);border-color:#c7c7cc}.mac-btn-secondary:active{background:linear-gradient(to bottom,#f3f3f3,#e5e5e5);border-color:#c7c7cc}.mac-btn-text{background:transparent;color:#06c;border:none;box-shadow:none;padding:5px 8px}.mac-btn-text:hover{text-decoration:underline;background-color:#0066cc0d}.mac-btn-text:active{color:#049}.mac-btn-danger{background:linear-gradient(to bottom,#ff6961,#ff3b30);border-color:#e02d21;color:#fff}.mac-btn-danger:hover{background:linear-gradient(to bottom,#ff7c75,#ff4f45);border-color:#ea3727}.mac-btn-danger:active{background:linear-gradient(to bottom,#ed635c,#e52d22);border-color:#d42a1f}.mac-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mac-btn-small{font-size:12px;padding:3px 10px}.mac-btn-large{font-size:14px;padding:7px 14px}.mac-btn-icon{padding:6px;border-radius:6px}.mac-btn .icon{margin-right:6px;font-size:14px}.mac-btn.icon-only{padding:7px}.mac-btn.icon-only .icon{margin-right:0}.mac-style-button{background:linear-gradient(to bottom,#fff,#f1f1f1);border:1px solid #d1d1d1;border-radius:6px;padding:6px 12px;font-size:13px;color:#333;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.mac-style-button:hover{background:linear-gradient(to bottom,#f7f7f7,#e8e8e8)}.mac-style-button:active{background:linear-gradient(to bottom,#e8e8e8,#f1f1f1);box-shadow:inset 0 1px 1px #0000001a}.mac-style-button.primary{background:linear-gradient(to bottom,#4f93e0,#3b7dd3);color:#fff;border-color:#3069b6}.mac-style-button.primary:hover{background:linear-gradient(to bottom,#4486d0,#3474c6)}.mac-style-button.primary:active{background:linear-gradient(to bottom,#3474c6,#4486d0);box-shadow:inset 0 1px 1px #0003}.mac-style-button.danger{background:linear-gradient(to bottom,#e85c5c,#d83c3c);color:#fff;border-color:#c63232}.mac-style-button.danger:hover{background:linear-gradient(to bottom,#d94c4c,#ca3636)}.mac-style-button.danger:active{background:linear-gradient(to bottom,#ca3636,#d94c4c);box-shadow:inset 0 1px 1px #0003}:root{--primary-color: #000000 !important;--primary-color-light: #333333 !important;--primary-color-dark: #000000 !important;--el-color-primary: #000000 !important;--el-color-primary-light-3: #333333 !important;--el-color-primary-light-5: #666666 !important;--el-color-primary-light-7: #999999 !important;--el-color-primary-light-8: #CCCCCC !important;--el-color-primary-light-9: #E6E6E6 !important;--el-color-primary-dark-2: #000000 !important}.dark-mode{--primary-color: #ffffff !important;--primary-color-light: #f0f0f0 !important;--primary-color-dark: #e0e0e0 !important;--el-color-primary: #ffffff !important;--el-color-primary-light-3: #f0f0f0 !important;--el-color-primary-light-5: #e0e0e0 !important;--el-color-primary-light-7: #d0d0d0 !important;--el-color-primary-light-8: #c0c0c0 !important;--el-color-primary-light-9: #b0b0b0 !important;--el-color-primary-dark-2: #f5f5f5 !important}.el-button--primary{background-color:#000!important;border-color:#000!important;color:#fff!important}.el-button--primary:hover,.el-button--primary:focus{background-color:#333!important;border-color:#333!important;color:#fff!important}.el-button--primary:active{background-color:#1a1a1a!important;border-color:#1a1a1a!important}.el-button--primary.is-disabled,.el-button--primary.is-disabled:hover,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:active{background-color:#ccc!important;border-color:#ccc!important;color:#666!important}.dark-mode .el-button--primary{background-color:#fff!important;border-color:#fff!important;color:#000!important}.dark-mode .el-button--primary:hover,.dark-mode .el-button--primary:focus{background-color:#f0f0f0!important;border-color:#f0f0f0!important;color:#000!important}.dark-mode .el-button--primary:active{background-color:#e0e0e0!important;border-color:#e0e0e0!important}.el-table th.el-table__cell{background-color:#000!important;color:#fff!important;font-weight:600}.el-table th.el-table__cell .cell,.el-table th.el-table__cell .caret-wrapper{color:#fff!important}.el-table th.el-table__cell .sort-caret{border-top-color:#fff!important;border-bottom-color:#fff!important}.el-table th.el-table__cell .sort-caret.ascending{border-bottom-color:#fff!important}.el-table th.el-table__cell .sort-caret.descending{border-top-color:#fff!important}.dark-mode .el-table th.el-table__cell{background-color:#fff!important;color:#000!important}.dark-mode .el-table th.el-table__cell .cell,.dark-mode .el-table th.el-table__cell .caret-wrapper{color:#000!important}.dark-mode .el-table th.el-table__cell .sort-caret{border-top-color:#000!important;border-bottom-color:#000!important}.el-pagination.is-background .btn-prev,.el-pagination.is-background .btn-next,.el-pagination.is-background .el-pager li{background-color:#fff!important;color:#000!important}.el-pagination.is-background .el-pager li:not(.is-disabled).is-active{background-color:#000!important;color:#fff!important}.el-pagination.is-background .btn-prev:hover,.el-pagination.is-background .btn-next:hover,.el-pagination.is-background .el-pager li:hover{color:#000!important}.dark-mode .el-pagination.is-background .btn-prev,.dark-mode .el-pagination.is-background .btn-next,.dark-mode .el-pagination.is-background .el-pager li{background-color:#333!important;color:#fff!important}.dark-mode .el-pagination.is-background .el-pager li:not(.is-disabled).is-active{background-color:#fff!important;color:#000!important}.el-tabs__item.is-active{color:#000!important}.el-tabs__active-bar{background-color:#000!important}.dark-mode .el-tabs__item.is-active{color:#fff!important}.dark-mode .el-tabs__active-bar{background-color:#fff!important}.el-menu-item.is-active{color:#000!important;background-color:#0000001a!important}.dark-mode .el-menu-item.is-active{color:#fff!important;background-color:#ffffff1a!important}.el-link.el-link--primary{color:#000!important}.el-link.el-link--primary:hover{color:#333!important}.dark-mode .el-link.el-link--primary{color:#fff!important}.dark-mode .el-link.el-link--primary:hover{color:#f0f0f0!important}.el-tag--primary{background-color:#0000001a!important;border-color:#0003!important;color:#000!important}.dark-mode .el-tag--primary{background-color:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}.mac-button{background-color:#000!important;color:#fff!important}.mac-button:hover{background-color:#333!important}.dark-mode .mac-button{background-color:#fff!important;color:#000!important}.dark-mode .mac-button:hover{background-color:#f0f0f0!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px #000!important}.dark-mode .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #fff!important}.el-switch.is-checked .el-switch__core{background-color:#000!important;border-color:#000!important}.dark-mode .el-switch.is-checked .el-switch__core{background-color:#fff!important;border-color:#fff!important}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#000!important;border-color:#000!important}.dark-mode .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#fff!important;border-color:#fff!important}.dark-mode .el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:#000!important}.el-radio__input.is-checked .el-radio__inner{background-color:#000!important;border-color:#000!important}.dark-mode .el-radio__input.is-checked .el-radio__inner{background-color:#fff!important;border-color:#fff!important}.dark-mode .el-radio__input.is-checked .el-radio__inner:after{background-color:#000!important}.el-loading-spinner .circular circle{stroke:#000!important}.dark-mode .el-loading-spinner .circular circle{stroke:#fff!important}.el-progress-bar__inner{background-color:#000!important}.dark-mode .el-progress-bar__inner{background-color:#fff!important}.el-breadcrumb__item.is-link{color:#000!important}.dark-mode .el-breadcrumb__item.is-link{color:#fff!important}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#0000000d!important;color:#000!important}.dark-mode .el-dropdown-menu__item:focus,.dark-mode .el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ffffff1a!important;color:#fff!important}.el-date-table td.current:not(.disabled) span{background-color:#000!important;color:#fff!important}.dark-mode .el-date-table td.current:not(.disabled) span{background-color:#fff!important;color:#000!important}.el-tree-node.is-current>.el-tree-node__content{background-color:#0000000d!important}.dark-mode .el-tree-node.is-current>.el-tree-node__content{background-color:#ffffff1a!important}.el-step__head.is-process .el-step__icon{background-color:#000!important;color:#fff!important;border-color:#000!important}.dark-mode .el-step__head.is-process .el-step__icon{background-color:#fff!important;color:#000!important;border-color:#fff!important}.el-timeline-item__node{background-color:#000!important}.dark-mode .el-timeline-item__node{background-color:#fff!important}.el-cascader-node.in-active-path,.el-cascader-node.is-active{color:#000!important}.dark-mode .el-cascader-node.in-active-path,.dark-mode .el-cascader-node.is-active{color:#fff!important}.el-slider__bar{background-color:#000!important}.el-slider__button{border-color:#000!important}.dark-mode .el-slider__bar{background-color:#fff!important}.dark-mode .el-slider__button{border-color:#fff!important}.el-rate__icon{color:#000!important}.dark-mode .el-rate__icon{color:#fff!important}.el-transfer-panel__item.el-checkbox.is-checked{color:#000!important}.dark-mode .el-transfer-panel__item.el-checkbox.is-checked{color:#fff!important}.el-upload--drag:hover{border-color:#000!important}.dark-mode .el-upload--drag:hover{border-color:#fff!important}.el-alert--info{background-color:#0000000d!important;border-color:#0000001a!important;color:#000!important}.dark-mode .el-alert--info{background-color:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff!important}.el-card__header{border-bottom-color:#0000001a!important}.dark-mode .el-card__header{border-bottom-color:#ffffff1a!important}.el-collapse-item__header.is-active{color:#000!important}.dark-mode .el-collapse-item__header.is-active{color:#fff!important}.el-descriptions__label{color:#000!important;font-weight:600}.dark-mode .el-descriptions__label{color:#fff!important}.el-message--success .el-message__icon{color:#000!important}@media (max-width: 768px){.el-button--primary{background-color:#000!important;border-color:#000!important;color:#fff!important}.dark-mode .el-button--primary{background-color:#fff!important;border-color:#fff!important;color:#000!important}}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:#00000008!important}.dark-mode .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:#ffffff08!important}.el-table--border .el-table__cell{border-right-color:#0000001a!important}.dark-mode .el-table--border .el-table__cell{border-right-color:#ffffff1a!important}.el-dialog__footer .el-button--primary{background-color:#000!important;border-color:#000!important;color:#fff!important}.dark-mode .el-dialog__footer .el-button--primary{background-color:#fff!important;border-color:#fff!important;color:#000!important}.el-select-dropdown__item.selected{color:#000!important;font-weight:600}.dark-mode .el-select-dropdown__item.selected{color:#fff!important}.el-date-picker__header-label{color:#000!important}.dark-mode .el-date-picker__header-label{color:#fff!important}.el-cascader-menu__item--extensible:after{border-color:transparent transparent transparent #000000!important}.dark-mode .el-cascader-menu__item--extensible:after{border-color:transparent transparent transparent #ffffff!important}.el-notification__title{color:var(--text-color)!important}.el-message-box__btns .el-button--primary{background-color:#000!important;border-color:#000!important;color:#fff!important}.dark-mode .el-message-box__btns .el-button--primary{background-color:#fff!important;border-color:#fff!important;color:#000!important}.el-drawer__header{color:var(--text-color)!important}.stat-value{color:#000!important}.dark-mode .stat-value{color:#fff!important}.el-button--text{color:#000!important}.el-button--text:hover{color:#333!important}.dark-mode .el-button--text{color:#fff!important}.dark-mode .el-button--text:hover{color:#f0f0f0!important}.el-table__cell .el-button--primary{background-color:#000!important;border-color:#000!important;color:#fff!important}.dark-mode .el-table__cell .el-button--primary{background-color:#fff!important;border-color:#fff!important;color:#000!important}.el-table__cell .el-link{color:#000!important}.dark-mode .el-table__cell .el-link{color:#fff!important}.el-table__cell .el-tag{color:var(--text-color)!important}.el-dropdown-menu,.el-select-dropdown,.el-cascader-panel,.el-picker-panel,.el-time-panel,.el-color-picker__panel{background-color:var(--card-bg)!important}.el-tooltip__popper{background-color:#000!important;color:#fff!important}.dark-mode .el-tooltip__popper{background-color:#fff!important;color:#000!important}.el-popover{background-color:var(--card-bg)!important}.el-button--primary,.el-button--primary:focus,.el-button--primary:hover{background-color:#000!important;border-color:#000!important;color:#fff!important}.dark-mode .el-button--primary,.dark-mode .el-button--primary:focus,.dark-mode .el-button--primary:hover{background-color:#fff!important;border-color:#fff!important;color:#000!important}.mobile-footer .el-button{background-color:#000!important;border-color:#000!important;color:#fff!important}.dark-mode .mobile-footer .el-button{background-color:#fff!important;border-color:#fff!important;color:#000!important}:root{--danger-color: #000000 !important}.dark-mode{--danger-color: #ffffff !important}.mobile-footer{--danger-color: #ff4757 !important}.navbar-controls .el-radio-group{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important}.navbar-controls .el-radio-button__inner{background-color:transparent!important;color:var(--text-color)!important;border-color:transparent!important}.navbar-controls .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.dark-mode .navbar-controls .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#fff!important;color:#000!important;border-color:#fff!important}.stock-overlay{background-color:var(--card-bg)!important;color:var(--text-color)!important}.stock-cell{background-color:var(--card-bg)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important}.stock-cell .label{color:var(--text-color-light)!important}.stock-cell .stock{color:var(--text-color)!important}.stock-cell.low .stock{color:#ff4757!important}.stock-overview-table .spec-cell{background-color:transparent!important;color:var(--text-color)!important}.stock-overview-table .spec-name{color:var(--text-color)!important}.stock-overview-table .spec-stock{color:var(--text-color-light)!important}.stock-overview-table th.el-table__cell{background-color:var(--card-bg)!important;color:var(--text-color)!important}.stock-overview-table th.el-table__cell .cell{color:var(--text-color-light)!important}.dark-mode .stock-overview-table th.el-table__cell{background-color:var(--card-bg)!important;color:var(--text-color-light)!important}.dark-mode .stock-overview-table th.el-table__cell .cell{color:var(--text-color-light)!important}.stock-overview-table :deep(.el-table__header-wrapper){background-color:var(--card-bg)!important;border-color:var(--border-color)!important}.stock-overview-table :deep(.el-table__header .el-table__cell){background-color:var(--card-bg)!important;color:var(--text-color)!important;font-weight:600!important}.stock-overview-table :deep(.el-table__header .el-table__cell .cell){color:var(--text-color-light)!important}.dark-mode .stock-overview-table :deep(.el-table__header .el-table__cell){background-color:var(--card-bg)!important;color:var(--text-color)!important}.dark-mode .stock-overview-table :deep(.el-table__header .el-table__cell .cell){color:#000!important}.stock-overview-table,.stock-overview-table .el-table__row,.stock-overview-table .el-table__body-wrapper{background-color:var(--card-bg)!important}.stock-overview-table td.el-table__cell{border-bottom-color:var(--border-color)!important;color:var(--text-color)!important}.stock-overview-table :deep(.el-table){background-color:var(--card-bg)!important;color:var(--text-color)!important}.stock-overview-table :deep(.el-table__inner-wrapper){background-color:var(--card-bg)!important}.stock-overview-table :deep(.el-table__body-wrapper){background-color:var(--card-bg)!important}.stock-overview-table :deep(.el-table__row){background-color:var(--card-bg)!important;color:var(--text-color)!important}.stock-overview-table :deep(.el-table__cell){background-color:transparent!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-color)!important}.stock-overview-table.el-table--striped .el-table__row--striped td.el-table__cell{background-color:#00000005!important}.dark-mode .stock-overview-table.el-table--striped .el-table__row--striped td.el-table__cell{background-color:#ffffff05!important}.stock-overview-table :deep(.el-table__row.el-table__row--striped td){background-color:#00000005!important}.dark-mode .stock-overview-table :deep(.el-table__row.el-table__row--striped td){background-color:#ffffff05!important}.stock-overview-table .el-table__cell{color:var(--text-color)!important}.footer-left{background-color:var(--card-bg)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important}.dark-mode .footer-left{background-color:var(--card-bg)!important}.footer-left .el-icon{color:var(--text-color)!important}.footer-notification{background-color:var(--card-bg)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important}.dark-mode .footer-notification{background-color:var(--card-bg)!important}.footer-notification .el-icon{color:var(--text-color)!important}.category-all-item{background-color:var(--card-bg)!important;color:var(--text-color)!important}.category-all-item:hover,.category-all-item:active{background-color:var(--hover-color)!important}.category-all-item .el-icon,.category-all-item span,.dark-mode .category-all-item .el-icon{color:var(--text-color)!important}.search-button{background-color:#000!important;border-color:#000!important;color:#fff!important}.dark-mode .search-button{background-color:#fff!important;border-color:#fff!important;color:#000!important}.header-right,.header-right .el-icon{color:var(--text-color)!important}.order-item{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important}.order-header,.order-number{color:var(--text-color)!important}.order-time{color:var(--text-color-light)!important}.order-details{color:var(--text-color)!important}.order-price{color:#ff4757!important}.order-sku{color:var(--text-color-light)!important}.order-remark{color:var(--text-color)!important}.dialog-product-price{color:#ff4757!important}.spec-item{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important}.spec-item.active{background-color:#000!important;color:#fff!important;border-color:#000!important}.dark-mode .spec-item.active{background-color:#fff!important;color:#000!important;border-color:#fff!important}.spec-item.disabled{background-color:var(--hover-color)!important;color:var(--text-color-lighter)!important;opacity:.6}.spec-name{color:inherit!important}.spec-stock{color:inherit!important;opacity:.8}.mobile-order-dialog .el-button--primary{background-color:#000!important;border-color:#000!important;color:#fff!important}.dark-mode .mobile-order-dialog .el-button--primary{background-color:#fff!important;border-color:#fff!important;color:#000!important}.dialog-product-details h3{color:var(--text-color)!important}.dialog-product-sku{color:var(--text-color-light)!important}.dialog-spec-section h4,.dialog-customer-section h4,.dialog-quantity-section h4{color:var(--text-color)!important}.quantity-control .el-button{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.quantity-control .el-button:hover{background-color:var(--hover-color)!important;border-color:var(--primary-color)!important}.quantity-control .el-button.is-disabled{background-color:var(--hover-color)!important;color:var(--text-color-lighter)!important}.quantity-value{color:var(--text-color)!important}.notification-item{background-color:var(--card-bg)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important}.notification-title{color:var(--text-color)!important}.notification-time{color:var(--text-color-light)!important}.notification-content,.date-filter-item label{color:var(--text-color)!important}.el-tree{background-color:transparent!important;color:var(--text-color)!important}.el-tree-node__content{color:var(--text-color)!important}.el-tree-node__content:hover{background-color:var(--hover-color)!important}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--active-color)!important;color:var(--primary-color)!important}.dark-mode .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#ffffff1a!important;color:#fff!important}.mobile-header{background-color:var(--card-bg)!important;color:var(--text-color)!important;border-bottom:1px solid var(--border-color)!important}.header-title{color:var(--text-color)!important}.mobile-footer{background-color:var(--card-bg)!important;border-top:1px solid var(--border-color)!important}.product-card{background-color:var(--card-bg)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important}.product-name{color:var(--text-color)!important}.product-price{color:#ff4757!important}.product-description{color:var(--text-color-light)!important}.el-drawer{background-color:var(--card-bg)!important}.el-drawer__header{color:var(--text-color)!important;border-bottom:1px solid var(--border-color)!important}.el-drawer__title{color:var(--text-color)!important}.el-drawer__body,.el-dialog{background-color:var(--card-bg)!important}.el-dialog__header,.el-dialog__title{color:var(--text-color)!important}.el-dialog__body{background-color:var(--card-bg)!important;color:var(--text-color)!important}.overview-header h3{color:var(--text-color)!important}.overview-subtitle,.overview-date{color:var(--text-color-light)!important}.dialog-controls{background-color:var(--card-bg)!important;color:var(--text-color)!important}.dialog-controls .el-switch__label{color:var(--text-color)!important}.overview-container{background-color:var(--card-bg)!important;color:var(--text-color)!important}.el-dialog:has(.stock-overview-table){background-color:var(--card-bg)!important}.el-dialog:has(.stock-overview-table) .el-dialog__header{background-color:var(--card-bg)!important;color:var(--text-color)!important}.el-dialog:has(.stock-overview-table) .el-dialog__body{background-color:var(--card-bg)!important;color:var(--text-color)!important;padding:20px!important}.el-dialog:has(.stock-overview-table) .el-dialog__footer{background-color:var(--card-bg)!important}.stock-overview-table :deep(.el-image){background-color:var(--hover-color)!important;border-radius:4px}.quick-order-dialog-content,.product-details h3{color:var(--text-color)!important}.price-label,.spec-label,.stock-label{color:var(--text-color-light)!important}.price-value{color:#ff4757!important}.spec-value,.stock-value{color:var(--text-color)!important}.stock-value.low-stock{color:#ff4757!important}.el-button[style*="background: linear-gradient"]{background:#000!important;border-color:#000!important}.el-button[style*="background: linear-gradient"] span{color:#fff!important}.dark-mode .el-button[style*="background: linear-gradient"]{background:#fff!important;border-color:#fff!important}.dark-mode .el-button[style*="background: linear-gradient"] span{color:#000!important}.category-all-item .el-icon[style*="color: #000000"]{color:var(--text-color)!important}.el-empty__description{color:var(--text-color-light)!important}.el-loading-mask{background-color:#0000004d!important}.dark-mode .el-loading-mask{background-color:#ffffff1a!important}.el-input__inner{background-color:var(--card-bg)!important;color:var(--text-color)!important}.el-input__prefix,.el-input__suffix{color:var(--text-color-light)!important}.dialog-footer .el-button--default{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.dialog-footer .el-button--default:hover{background-color:var(--hover-color)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.poster-product-info{color:var(--text-color)!important}.poster-product-price{color:#ff4757!important}.order-actions .el-button--danger{background-color:transparent!important;border-color:#ff4757!important;color:#ff4757!important}.order-actions .el-button--danger:hover{background-color:#ff4757!important;border-color:#ff4757!important;color:#fff!important}.el-date-editor{background-color:var(--card-bg)!important}.el-date-editor .el-input__inner{background-color:var(--card-bg)!important;color:var(--text-color)!important}.el-input-number__decrease,.el-input-number__increase{background-color:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--primary-color)!important}.el-form-item__label{color:var(--text-color)!important}.el-pagination.is-background .btn-prev,.el-pagination.is-background .btn-next,.el-pagination.is-background .el-pager li{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important}.navbar-controls .el-button{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.navbar-controls .el-button:hover{background-color:var(--hover-color)!important;border-color:var(--primary-color)!important}.switch-layout-btn{background-color:#000!important;border-color:#000!important}.switch-layout-btn span,.switch-layout-btn .el-icon{color:#fff!important}.dark-mode .switch-layout-btn{background-color:#fff!important;border-color:#fff!important}.dark-mode .switch-layout-btn span,.dark-mode .switch-layout-btn .el-icon{color:#000!important}.mac-dock{background-color:var(--dock-bg)!important;border:1px solid var(--border-color)!important}.mac-dock-item{background-color:var(--dock-item-bg)!important;color:var(--text-color)!important}.mac-dock-item:hover{background-color:var(--hover-color)!important}.mac-dock-item.active{background-color:var(--active-color)!important}.mac-search .el-input__wrapper{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important}.mac-search .el-input__inner{background-color:transparent!important;color:var(--text-color)!important}.image-drop-zone{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.drop-content{color:var(--text-color-light)!important}.upload-text{color:var(--text-color)!important}.upload-text-sub{color:var(--text-color-light)!important}.user-info,.username{color:var(--text-color)!important}.el-icon{color:currentColor}.mobile-product-list,.product-list-container{background-color:var(--bg-color)!important}.product-grid{background-color:transparent!important}.category-sidebar,.skeleton-item{background-color:var(--card-bg)!important}.notification-badge{background-color:#fff0!important;color:#fff0!important}.notification-icon .el-badge__content{background-color:#000!important;color:#fff!important;border:none!important}.dark-mode .notification-icon .el-badge__content{background-color:#fff!important;color:#000!important;border:none!important}.notification-icon,.notification-icon .el-icon{color:var(--text-color)!important}.mobile-footer .notification-badge{background-color:#fff!important;color:#000!important;border-color:#000!important;border:none!important}.quick-order-section{background-color:transparent!important}.quick-order-input .el-input__wrapper{background-color:var(--card-bg)!important}.el-tree-node__expand-icon{color:var(--text-color-light)!important}.active-icon{color:var(--primary-color)!important}.dark-mode .active-icon{color:#fff!important}.navbar-icon-wrapper .notification-icon .notification-badge :deep(.el-badge__content),.notification-popover .notification-icon .notification-badge :deep(.el-badge__content),.notification-icon .notification-badge :deep(.el-badge__content){background-color:#000!important;color:#fff!important;border:2px solid var(--bg-color)!important}.dark-mode .navbar-icon-wrapper .notification-icon .notification-badge :deep(.el-badge__content),.dark-mode .notification-popover .notification-icon .notification-badge :deep(.el-badge__content),.dark-mode .notification-icon .notification-badge :deep(.el-badge__content){background-color:#fff!important;color:#000!important;border:2px solid var(--bg-color)!important}.el-badge__content{background-color:#000!important;color:#fff!important}.dark-mode .el-badge__content{background-color:#fff!important;color:#000!important}.notification-badge :deep(.el-badge__content){background-color:#000!important;color:#fff!important;border:2px solid var(--bg-color)!important}.dark-mode .notification-badge :deep(.el-badge__content){background-color:#fff!important;color:#000!important;border:2px solid var(--bg-color)!important}.mobile-footer .el-badge__content,.mobile-footer .notification-badge :deep(.el-badge__content){background-color:#fff!important;color:#000!important;border-color:#000!important;border:none!important}.order-tabs{margin-bottom:20px}.order-tabs .el-tabs__header{background:#f5f7fa;border-radius:8px;padding:0 20px;margin-bottom:20px}.order-tabs .el-tabs__nav-wrap:after{display:none}.order-tabs .el-tabs__item{color:#606266;font-weight:500;border:none!important;padding:0 30px;height:50px;line-height:50px}.order-tabs .el-tabs__item.is-active{color:#409eff;background:#fff;border-radius:6px;margin:5px 0}.order-tabs .el-tabs__active-bar{display:none}.statement-view{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a}.statement-header{padding:20px;border-bottom:1px solid #e4e7ed;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0}.statement-header h3{color:#fff;font-size:20px;font-weight:600}.mode-switch .el-radio-group{background:#fff3;border-radius:20px;padding:4px}.mode-switch .el-radio-button__inner{background:transparent;border:none;font-weight:500;border-radius:16px;padding:8px 20px}.mode-switch .el-radio-button.is-active .el-radio-button__inner{box-shadow:0 2px 4px #0000001a;color:var(--bg-color)!important}.filter-section{background:#f8f9fa;border-radius:8px;margin:20px 20px 0}.filter-form{background:transparent;padding:20px;border-radius:8px}.summary-section{margin:20px}.summary-card{border:none;box-shadow:0 4px 12px #0000000d;border-radius:12px;overflow:hidden}.summary-card .el-card__body{padding:25px}.summary-card h4{color:#303133;font-size:18px;font-weight:600;margin-bottom:20px}.summary-item{border-radius:12px;color:#fff;transition:transform .2s ease}.summary-item:hover{transform:translateY(-2px)}.summary-item .label{color:#ffffffe6;font-size:14px;font-weight:500}.summary-item .value{color:#fff;font-size:24px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.summary-item .value.amount{color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.statement-list{margin:20px}.statement-card{margin-bottom:20px;border:none;box-shadow:0 4px 12px #0000000d;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.statement-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.statement-header-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;margin:-20px -20px 15px}.statement-header-info .user-info h4{color:#fff;font-size:18px;font-weight:600;margin:0}.summary-stats .el-tag{background:#fff3;border:none;color:#fff;font-weight:500;border-radius:20px;padding:8px 16px}.summary-stats .el-tag--info{background:#fff3}.summary-stats .el-tag--warning{background:#ffc1074d}.summary-stats .el-tag--success{background:#28a7454d}.statement-items .el-table{border-radius:8px;overflow:hidden}.statement-items .el-table__header{background:#f8f9fa}.statement-items .el-table th{background:#f8f9fa;color:#606266;font-weight:600;border:none}.statement-items .el-table td{border:none;padding:12px 0}.product-info{padding:8px 0}.product-name{color:#303133;font-weight:600;margin-bottom:4px;font-size:14px}.product-sku{color:#909399;font-size:12px}.price,.quantity,.total-amount{font-weight:600;color:#303133}.total-amount{color:#67c23a;font-size:16px}.empty-card{text-align:center;padding:60px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px}.empty-card .el-empty__description{color:#fff}@media (max-width: 768px){.statement-header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.filter-form{padding:15px}.filter-form .el-form-item{margin-bottom:15px;width:100%}.statement-header-info{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.summary-stats{flex-wrap:wrap;gap:8px}.summary-stats .el-tag{margin:0}.summary-item .value{font-size:20px}.order-tabs .el-tabs__item{padding:0 15px;font-size:14px}}.statement-view[v-loading]{position:relative}.statement-items .el-table__body tr:hover>td{background:#f5f7fa}.statement-items .el-avatar{border:2px solid #e4e7ed;box-shadow:0 2px 8px #0000001a}.filter-form .el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;padding:10px 24px;font-weight:500}.filter-form .el-button--primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.filter-form .el-button{border-radius:20px;padding:10px 24px;font-weight:500;transition:all .2s ease}.filter-form .el-button:hover{transform:translateY(-1px)}.filter-form .el-input__wrapper{box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.filter-form .el-input__wrapper:hover{border-color:#c0c4cc;box-shadow:0 4px 12px #00000026}.filter-form .el-input__wrapper.is-focus{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.filter-form .el-select .el-input__wrapper,.filter-form .el-date-editor .el-input__wrapper{border-radius:20px}header[data-v-99467ee6]{line-height:1.5}.logo[data-v-99467ee6]{display:block;margin:0 auto 2rem}@media (min-width: 1024px){header[data-v-99467ee6]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-99467ee6]{margin:0 2rem 0 0}header .wrapper[data-v-99467ee6]{display:flex;place-items:flex-start;flex-wrap:wrap}}[data-v-99467ee6] .el-input__wrapper,[data-v-99467ee6] .el-input__inner{background-color:transparent!important}