:root{--brand-primary: #2563eb;--brand-primary-2: #0f766e;--brand-accent: #e11d48;--brand-warm: #f59e0b;--brand-gradient: linear-gradient(135deg, #2563eb 0%, #0f766e 100%);--brand-gradient-accent: linear-gradient(135deg, #e11d48 0%, #f97316 100%);--brand-gradient-fresh: linear-gradient(135deg, #0284c7 0%, #0f766e 100%);--brand-gradient-success: linear-gradient(135deg, #059669 0%, #65a30d 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #7c8798;--text-disabled: #b7beca;--bg-body: #f5f7fb;--bg-card: #ffffff;--bg-elevated: rgba(255, 255, 255, .95);--border-light: #e5e7eb;--border-regular: #d1d5db;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 2px 6px rgba(15, 23, 42, .06), 0 8px 18px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .1);--shadow-brand: 0 8px 20px rgba(37, 99, 235, .2);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-base: .25s;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--font-family: "Inter", "PingFang SC", -apple-system, BlinkMacSystemFont, "Hiragino Sans GB", "Microsoft YaHei", sans-serif}html.dark{--text-primary: #e8e8ed;--text-secondary: #b8bcc8;--text-tertiary: #888c98;--text-disabled: #5a5e6a;--bg-body: #14161f;--bg-card: #1f2230;--bg-elevated: rgba(31, 34, 48, .92);--border-light: #2a2e3c;--border-regular: #3a3e4c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32), 0 1px 3px rgba(0, 0, 0, .24);--shadow-md: 0 2px 6px rgba(0, 0, 0, .32), 0 8px 18px rgba(0, 0, 0, .36);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .48);--shadow-brand: 0 8px 20px rgba(37, 99, 235, .45)}html.sepia{--text-primary: #3d2e1f;--text-secondary: #6b5a45;--text-tertiary: #8c7e6a;--text-disabled: #b5a892;--bg-body: #f3e9d4;--bg-card: #faf3e3;--bg-elevated: #fdf6e3;--border-light: #e1d4b8;--border-regular: #c9bb9a;--shadow-sm: 0 1px 2px rgba(93, 65, 30, .06), 0 1px 3px rgba(93, 65, 30, .08);--shadow-md: 0 2px 6px rgba(93, 65, 30, .08), 0 8px 18px rgba(93, 65, 30, .1);--shadow-lg: 0 8px 24px rgba(93, 65, 30, .12);--shadow-brand: 0 8px 20px rgba(155, 100, 50, .22)}html.sepia{--color-bg-1: var(--bg-card);--color-bg-2: var(--bg-card);--color-bg-3: var(--bg-elevated);--color-bg-4: var(--bg-elevated);--color-bg-5: var(--bg-elevated);--color-bg-white: var(--bg-card);--color-menu-light-bg: var(--bg-card);--color-neutral-1: var(--bg-body);--color-neutral-2: var(--bg-card)}html.dark .arco-card,html.sepia .arco-card,html.dark .section-card,html.sepia .section-card,html.dark .cred-card,html.sepia .cred-card,html.dark .kpi-card,html.sepia .kpi-card,html.dark .progress-card,html.sepia .progress-card,html.dark .order-page,html.sepia .order-page,html.dark .pay-page,html.sepia .pay-page,html.dark .cart-panel,html.sepia .cart-panel,html.dark .refund-page,html.sepia .refund-page,html.dark .step-card,html.sepia .step-card,html.dark .methods,html.sepia .methods,html.dark .action,html.sepia .action,html.dark .content-card,html.sepia .content-card,html.dark .panel,html.sepia .panel{background-color:var(--bg-card);border-color:var(--border-light)}html.dark .arco-layout-content,html.sepia .arco-layout-content,html.dark .page-wrapper,html.sepia .page-wrapper{background-color:var(--bg-body)}html,body,.arco-card,.arco-layout-content,.section-card,.cred-card,.kpi-card,.progress-card{transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-modern{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:box-shadow var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.card-modern.is-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-gradient{background:var(--brand-gradient)!important;color:#fff!important;border:none!important;box-shadow:var(--shadow-brand);transition:all var(--duration-base) var(--ease)}.btn-gradient:hover{filter:brightness(1.05);box-shadow:0 12px 28px #2563eb3d;transform:translateY(-1px)}.btn-gradient:active{transform:translateY(0);filter:brightness(.98)}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-gradient-accent{background:var(--brand-gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.glass{background:var(--bg-elevated);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5)}.page-header{display:flex;flex-direction:column;gap:6px;padding:16px 0 20px}.page-header .page-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.page-header .page-subtitle{color:var(--text-tertiary);font-size:13px;margin:0}@media(min-width:1024px){.page-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.page-header .page-title{font-size:22px}}.filter-bar{background:var(--bg-card);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.table-card{background:var(--bg-card);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.mb-16{margin-bottom:16px}.mt-16{margin-top:16px}.stat-card{position:relative;overflow:hidden;border-radius:var(--radius-md)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand-gradient)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.stat-accent-2:before{background:var(--brand-gradient-success)}.stat-card.stat-accent-3:before{background:var(--brand-gradient-accent)}.stat-card.stat-accent-4:before{background:var(--brand-gradient-fresh)}.stat-card.stat-accent-gray:before{background:linear-gradient(135deg,#94a3b8,#64748b)}.chart-card{border-radius:var(--radius-md)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)}.chart-card .arco-card-header{border-bottom:1px solid var(--border-light);font-weight:600;color:var(--text-primary)}html,body,#app{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}body{background:var(--bg-body)}#nprogress .bar{background:var(--brand-primary)!important;height:3px!important;box-shadow:0 0 10px var(--brand-primary),0 0 5px var(--brand-primary)}#nprogress .peg{box-shadow:0 0 10px var(--brand-primary),0 0 5px var(--brand-primary)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2563eb73,#0f766e73);border-radius:var(--radius-pill);transition:background var(--duration-base) var(--ease)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#0f766e)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.45) transparent}body{--color-primary-light-1: #eff6ff;--color-primary-light-2: #dbeafe;--color-primary-light-3: #bfdbfe;--color-primary-light-4: #93c5fd;--primary-1: #eff6ff;--primary-2: #dbeafe;--primary-3: #bfdbfe;--primary-4: #93c5fd;--primary-5: #60a5fa;--primary-6: #2563eb;--primary-7: #1d4ed8;--primary-8: #1e40af;--primary-9: #1e3a8a;--primary-10: #172554;--arcoblue-1: var(--primary-1);--arcoblue-2: var(--primary-2);--arcoblue-3: var(--primary-3);--arcoblue-4: var(--primary-4);--arcoblue-5: var(--primary-5);--arcoblue-6: var(--primary-6);--arcoblue-7: var(--primary-7);--arcoblue-8: var(--primary-8);--arcoblue-9: var(--primary-9);--arcoblue-10: var(--primary-10)}.arco-btn-primary,.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading){background-color:var(--brand-primary)}.arco-btn-primary:hover,.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover{background-color:#1d4ed8}.arco-btn-primary:active,.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active{background-color:#1e40af}.arco-card{border-radius:var(--radius-md);border-color:var(--border-light);transition:box-shadow var(--duration-base) var(--ease)}.arco-table-tr:hover>.arco-table-td{background-color:#2563eb0d!important}.arco-input-wrapper,.arco-select-view-single,.arco-textarea-wrapper{border-radius:var(--radius-sm)}.arco-input-wrapper:hover,.arco-select-view-single:hover,.arco-textarea-wrapper:hover{border-color:var(--brand-primary)}.arco-input-wrapper.arco-input-focus,.arco-select-view-single.arco-input-focus,.arco-textarea-wrapper.arco-input-focus,.arco-input-wrapper.arco-select-view-focus,.arco-select-view-single.arco-select-view-focus,.arco-textarea-wrapper.arco-select-view-focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb1f}.arco-btn{border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease)}.arco-modal{border-radius:var(--radius-lg);overflow:hidden}.arco-tag{border-radius:var(--radius-pill)}.fade-enter-active,.fade-leave-active{transition:opacity .25s var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}::selection{background:#2563eb2e;color:var(--text-primary)}:root{--color-text-1: #111827;--color-text-2: #4b5563;--color-text-3: #7c8798;--color-text-4: #b7beca}@media(max-width:767px){.arco-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.arco-table-td .arco-space{flex-wrap:wrap;row-gap:4px}.arco-table-th,.arco-table-td{padding:10px 8px!important;font-size:13px}.arco-pagination{justify-content:center;flex-wrap:wrap;row-gap:8px}.arco-pagination-options{display:none!important}}@media(max-width:639px){.arco-modal{width:92vw!important;max-width:92vw!important;margin:16px auto!important}.arco-modal-body{max-height:calc(100vh - 200px);overflow-y:auto}.arco-drawer-right,.arco-drawer-left{width:100vw!important;max-width:100vw!important}}@media(min-width:640px)and (max-width:767px){.arco-drawer-right,.arco-drawer-left{width:80vw!important;max-width:80vw!important}}@media(max-width:639px){.arco-form .arco-input,.arco-card-header-extra .arco-input,.arco-page-header-extra .arco-input,.arco-form .arco-input-wrapper,.arco-card-header-extra .arco-input-wrapper,.arco-page-header-extra .arco-input-wrapper,.arco-form .arco-select-view,.arco-card-header-extra .arco-select-view,.arco-page-header-extra .arco-select-view,.arco-form .arco-picker,.arco-card-header-extra .arco-picker,.arco-page-header-extra .arco-picker,.arco-form .arco-range-picker,.arco-card-header-extra .arco-range-picker,.arco-page-header-extra .arco-range-picker,.arco-form .arco-input-number,.arco-card-header-extra .arco-input-number,.arco-page-header-extra .arco-input-number,.arco-form .arco-textarea-wrapper,.arco-card-header-extra .arco-textarea-wrapper,.arco-page-header-extra .arco-textarea-wrapper{width:100%!important;max-width:100%!important}.arco-form>[style*=width],.arco-card-header-extra>[style*=width],.arco-page-header-extra>[style*=width]{width:100%!important}.arco-row .arco-col:not([class*=arco-col-xs-]){flex:0 0 100%;max-width:100%;margin-bottom:8px}.arco-form-item{flex-direction:column;align-items:stretch}.arco-form-item .arco-form-item-label-col{flex:0 0 auto!important;max-width:100%!important;padding-right:0!important;text-align:left!important}.arco-form-item .arco-form-item-wrapper-col{flex:1 1 100%!important;max-width:100%!important}}@media(max-width:767px){.arco-page-header{padding:12px!important;flex-wrap:wrap}.arco-page-header-title{font-size:16px!important}.arco-page-header-subtitle{display:none}.arco-page-header-extra{width:100%;margin-top:8px;justify-content:flex-end}.arco-card .arco-card-header,.arco-card .arco-card-body{padding:12px!important}.arco-card+.arco-card{margin-top:12px}.arco-tabs-nav{overflow-x:auto}}@media(max-width:639px){.form-actions,.modal-actions,.arco-modal-footer{flex-wrap:wrap;gap:8px}.form-actions .arco-btn,.modal-actions .arco-btn,.arco-modal-footer .arco-btn{flex:1;min-width:0}}@supports (padding: env(safe-area-inset-bottom)){@media(max-width:767px){.layout-content{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}}