:root{--color-brand-50: #eef2ff;--color-brand-100: #e0e7ff;--color-brand-200: #c7d2fe;--color-brand-300: #a5b4fc;--color-brand-400: #818cf8;--color-brand-500: #6366f1;--color-brand-600: #4f46e5;--color-brand-700: #4338ca;--color-brand-800: #3730a3;--color-brand-900: #312e81;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-neutral-0: #ffffff;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-neutral-950: #020617;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 56px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.5px;--letter-spacing-wide: 1px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--space-5xl: 100px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08), 0 4px 10px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(30, 58, 95, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 500;--z-modal: 1000;--z-toast: 1200}html{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@keyframes pulse-glow{0%,to{box-shadow:0 0 #1e3a5f66}50%{box-shadow:0 0 0 12px #1e3a5f00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{--page-padding: 24px;--card-gap: 16px;--content-max-width: 1200px;--section-spacing: 24px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;min-width:1280px;font-family:var(--font-family-sans)}html,body{overflow-y:hidden;overflow-x:auto}#root{overflow:hidden}body{overscroll-behavior:none;background-color:var(--color-neutral-50);color:var(--color-neutral-700)}.sider-logo-light{height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-neutral-0);border-bottom:1px solid #f0f0f0;padding:0 8px}.sider-logo-light img{max-width:100%;max-height:50px;object-fit:contain}.layout-header-light{background:var(--color-neutral-0)!important;display:flex;align-items:center;justify-content:flex-end;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10;height:56px;line-height:56px;border-bottom:1px solid #f0f0f0}.layout-content-light{margin:16px;min-height:calc(100vh - 88px);background:var(--color-neutral-50)}.header-user-menu-light{cursor:pointer;padding:4px 12px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.header-user-menu-light:hover{background:#0000000a}.header-username{font-size:var(--font-size-sm);color:var(--color-neutral-700);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ant-layout{min-height:100vh}.merchant-logo{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-neutral-0);display:flex;align-items:center;gap:8px}.stat-card{border-radius:var(--radius-md);padding:20px;background:var(--color-neutral-0);box-shadow:var(--shadow-xs)}.stat-card-title{color:#00000073;font-size:var(--font-size-sm);margin-bottom:8px}.stat-card-value{color:#000000d9;font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}.stat-card-trend{margin-top:8px;font-size:var(--font-size-xs)}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-error)}.order-status-success{color:var(--color-success)}.order-status-pending{color:var(--color-warning)}.order-status-failed{color:var(--color-error)}.channel-tag{border-radius:var(--radius-xs, 4px);padding:2px 8px;font-size:var(--font-size-xs)}.login-page-container{min-height:100vh;display:flex;background:var(--color-neutral-50)}.login-left-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:var(--color-neutral-0)}.login-left-content{max-width:480px}.login-brand{display:flex;align-items:center;gap:16px;margin-bottom:48px}.login-brand-icon{width:56px;height:56px;background:#1890ff33;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:var(--font-weight-bold);color:#1890ff;border:2px solid rgba(24,144,255,.3)}.login-brand-text{font-size:28px;font-weight:var(--font-weight-bold);letter-spacing:3px;color:var(--color-neutral-0)}.login-slogan{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:20px;color:var(--color-neutral-0);letter-spacing:1px}.login-description{font-size:var(--font-size-base);color:#ffffffa6;line-height:var(--line-height-relaxed);margin-bottom:40px}.login-features{display:flex;flex-direction:column;gap:18px}.login-feature-item{display:flex;align-items:center;gap:14px;font-size:15px;color:#ffffffd9}.login-feature-icon{width:36px;height:36px;background:#1890ff26;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;color:#1890ff}.login-right-section{width:460px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:60px 48px;background:var(--color-neutral-0);overflow-y:auto}.login-form-wrapper{width:100%;max-width:360px}.login-form-header{margin-bottom:36px;text-align:center}.login-form-title{font-size:26px;font-weight:var(--font-weight-semibold);color:#1a1a2e;margin-bottom:8px}.login-form-subtitle{font-size:var(--font-size-sm);color:#999}.login-form .ant-input-affix-wrapper{height:44px;border-radius:var(--radius-sm)}.login-form .ant-btn-primary{height:44px;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.login-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.login-form-options .ant-checkbox-wrapper{color:#666}.login-form-forgot{color:#1890ff;cursor:pointer;font-size:var(--font-size-sm)}.login-form-forgot:hover{color:#40a9ff}.login-form-register{text-align:center;margin-top:16px;font-size:var(--font-size-sm);color:#666}.login-form-register a{color:#1890ff;cursor:pointer}.login-form-register a:hover{color:#40a9ff}.login-footer{margin-top:32px;text-align:center;color:#999;font-size:var(--font-size-xs)}.ant-space-compact .ant-input-affix-wrapper:first-child{border-radius:6px 0 0 6px}.login-page-merchant .login-left-section{background:linear-gradient(135deg,#1c1917,#292524)}.login-page-merchant .login-brand-icon{background:#c4946c2e;color:#c4946c;border:2px solid rgba(196,148,108,.3)}.login-page-merchant .login-feature-icon{background:#c4946c1f;color:#c4946c}.login-page-register .login-left-section{background:linear-gradient(135deg,#0f1a0f,#1a2e1a)}.login-page-register .login-brand-icon{background:#52b7882e;color:#52b788;border:2px solid rgba(82,183,136,.3)}.login-page-register .login-feature-icon{background:#52b7881f;color:#52b788}.login-register-steps{width:100%;margin-bottom:40px}.login-register-steps .ant-steps-item-title{color:#ffffffd9!important;font-size:15px}.login-register-steps .ant-steps-item-description{color:#ffffff80!important;font-size:13px}.login-register-steps .ant-steps-item-tail:after{background-color:#ffffff26!important}.login-register-steps .ant-steps-icon{border-color:#52b78880!important}.login-register-steps .ant-steps-icon .ant-steps-finish-icon{color:#52b788!important}.login-register-steps .ant-steps-item-process .ant-steps-icon{background:#52b788!important;border-color:#52b788!important}.login-register-steps .ant-steps-item-process .ant-steps-icon>.ant-steps-icon-dot{background:#52b788!important}.dashboard-container{overflow-x:hidden}.dashboard-container h1{font-size:22px;font-weight:var(--font-weight-semibold);color:#1a1a2e;margin:0}.dashboard-container .ant-row{margin-bottom:16px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.dashboard-refresh-btn{flex-shrink:0}.dashboard-chart-row,.dashboard-channel-row{margin-top:16px}@media screen and (min-width: 1600px){.dashboard-container .ant-col-xxl-4{flex:0 0 16.66666667%;max-width:16.66666667%}}@supports (padding-bottom: env(safe-area-inset-bottom)){.ant-drawer-body,.ant-modal-body{padding-bottom:env(safe-area-inset-bottom,16px)}}