/* V2.6 single-source workbench visual stylesheet. Replaces v25, not layered over it. */ #app .merchant-workbench{width:100%;max-width:none;min-width:0;box-sizing:border-box;padding:24px 28px 90px;background:radial-gradient(ellipse at 82% 12%,#dfe7ff 0,transparent 48%),#f7f9ff;color:#111c3b} #app .merchant-workbench *{box-sizing:border-box} #app .merchant-workbench .ls25-greeting{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px} #app .merchant-workbench .ls25-greeting-title{font-size:25px;font-weight:750;letter-spacing:-.6px} #app .merchant-workbench .ls25-greeting-sub{font-size:13px;color:#7685a3;margin-top:5px} #app .merchant-workbench .ls25-state{background:#e7f9ee;color:#14934e;border-radius:20px;padding:7px 13px;font-size:12px;white-space:nowrap} #app .merchant-workbench .ls25-kpis{margin-bottom:16px} #app .merchant-workbench .ls25-kpis .metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important;max-width:none!important} #app .merchant-workbench .ls25-kpis .metric-card{min-width:0!important;min-height:116px!important;border:1px solid #fff!important;border-radius:20px!important;padding:20px!important;box-shadow:0 12px 28px #6d83c214!important;background:linear-gradient(130deg,#fff,#eef3ff)!important} #app .merchant-workbench .ls25-kpis .metric-card:nth-child(2){background:linear-gradient(135deg,#fff,#eafbf1)!important} #app .merchant-workbench .ls25-kpis .metric-card:nth-child(3){background:linear-gradient(135deg,#fff,#f2edff)!important} #app .merchant-workbench .ls25-kpis .metric-card:nth-child(4){background:linear-gradient(135deg,#fff,#eaf9f4)!important} #app .merchant-workbench .ls25-kpis .metric-card:nth-child(n+5){min-height:76px!important;padding:13px 18px!important} #app .merchant-workbench .ls25-kpis .metric-value{font-size:25px!important;font-weight:750!important} #app .merchant-workbench .ls25-main{display:grid!important;grid-template-columns:minmax(0,1.95fr) minmax(300px,.95fr)!important;gap:16px!important;align-items:start!important;width:100%!important;max-width:none!important} #app .merchant-workbench .ls25-left,#app .merchant-workbench .ls25-right{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%} #app .merchant-workbench .ls25-panel,#app .merchant-workbench .table-grid>*,#app .merchant-workbench .action-grid>*{background:#fffffff2;border:1px solid #fff;border-radius:20px;box-shadow:0 12px 30px #6175b112;padding:18px 20px;min-width:0;width:100%;max-width:none} #app .merchant-workbench .ls25-panel-heading{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:15px;font-size:16px} #app .merchant-workbench .ls25-panel-heading span{font-size:12px;color:#8390aa} #app .merchant-workbench .ls25-trend-empty{height:190px;border:1px dashed #d6dff7;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#7182a1;padding:18px;font-size:12px} #app .merchant-workbench .ls25-trend-empty strong{font-size:14px;color:#52627f} #app .merchant-workbench .ls25-empty-icon{font-size:25px;color:#3e76ff} #app .merchant-workbench .ls25-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #app .merchant-workbench .ls25-shortcuts button{cursor:pointer;min-height:64px;border:1px solid #e9efff;background:linear-gradient(135deg,#f3f6ff,#eef2ff);color:#2860d9;border-radius:13px;font-weight:650} #app .merchant-workbench .ls25-shortcuts button:hover{background:#e2eaff} #app .merchant-workbench .ls25-notice p{color:#61708e;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0} #app .merchant-workbench .ls25-store-icon{font-size:19px!important;color:#286bff!important} #app .merchant-workbench .ls25-merchant dl{margin:0} #app .merchant-workbench .ls25-merchant dl>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f8;font-size:13px} #app .merchant-workbench .ls25-merchant dl>div:last-child{border:0} #app .merchant-workbench .ls25-merchant dt{color:#74819d;flex:none} #app .merchant-workbench .ls25-merchant dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600} #app .merchant-workbench .table-grid,#app .merchant-workbench .action-grid{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;max-width:none!important;grid-template-columns:none!important;grid-template-areas:none!important} #app .merchant-workbench .arco-table-container{overflow-x:auto!important} @media(max-width:1150px){#app .merchant-workbench .ls25-main{grid-template-columns:minmax(0,1fr)!important}#app .merchant-workbench .ls25-kpis .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:650px){#app .merchant-workbench{padding:14px 12px 75px}#app .merchant-workbench .ls25-greeting{align-items:flex-start}#app .merchant-workbench .ls25-greeting-title{font-size:21px}#app .merchant-workbench .ls25-kpis .metric-card{padding:14px!important;min-height:100px!important}#app .merchant-workbench .ls25-panel{padding:15px}#app .merchant-workbench .ls25-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}} #app .merchant-workbench .ls25-store-icon{display:inline-block;width:20px;height:20px;flex:none;background-color:#286bff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10V7l2-4h14l2 4v3a3 3 0 0 1-3 3 3 3 0 0 1-3-2 3 3 0 0 1-6 0 3 3 0 0 1-3 2 3 3 0 0 1-3-3Zm2 4h2v5h10v-5h2v7H5v-7Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10V7l2-4h14l2 4v3a3 3 0 0 1-3 3 3 3 0 0 1-3-2 3 3 0 0 1-6 0 3 3 0 0 1-3 2 3 3 0 0 1-3-3Zm2 4h2v5h10v-5h2v7H5v-7Z'/%3E%3C/svg%3E") center/contain no-repeat} /* V2.6 desktop density & first-screen readability */ #app .merchant-workbench{padding:18px 24px 78px!important;background:radial-gradient(ellipse at 85% 8%,rgba(211,221,255,.75),transparent 52%),#f7f9ff!important} #app .merchant-workbench .ls25-greeting{margin-bottom:12px!important} #app .merchant-workbench .ls25-greeting-title{font-size:23px!important;line-height:1.28!important} #app .merchant-workbench .ls25-kpis{margin-bottom:12px!important} #app .merchant-workbench .ls25-kpis .metric-grid{gap:10px!important} #app .merchant-workbench .ls25-kpis .metric-card{min-height:102px!important;padding:15px 18px!important;border-radius:17px!important} #app .merchant-workbench .ls25-kpis .metric-card:nth-child(n+5){min-height:65px!important;padding:10px 16px!important} #app .merchant-workbench .ls25-kpis .metric-value{font-size:23px!important;line-height:1.2!important} #app .merchant-workbench .ls25-main{gap:12px!important;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important} #app .merchant-workbench .ls25-left,#app .merchant-workbench .ls25-right{gap:12px!important} #app .merchant-workbench .ls25-panel,#app .merchant-workbench .table-grid>*,#app .merchant-workbench .action-grid>*{border-radius:17px!important;padding:15px 17px!important;box-shadow:0 8px 24px rgba(89,113,180,.08)!important} #app .merchant-workbench .ls25-panel-heading{margin-bottom:10px!important} #app .merchant-workbench .ls25-trend-empty{height:118px!important;gap:4px!important;padding:12px!important} #app .merchant-workbench .ls25-trend-empty strong{font-size:13px!important} #app .merchant-workbench .ls25-trend-empty span{max-width:530px;line-height:1.5} #app .merchant-workbench .ls25-empty-icon{font-size:20px!important} #app .merchant-workbench .ls25-shortcuts{gap:8px!important} #app .merchant-workbench .ls25-shortcuts button{min-height:49px!important;border-radius:11px!important} #app .merchant-workbench .ls25-merchant dl>div{padding:7px 0!important} #app .merchant-workbench .ls25-notice p{line-height:1.45!important} @media(max-width:1150px){#app .merchant-workbench .ls25-main{grid-template-columns:minmax(0,1fr)!important}} @media(max-width:650px){#app .merchant-workbench{padding:14px 12px 70px!important}#app .merchant-workbench .ls25-kpis .metric-card{min-height:88px!important;padding:12px!important}#app .merchant-workbench .ls25-kpis .metric-card:nth-child(n+5){min-height:65px!important}#app .merchant-workbench .ls25-greeting-title{font-size:20px!important}#app .merchant-workbench .ls25-trend-empty{height:auto!important;min-height:120px!important}} /* V2.7 actual four-KPI component layout */ #app .merchant-workbench{padding:20px 26px 96px!important;background:radial-gradient(ellipse at 80% 0%,#e9edff 0%,transparent 46%),#f7f9ff!important} #app .merchant-workbench .ls27-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 17px} #app .merchant-workbench .ls27-kpi{position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:148px;padding:20px 22px;border:1px solid #fff;border-radius:20px;background:linear-gradient(145deg,#fff,#eef3ff);box-shadow:0 10px 30px rgba(87,106,165,.08)} #app .merchant-workbench .ls27-kpi:nth-child(2){background:linear-gradient(145deg,#fff,#effaf6)} #app .merchant-workbench .ls27-kpi:nth-child(3){background:linear-gradient(145deg,#fff,#f5f1ff)} #app .merchant-workbench .ls27-kpi:nth-child(4){background:linear-gradient(145deg,#fff,#eff5ff)} #app .merchant-workbench .ls27-kpi-icon{position:absolute;right:18px;top:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e6edff;color:#356bf1;font-size:21px;font-weight:700} #app .merchant-workbench .ls27-kpi-label{font-size:13px;color:#74829d} #app .merchant-workbench .ls27-kpi strong{font-size:29px;line-height:1.25;letter-spacing:-.5px;color:#101d3c;font-weight:760} #app .merchant-workbench .ls27-kpi small{font-size:12px;color:#91a0b7} #app .merchant-workbench .ls25-main{grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr)!important;gap:16px!important} #app .merchant-workbench .ls25-left,#app .merchant-workbench .ls25-right{gap:14px!important} #app .merchant-workbench .ls25-trend-empty{min-height:175px!important;height:175px!important;background:linear-gradient(180deg,#f9fbff,#fff);border:1px dashed #dce4f6} #app .merchant-workbench .ls25-trend-empty span{max-width:370px} #app .merchant-workbench .ls27-aux-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #app .merchant-workbench .ls27-aux-grid>div{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 10px;border-radius:12px;background:#f4f7ff} #app .merchant-workbench .ls27-aux-grid span{font-size:12px;color:#7a89a6} #app .merchant-workbench .ls27-aux-grid strong{font-size:15px;color:#182b52;white-space:nowrap} #app .merchant-workbench .ls25-shortcuts button{min-height:58px!important;font-size:13px} #app .merchant-workbench .ls25-panel-heading{margin-bottom:12px!important} @media(max-width:1200px){#app .merchant-workbench .ls27-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#app .merchant-workbench .ls25-main{grid-template-columns:minmax(0,1fr)!important}} @media(max-width:650px){#app .merchant-workbench{padding:14px 12px 90px!important}#app .merchant-workbench .ls27-kpis{gap:9px}#app .merchant-workbench .ls27-kpi{padding:15px 12px;min-height:125px}#app .merchant-workbench .ls27-kpi strong{font-size:21px}#app .merchant-workbench .ls27-kpi-icon{width:27px;height:27px;right:9px;top:9px;font-size:15px}#app .merchant-workbench .ls27-aux-grid{grid-template-columns:1fr 1fr}#app .merchant-workbench .ls25-trend-empty{min-height:130px!important;height:auto!important}} /* V2.8 visual refinement — standalone replacement for V2.7 stylesheet. No DOM mutations, no business logic changes. */ #app .merchant-workbench{ --ls-ink:#101d3d;--ls-muted:#8190ac;--ls-line:#e9eefb; background:radial-gradient(ellipse 55% 48% at 88% 8%,rgba(205,217,255,.64),transparent 85%), linear-gradient(145deg,#f9fbff 0%,#f3f6ff 60%,#f8faff 100%)!important; color:var(--ls-ink);padding:22px 28px 116px!important; } #app .merchant-workbench .ls25-greeting{margin-bottom:18px!important;align-items:center} #app .merchant-workbench .ls25-greeting-title{font-size:25px!important;letter-spacing:-.6px} #app .merchant-workbench .ls25-greeting-sub{color:#8190ab!important} #app .merchant-workbench .ls25-state{background:#e7f8ee!important;color:#148447!important;border:1px solid #d8f2e4} #app .merchant-workbench .ls27-kpis{gap:15px;margin-bottom:18px} #app .merchant-workbench .ls27-kpi{ min-height:144px;padding:22px 23px;border:1px solid rgba(255,255,255,.94); border-radius:22px;box-shadow:0 12px 28px rgba(59,87,159,.075),inset 0 1px rgba(255,255,255,.9); transition:transform .2s ease,box-shadow .2s ease;overflow:hidden; } #app .merchant-workbench .ls27-kpi:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(59,87,159,.12)} #app .merchant-workbench .ls27-kpi:nth-child(1){background:linear-gradient(125deg,#fff 5%,#edf3ff 100%)} #app .merchant-workbench .ls27-kpi:nth-child(2){background:linear-gradient(125deg,#fff 5%,#ecfaf4 100%)} #app .merchant-workbench .ls27-kpi:nth-child(3){background:linear-gradient(125deg,#fff 5%,#f4efff 100%)} #app .merchant-workbench .ls27-kpi:nth-child(4){background:linear-gradient(125deg,#fff 5%,#eef4ff 100%)} #app .merchant-workbench .ls27-kpi-label{font-size:13px;letter-spacing:.1px;color:#7887a3} #app .merchant-workbench .ls27-kpi strong{font-size:30px;letter-spacing:-.75px;font-variant-numeric:tabular-nums} #app .merchant-workbench .ls27-kpi small{font-size:12px;color:#8d9bb4} #app .merchant-workbench .ls27-kpi-icon{ width:38px;height:38px;right:18px;top:17px;border-radius:12px; background:rgba(224,233,255,.8);color:#3067e8;font-size:19px; } #app .merchant-workbench .ls25-main{gap:16px!important;grid-template-columns:minmax(0,1.92fr) minmax(325px,1fr)!important} #app .merchant-workbench .ls25-left,#app .merchant-workbench .ls25-right{gap:14px!important} #app .merchant-workbench .ls25-panel{ background:rgba(255,255,255,.96)!important;border:1px solid rgba(237,242,255,.95)!important; border-radius:21px!important;padding:18px 20px!important; box-shadow:0 12px 30px rgba(66,89,151,.065)!important; } #app .merchant-workbench .ls25-panel-heading{font-size:16px;font-weight:720;margin-bottom:13px!important;color:#17254a} #app .merchant-workbench .ls25-trend-empty{ height:150px!important;min-height:150px!important;border:1px dashed #d8e3fb; border-radius:16px;background:radial-gradient(ellipse at 50% 0%,#f0f5ff 0%,#fbfcff 70%); color:#8795b0;gap:5px!important; } #app .merchant-workbench .ls25-trend-empty strong{font-size:14px!important;color:#516483} #app .merchant-workbench .ls25-empty-icon{color:#4e7bfa!important;font-size:23px!important} #app .merchant-workbench .ls25-shortcuts{gap:10px!important} #app .merchant-workbench .ls25-shortcuts button{ min-height:58px!important;background:linear-gradient(135deg,#f3f6ff,#ecf1ff)!important; border:1px solid #eaf0ff!important;border-radius:13px!important; color:#2c61d8!important;font-weight:680!important;transition:background .15s,transform .15s; } #app .merchant-workbench .ls25-shortcuts button:hover{background:#e4ecff!important;transform:translateY(-1px)} #app .merchant-workbench .ls27-aux-grid{gap:9px} #app .merchant-workbench .ls27-aux-grid>div{background:#f3f6ff;border:1px solid #edf1fc;border-radius:12px;padding:12px 11px} #app .merchant-workbench .ls27-aux-grid strong{font-size:16px;font-variant-numeric:tabular-nums} #app .merchant-workbench .ls25-merchant dl>div{padding:9px 0!important;border-color:#eef1f9} #app .merchant-workbench .arco-table-th{background:#f1f5ff!important;color:#354a75!important} #app .merchant-workbench .arco-table-td{border-color:#edf1fa!important} #app .merchant-workbench .arco-table-tr:hover .arco-table-td{background:#f8faff!important} @media(max-width:1200px){ #app .merchant-workbench .ls25-main{grid-template-columns:minmax(0,1fr)!important} #app .merchant-workbench .ls27-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:650px){ #app .merchant-workbench{padding:15px 12px 96px!important} #app .merchant-workbench .ls25-greeting-title{font-size:21px!important} #app .merchant-workbench .ls27-kpis{gap:10px} #app .merchant-workbench .ls27-kpi{min-height:125px;padding:16px 13px} #app .merchant-workbench .ls27-kpi strong{font-size:22px} #app .merchant-workbench .ls27-kpi-icon{width:28px;height:28px;right:10px;top:10px;font-size:15px} #app .merchant-workbench .ls25-panel{padding:15px!important} #app .merchant-workbench .ls25-trend-empty{height:130px!important;min-height:130px!important} } @media(prefers-reduced-motion:reduce){#app .merchant-workbench .ls27-kpi,#app .merchant-workbench .ls25-shortcuts button{transition:none!important;transform:none!important}} /* V2.9 visual design implementation — scoped to existing verified V2.7 DOM. Does not alter application logic or fabricate trend data. */ #app .merchant-workbench{ --ls-blue:#2164f3;--ls-navy:#102149; padding:20px 26px 112px!important; background: radial-gradient(ellipse 43% 38% at 74% 4%,rgba(171,208,255,.55),transparent 85%), radial-gradient(ellipse 36% 45% at 100% 58%,rgba(207,218,255,.58),transparent 92%), linear-gradient(120deg,#f5f9ff 0%,#eef5ff 52%,#f6f8ff 100%)!important; } #app .merchant-workbench .ls25-greeting{ position:relative;isolation:isolate;min-height:62px;margin-bottom:17px!important; } #app .merchant-workbench .ls25-greeting-title{ font-size:26px!important;font-weight:800!important;letter-spacing:-.8px;color:#0c1d44!important; } #app .merchant-workbench .ls25-greeting-sub{font-size:13px!important;color:#7184a6!important} #app .merchant-workbench .ls25-state{ padding:8px 15px!important;border-radius:999px!important; background:#e8fbef!important;border:1px solid #d5f6e3!important;color:#13894a!important; box-shadow:0 5px 14px rgba(22,157,95,.06); } #app .merchant-workbench .ls27-kpis{gap:16px!important;margin-bottom:18px!important} #app .merchant-workbench .ls27-kpi{ isolation:isolate;justify-content:center!important;min-height:142px!important; padding:20px 22px 20px 110px!important;border-radius:22px!important; box-shadow:0 12px 25px rgba(44,91,169,.09),inset 0 1px rgba(255,255,255,.98)!important; border:1px solid rgba(255,255,255,.96)!important; } #app .merchant-workbench .ls27-kpi:after{ content:"";pointer-events:none;position:absolute;z-index:-1; width:67%;height:70px;right:-10%;bottom:-42px;border-radius:50% 50% 0 0; transform:rotate(-13deg);background:rgba(78,151,255,.13); } #app .merchant-workbench .ls27-kpi:nth-child(2):after{background:rgba(36,192,128,.12)} #app .merchant-workbench .ls27-kpi:nth-child(3):after{background:rgba(126,96,255,.13)} #app .merchant-workbench .ls27-kpi:nth-child(4):after{background:rgba(255,158,82,.15)} #app .merchant-workbench .ls27-kpi:nth-child(1){background:linear-gradient(120deg,#fff,#e9f3ff)!important} #app .merchant-workbench .ls27-kpi:nth-child(2){background:linear-gradient(120deg,#fff,#e9faf4)!important} #app .merchant-workbench .ls27-kpi:nth-child(3){background:linear-gradient(120deg,#fff,#f1efff)!important} #app .merchant-workbench .ls27-kpi:nth-child(4){background:linear-gradient(120deg,#fff,#fff3e9)!important} #app .merchant-workbench .ls27-kpi-icon{ position:absolute!important;top:50%!important;left:24px!important;right:auto!important; transform:translateY(-50%)!important;width:62px!important;height:62px!important; border-radius:19px!important;font-size:0!important; background:#dcebff!important;box-shadow:0 9px 16px rgba(45,104,216,.1); } #app .merchant-workbench .ls27-kpi:nth-child(2) .ls27-kpi-icon{background:#dff8e9!important} #app .merchant-workbench .ls27-kpi:nth-child(3) .ls27-kpi-icon{background:#e8e1ff!important} #app .merchant-workbench .ls27-kpi:nth-child(4) .ls27-kpi-icon{background:#ffeddb!important} #app .merchant-workbench .ls27-kpi-icon:before{ content:"";display:block;width:32px;height:32px;background-position:center;background-repeat:no-repeat;background-size:contain; } #app .merchant-workbench .ls27-kpi:nth-child(1) .ls27-kpi-icon:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c7fe9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E"); } #app .merchant-workbench .ls27-kpi:nth-child(2) .ls27-kpi-icon:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231caa70' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='15' rx='3'/%3E%3Cpath d='M6 6V4a2 2 0 0 1 2-2h10M16 13h5v5h-5a2.5 2.5 0 0 1 0-5Z'/%3E%3C/svg%3E"); } #app .merchant-workbench .ls27-kpi:nth-child(3) .ls27-kpi-icon:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23745af1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3Cpath d='M9 7h6M9 12h6M9 17h3'/%3E%3C/svg%3E"); } #app .merchant-workbench .ls27-kpi:nth-child(4) .ls27-kpi-icon:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f18a34' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M5 19v-5M12 19V9M19 19V4'/%3E%3C/svg%3E"); } #app .merchant-workbench .ls27-kpi-label{font-size:14px!important;color:#4c6185!important} #app .merchant-workbench .ls27-kpi strong{font-size:30px!important;font-weight:800!important;color:#0d214a!important} #app .merchant-workbench .ls27-kpi small{color:#7388a8!important} #app .merchant-workbench .ls25-main{grid-template-columns:minmax(0,1.95fr) minmax(310px,1fr)!important;gap:16px!important} #app .merchant-workbench .ls25-panel{ border-radius:20px!important;padding:17px 19px!important; background:rgba(255,255,255,.93)!important; box-shadow:0 12px 28px rgba(44,82,154,.085)!important; } #app .merchant-workbench .ls25-panel-heading{ font-size:16px!important;font-weight:800!important;color:#10234b!important; } #app .merchant-workbench .ls25-trend-empty{ min-height:164px!important;height:164px!important;border:1px solid #dce8ff!important; background:linear-gradient(180deg,#f7faff,#fff)!important; border-radius:15px!important; } #app .merchant-workbench .ls25-empty-icon{ font-size:0!important;display:block!important;width:55px;height:44px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48' fill='none'%3E%3Crect x='6' y='6' width='52' height='35' rx='6' fill='%23e3eeff' stroke='%237fa9ff'/%3E%3Cpath d='M16 32V23M28 32V16M40 32V21' stroke='%23578df5' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='47' cy='32' r='9' fill='white' stroke='%233d7af1' stroke-width='3'/%3E%3Cpath d='m53 38 6 6' stroke='%233d7af1' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); } #app .merchant-workbench .ls25-shortcuts button{ min-height:55px!important;border-radius:13px!important; background:linear-gradient(115deg,#edf5ff,#e9efff)!important; border:1px solid #e5eeff!important;box-shadow:none!important; color:#2056b8!important;font-size:13px!important; } #app .merchant-workbench .ls25-shortcuts button:hover{background:#dceaff!important} #app .merchant-workbench .ls27-aux-grid>div{ background:linear-gradient(120deg,#f2f7ff,#e9f2ff)!important;border:0!important; } #app .merchant-workbench .ls27-aux-grid>div:nth-child(2){background:linear-gradient(120deg,#f1fbf7,#e5f8f0)!important} #app .merchant-workbench .ls27-aux-grid>div:nth-child(3){background:linear-gradient(120deg,#f5f2ff,#ebe8ff)!important} #app .merchant-workbench .arco-table-th{background:#edf3ff!important} @media(max-width:1300px){ #app .merchant-workbench .ls27-kpi{padding:18px 15px 18px 78px!important} #app .merchant-workbench .ls27-kpi-icon{left:14px!important;width:50px!important;height:50px!important} #app .merchant-workbench .ls27-kpi-icon:before{width:27px;height:27px} #app .merchant-workbench .ls27-kpi strong{font-size:25px!important} } @media(max-width:1100px){ #app .merchant-workbench .ls25-main{grid-template-columns:1fr!important} #app .merchant-workbench .ls27-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:650px){ #app .merchant-workbench{padding:14px 12px 100px!important} #app .merchant-workbench .ls25-greeting-title{font-size:20px!important} #app .merchant-workbench .ls27-kpis{gap:9px!important} #app .merchant-workbench .ls27-kpi{min-height:120px!important;padding:50px 12px 12px!important} #app .merchant-workbench .ls27-kpi-icon{top:10px!important;left:12px!important;transform:none!important;width:34px!important;height:34px!important;border-radius:10px!important} #app .merchant-workbench .ls27-kpi-icon:before{width:21px;height:21px} #app .merchant-workbench .ls27-kpi strong{font-size:22px!important} #app .merchant-workbench .ls25-trend-empty{height:150px!important;min-height:150px!important} } /* V3.0 targeted polish: visual-only, no Vue or API changes. */ #app .merchant-workbench{--ls-line:#e7edf8;--ls-text:#102449} #app .merchant-workbench .ls27-kpis{margin-bottom:16px!important} #app .merchant-workbench .ls27-kpi{min-height:138px!important;transition:box-shadow .18s ease,transform .18s ease!important} #app .merchant-workbench .ls27-kpi:hover{transform:translateY(-2px)!important;box-shadow:0 16px 30px rgba(43,89,169,.13),inset 0 1px rgba(255,255,255,.98)!important} #app .merchant-workbench .ls25-main{align-items:start!important;gap:16px!important} #app .merchant-workbench .ls25-left,#app .merchant-workbench .ls25-right{min-width:0!important} #app .merchant-workbench .ls25-panel{border:1px solid rgba(235,240,251,.9)!important} #app .merchant-workbench .ls25-trend-empty{height:132px!important;min-height:132px!important;padding:14px!important} #app .merchant-workbench .ls25-empty-icon{width:44px!important;height:36px!important;margin-bottom:3px!important} #app .merchant-workbench .ls25-shortcuts{gap:9px!important} #app .merchant-workbench .ls25-shortcuts button{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-weight:650!important;letter-spacing:.1px;transition:background .18s ease,transform .18s ease!important} #app .merchant-workbench .ls25-shortcuts button:hover{transform:translateY(-1px)!important;background:linear-gradient(120deg,#e3efff,#e7edff)!important} #app .merchant-workbench .ls25-shortcuts button:focus-visible{outline:2px solid #397dff!important;outline-offset:2px!important} #app .merchant-workbench .ls27-aux-grid{gap:8px!important} #app .merchant-workbench .ls27-aux-grid>div{border-radius:12px!important;padding:11px 10px!important} #app .merchant-workbench .ls25-panel-heading{letter-spacing:-.2px} #app .merchant-workbench .arco-table-container{border-radius:12px!important;overflow:hidden} #app .merchant-workbench .arco-table-th{font-weight:700!important;color:#314a79!important} #app .merchant-workbench .arco-table-td{border-bottom:1px solid #edf1f8!important} #app .merchant-workbench .arco-table-tr:hover .arco-table-td{background:#f4f8ff!important} @media(max-width:1100px){#app .merchant-workbench .ls25-main{grid-template-columns:1fr!important}} @media(max-width:650px){ #app .merchant-workbench .ls27-kpi{min-height:124px!important} #app .merchant-workbench .ls25-trend-empty{height:132px!important;min-height:132px!important} #app .merchant-workbench .ls25-shortcuts button{min-height:48px!important} #app .merchant-workbench .ls25-panel{padding:14px!important} } @media(prefers-reduced-motion:reduce){#app .merchant-workbench .ls27-kpi,#app .merchant-workbench .ls25-shortcuts button{transition:none!important;transform:none!important}} /* V3.1: targeted icon alignment. Existing Vue button handlers and data stay intact. */ #app .merchant-workbench .ls25-shortcuts button{font-size:0!important;gap:9px!important;min-height:54px!important;white-space:nowrap!important} #app .merchant-workbench .ls25-shortcuts button::before{content:"";display:inline-block;flex:none;width:19px;height:19px;background-repeat:no-repeat;background-position:center;background-size:contain} #app .merchant-workbench .ls25-shortcuts button::after{display:inline-block;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:0} #app .merchant-workbench .ls25-shortcuts button:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232d6ae5%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m11%2012%209-9%202%202-3%203%202%202-3%203-2-2-3%203%22%2F%3E%3C%2Fsvg%3E")} #app .merchant-workbench .ls25-shortcuts button:nth-child(1)::after{content:"接口凭证"} #app .merchant-workbench .ls25-shortcuts button:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232d6ae5%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E")} #app .merchant-workbench .ls25-shortcuts button:nth-child(2)::after{content:"收款通道"} #app .merchant-workbench .ls25-shortcuts button:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232d6ae5%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010h18M5%2010v11h14V10M2%2010l3-7h14l3%207M9%2021v-7h6v7%22%2F%3E%3C%2Fsvg%3E")} #app .merchant-workbench .ls25-shortcuts button:nth-child(3)::after{content:"商户资料"} #app .merchant-workbench .ls25-shortcuts button:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232d6ae5%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%205h7a5%205%200%200%201%205%205v7M7%205v14h10%22%2F%3E%3C%2Fsvg%3E")} #app .merchant-workbench .ls25-shortcuts button:nth-child(4)::after{content:"通道路由"} #app .merchant-workbench .ls25-shortcuts button:hover::before{filter:brightness(.9)} #app .merchant-workbench .ls25-panel-heading{display:flex;align-items:center;gap:8px!important} #app .merchant-workbench .ls25-panel-heading strong{line-height:1.5} #app .merchant-workbench .ls27-aux-grid>div{min-width:0} @media(max-width:650px){#app .merchant-workbench .ls25-shortcuts button{min-height:48px!important}#app .merchant-workbench .ls25-shortcuts button::after{font-size:12px}} /* V3.2 visual harmony: restrained surfaces, no JS/DOM changes. */ #app .merchant-workbench{background:radial-gradient(ellipse at 90% 0%,rgba(221,234,255,.48),transparent 43%),#f8fafd!important;color:#142342!important} #app .merchant-workbench .ls25-greeting{margin-bottom:16px!important} #app .merchant-workbench .ls25-greeting-title{font-size:23px!important;letter-spacing:-.45px!important} #app .merchant-workbench .ls25-greeting-sub{color:#8190a7!important} #app .merchant-workbench .ls25-kpis{margin-bottom:15px!important} #app .merchant-workbench .ls27-kpi{min-height:126px!important;border-radius:17px!important;border:1px solid #e9eef7!important;box-shadow:0 6px 20px rgba(32,62,115,.055)!important;transition:box-shadow .2s ease,transform .2s ease!important} #app .merchant-workbench .ls27-kpi:hover{box-shadow:0 9px 22px rgba(32,62,115,.09)!important} /* Neutralize decorative colored bottom waves without changing the KPI content. */ #app .merchant-workbench .ls27-kpi::before,#app .merchant-workbench .ls27-kpi::after{opacity:.16!important} #app .merchant-workbench .ls25-main{gap:15px!important} #app .merchant-workbench .ls25-left,#app .merchant-workbench .ls25-right{gap:14px!important} #app .merchant-workbench .ls25-panel{border-radius:17px!important;border:1px solid #e9eef7!important;background:#fff!important;box-shadow:0 6px 22px rgba(32,62,115,.045)!important;padding:16px 18px!important} #app .merchant-workbench .ls25-panel-heading{margin-bottom:12px!important;color:#15264a!important} #app .merchant-workbench .ls25-trend-empty{height:118px!important;min-height:118px!important;border:1px dashed #dce6f6!important;background:#fafcff!important;border-radius:12px!important;color:#8190a7!important} #app .merchant-workbench .ls25-trend-empty strong{color:#4d6388!important} #app .merchant-workbench .ls25-shortcuts{gap:9px!important} #app .merchant-workbench .ls25-shortcuts button{min-height:51px!important;border:1px solid #e5ebf6!important;border-radius:11px!important;background:#f9fbff!important;color:#255fd3!important;box-shadow:none!important} #app .merchant-workbench .ls25-shortcuts button:hover{background:#eff5ff!important;border-color:#d2e1fb!important;transform:translateY(-1px)!important} #app .merchant-workbench .ls25-shortcuts button::before{width:18px!important;height:18px!important} #app .merchant-workbench .ls27-aux-grid{gap:8px!important} #app .merchant-workbench .ls27-aux-grid>div{border-radius:10px!important;box-shadow:none!important} #app .merchant-workbench .arco-table-th{background:#f3f6fc!important;color:#405677!important} #app .merchant-workbench .arco-table-td{border-bottom:1px solid #edf1f6!important} #app .merchant-workbench .arco-table-tr:hover .arco-table-td{background:#f7faff!important} @media(max-width:650px){#app .merchant-workbench{padding:16px 12px 80px!important}#app .merchant-workbench .ls27-kpi{min-height:115px!important}#app .merchant-workbench .ls25-panel{padding:14px!important}#app .merchant-workbench .ls25-trend-empty{height:115px!important;min-height:115px!important}} @media(prefers-reduced-motion:reduce){#app .merchant-workbench .ls27-kpi,#app .merchant-workbench .ls25-shortcuts button{transition:none!important;transform:none!important}} /* V3.3 hierarchy and density refinement. CSS only; no data or navigation changes. */ #app .merchant-workbench{background:radial-gradient(ellipse at 88% 4%,rgba(215,229,252,.40),transparent 42%),#f8fafd!important;padding-top:25px!important} #app .merchant-workbench .ls25-greeting{margin-bottom:17px!important} #app .merchant-workbench .ls25-greeting-title{font-size:24px!important;font-weight:760!important;color:#102449!important} #app .merchant-workbench .ls25-greeting-sub{font-size:12px!important;letter-spacing:.05px} #app .merchant-workbench .ls25-state{border:1px solid #d8f0e3!important;box-shadow:none!important} #app .merchant-workbench .ls27-kpis{gap:13px!important;margin-bottom:15px!important} #app .merchant-workbench .ls27-kpi{min-height:120px!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(35,68,120,.045)!important} #app .merchant-workbench .ls27-kpi:first-child{border-color:#d9e8ff!important;background:linear-gradient(135deg,#fff 0%,#f2f7ff 70%,#e8f2ff 100%)!important;box-shadow:0 9px 24px rgba(44,103,196,.095)!important} #app .merchant-workbench .ls27-kpi:first-child strong{color:#0d3d8b!important;font-size:31px!important;letter-spacing:-.7px!important} #app .merchant-workbench .ls27-kpi:not(:first-child) strong{font-size:27px!important} #app .merchant-workbench .ls27-kpi::before,#app .merchant-workbench .ls27-kpi::after{opacity:.08!important} #app .merchant-workbench .ls25-main{gap:14px!important} #app .merchant-workbench .ls25-left,#app .merchant-workbench .ls25-right{gap:12px!important} #app .merchant-workbench .ls25-panel{padding:15px 17px!important;border-radius:16px!important;box-shadow:0 4px 17px rgba(28,60,110,.04)!important} #app .merchant-workbench .ls25-panel-heading{margin-bottom:10px!important} #app .merchant-workbench .ls25-panel-heading strong{font-size:15px!important;font-weight:750!important} #app .merchant-workbench .ls25-trend-empty{height:94px!important;min-height:94px!important;padding:9px!important;background:linear-gradient(180deg,#fbfcff,#f8fbff)!important} #app .merchant-workbench .ls25-empty-icon{width:36px!important;height:28px!important;margin-bottom:0!important} #app .merchant-workbench .ls25-shortcuts{gap:8px!important} #app .merchant-workbench .ls25-shortcuts button{min-height:46px!important;border-radius:10px!important;background:#f6f9ff!important} #app .merchant-workbench .ls27-aux-grid>div{padding:10px 9px!important;border:1px solid #edf1fa!important} #app .merchant-workbench .arco-table-th{background:#f5f7fc!important} #app .merchant-workbench .arco-table-td{padding-top:10px!important;padding-bottom:10px!important} @media(max-width:1300px){#app .merchant-workbench .ls27-kpi:first-child strong{font-size:27px!important}} @media(max-width:650px){#app .merchant-workbench{padding-top:16px!important}#app .merchant-workbench .ls27-kpi{min-height:115px!important}#app .merchant-workbench .ls27-kpi:first-child strong{font-size:23px!important}#app .merchant-workbench .ls27-kpi:not(:first-child) strong{font-size:22px!important}#app .merchant-workbench .ls25-trend-empty{height:105px!important;min-height:105px!important}#app .merchant-workbench .ls25-shortcuts button{min-height:46px!important}} /* V3.4 premium business visual pass — CSS only, existing real Vue data preserved. */ #app .merchant-workbench{background:radial-gradient(ellipse at 79% 5%,rgba(207,226,255,.58),transparent 43%),#f7f9fd!important;color:#142442!important} #app .merchant-workbench .ls25-greeting{margin-bottom:18px!important} #app .merchant-workbench .ls25-greeting-title{font-size:24px!important;letter-spacing:-.55px!important} #app .merchant-workbench .ls27-kpis{gap:14px!important;margin-bottom:17px!important} #app .merchant-workbench .ls27-kpi{min-height:132px!important;border-radius:19px!important;border:1px solid rgba(229,236,249,.96)!important;box-shadow:0 10px 25px rgba(29,68,133,.055)!important;background:#fff!important;overflow:hidden!important} #app .merchant-workbench .ls27-kpi:first-child{background:linear-gradient(125deg,#0985f9 0%,#0764f5 56%,#0756ed 100%)!important;border-color:#1476ff!important;box-shadow:0 13px 28px rgba(20,104,231,.22)!important} #app .merchant-workbench .ls27-kpi:first-child,#app .merchant-workbench .ls27-kpi:first-child *{color:#fff!important} #app .merchant-workbench .ls27-kpi:first-child strong{color:#fff!important;font-size:32px!important} #app .merchant-workbench .ls27-kpi:first-child .ls27-kpi-icon{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important} #app .merchant-workbench .ls27-kpi:first-child .ls27-kpi-icon:before{filter:brightness(0) invert(1)!important} #app .merchant-workbench .ls27-kpi:not(:first-child){background:linear-gradient(140deg,#fff,#f5f8ff)!important} #app .merchant-workbench .ls27-kpi:not(:first-child) strong{color:#10254a!important;font-size:28px!important} #app .merchant-workbench .ls27-kpi::before,#app .merchant-workbench .ls27-kpi::after{opacity:.05!important} #app .merchant-workbench .ls25-main{gap:17px!important} #app .merchant-workbench .ls25-left,#app .merchant-workbench .ls25-right{gap:13px!important} #app .merchant-workbench .ls25-panel{border-radius:18px!important;padding:17px 19px!important;background:#fff!important;border:1px solid #e8eef9!important;box-shadow:0 9px 25px rgba(26,62,119,.05)!important} #app .merchant-workbench .ls25-panel-heading{margin-bottom:12px!important} #app .merchant-workbench .ls25-panel-heading strong{font-size:16px!important;color:#10254a!important} #app .merchant-workbench .ls25-trend-empty{height:126px!important;min-height:126px!important;background:linear-gradient(180deg,#fbfdff,#f5f9ff)!important;border:1px solid #e0eaff!important;border-radius:13px!important} #app .merchant-workbench .ls25-shortcuts{gap:9px!important} #app .merchant-workbench .ls25-shortcuts button{min-height:52px!important;border:1px solid #e0e9fa!important;border-radius:12px!important;background:linear-gradient(180deg,#f9fbff,#f0f5ff)!important;box-shadow:none!important} #app .merchant-workbench .ls25-shortcuts button:hover{background:#eaf2ff!important;border-color:#bcd4ff!important} #app .merchant-workbench .ls27-aux-grid>div{border:1px solid #e7eefb!important;border-radius:12px!important} #app .merchant-workbench .arco-table-th{background:#eef4ff!important;color:#344f7a!important} #app .merchant-workbench .arco-table-td{padding-top:9px!important;padding-bottom:9px!important} @media(max-width:1200px){#app .merchant-workbench .ls27-kpi{min-height:120px!important}} @media(max-width:650px){#app .merchant-workbench{padding:16px 12px 85px!important}#app .merchant-workbench .ls27-kpis{gap:10px!important}#app .merchant-workbench .ls27-kpi{min-height:115px!important;padding:14px 12px!important}#app .merchant-workbench .ls27-kpi:first-child strong{font-size:24px!important}#app .merchant-workbench .ls27-kpi:not(:first-child) strong{font-size:22px!important}#app .merchant-workbench .ls25-panel{padding:14px!important}#app .merchant-workbench .ls25-trend-empty{height:115px!important;min-height:115px!important}#app .merchant-workbench .ls25-shortcuts button{min-height:48px!important}} @media(prefers-reduced-motion:reduce){#app .merchant-workbench .ls27-kpi,#app .merchant-workbench .ls25-shortcuts button{transition:none!important;transform:none!important}} /* V4.0: reference-inspired light lavender / blue merchant workbench. */ #app .merchant-workbench{background:radial-gradient(ellipse 50% 32% at 50% -6%,rgba(140,156,251,.30),transparent 90%),radial-gradient(ellipse 35% 38% at 96% 3%,rgba(177,215,255,.32),transparent 90%),linear-gradient(135deg,#f8f9ff,#f1f4ff 55%,#f8faff)!important;padding:22px 26px 100px!important;color:#1e2a52!important} #app .merchant-workbench .ls25-greeting{padding:10px 3px 6px!important;min-height:82px!important} #app .merchant-workbench .ls25-greeting-title{font-size:26px!important;letter-spacing:-.7px!important;color:#1d2b59!important;font-weight:750!important} #app .merchant-workbench .ls25-greeting-sub{color:#8591b1!important} #app .merchant-workbench .ls25-state{background:#e8f8f0!important;border:1px solid #d2efdf!important;color:#22976b!important;border-radius:100px!important;padding:7px 14px!important} #app .merchant-workbench .ls27-kpis{gap:16px!important;margin-bottom:18px!important} #app .merchant-workbench .ls27-kpi{min-height:148px!important;border-radius:19px!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 12px 30px rgba(73,86,159,.075)!important;padding:20px 19px 20px 76px!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease} #app .merchant-workbench .ls27-kpi:hover{transform:translateY(-2px);box-shadow:0 17px 32px rgba(73,86,159,.11)!important} #app .merchant-workbench .ls27-kpi:nth-child(1){background:linear-gradient(135deg,#e6ecff 0%,#f2f4ff 100%)!important} #app .merchant-workbench .ls27-kpi:nth-child(2){background:linear-gradient(135deg,#e9f6ff 0%,#f3faff 100%)!important} #app .merchant-workbench .ls27-kpi:nth-child(3){background:linear-gradient(135deg,#f0ecff 0%,#f8f6ff 100%)!important} #app .merchant-workbench .ls27-kpi:nth-child(4){background:linear-gradient(135deg,#eaf8f4 0%,#f5fcfa 100%)!important} #app .merchant-workbench .ls27-kpi:after{display:none!important} #app .merchant-workbench .ls27-kpi-icon{left:18px!important;top:23px!important;transform:none!important;width:44px!important;height:44px!important;border-radius:14px!important;background:rgba(255,255,255,.75)!important;box-shadow:0 3px 12px rgba(87,101,174,.06)!important} #app .merchant-workbench .ls27-kpi-icon:before{width:24px!important;height:24px!important} #app .merchant-workbench .ls27-kpi-label{font-size:13px!important;color:#68789d!important} #app .merchant-workbench .ls27-kpi strong{font-size:29px!important;color:#1d2b55!important;font-weight:760!important;letter-spacing:-.8px!important} #app .merchant-workbench .ls27-kpi small{font-size:11px!important;color:#8997b2!important} #app .merchant-workbench .ls25-main{grid-template-columns:minmax(0,1.85fr) minmax(315px,1fr)!important;gap:17px!important} #app .merchant-workbench .ls25-panel{border-radius:19px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 9px 28px rgba(70,83,143,.065)!important;padding:19px 21px!important;backdrop-filter:blur(10px)} #app .merchant-workbench .ls25-panel-heading{font-size:16px!important;color:#25335f!important;font-weight:750!important;margin-bottom:14px!important} #app .merchant-workbench .ls25-trend-empty{min-height:176px!important;height:176px!important;background:linear-gradient(180deg,#f8faff,#fff)!important;border:1px dashed #dfe5f7!important;border-radius:14px!important} #app .merchant-workbench .ls25-trend-empty strong{color:#60749c!important;font-size:14px!important} #app .merchant-workbench .ls25-trend-empty span{color:#9ca9c3!important} #app .merchant-workbench .ls25-shortcuts{gap:10px!important} #app .merchant-workbench .ls25-shortcuts button{background:#f5f7ff!important;border:1px solid #e7ebfa!important;box-shadow:none!important;color:#4963a6!important;border-radius:12px!important;min-height:52px!important;font-size:13px!important} #app .merchant-workbench .ls25-shortcuts button:hover{background:#e9efff!important;border-color:#ccd8ff!important} #app .merchant-workbench .ls27-aux-grid>div{background:#f5f7ff!important;border:1px solid #edf0fb!important;border-radius:12px!important} #app .merchant-workbench .ls25-merchant dl>div{border-bottom:1px solid #edf0f8!important} #app .merchant-workbench .arco-table-th{background:#f5f7ff!important;color:#637498!important} #app .merchant-workbench .arco-table-tr:hover .arco-table-td{background:#f8faff!important} /* Keep existing navigation tree, active routes, and permissions; restyle only. */ #app .arco-layout-sider{background:linear-gradient(180deg,#fcfcff,#f7f8ff)!important;border-right:1px solid #e9edfa!important} #app .arco-menu{background:transparent!important} #app .arco-menu-item,#app .arco-menu-inline-header{border-radius:11px!important;margin:3px 10px!important;color:#596988!important} #app .arco-menu-selected,#app .arco-menu-item.arco-menu-selected{background:linear-gradient(100deg,#e4ebff,#f0f3ff)!important;color:#4165d8!important;font-weight:650!important} @media(max-width:1250px){#app .merchant-workbench .ls27-kpi{padding:66px 14px 14px!important}#app .merchant-workbench .ls27-kpi-icon{top:15px!important;left:15px!important}} @media(max-width:1080px){#app .merchant-workbench .ls25-main{grid-template-columns:1fr!important}#app .merchant-workbench .ls27-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:650px){#app .merchant-workbench{padding:12px 12px 90px!important}#app .merchant-workbench .ls27-kpis{gap:9px!important}#app .merchant-workbench .ls27-kpi{min-height:125px!important}#app .merchant-workbench .ls27-kpi strong{font-size:22px!important}} /* V4.1 targeted corrections against 2026-11-04 deployment screenshot */ #app .merchant-workbench .ls27-kpi:first-child, #app .merchant-workbench .ls27-kpi:first-child .ls27-kpi-label, #app .merchant-workbench .ls27-kpi:first-child strong, #app .merchant-workbench .ls27-kpi:first-child small{color:#24345e!important;text-shadow:none!important;opacity:1!important} #app .merchant-workbench .ls27-kpi:first-child{border-color:#d9e4ff!important;box-shadow:0 12px 26px rgba(62,105,190,.08)!important} /* Previous CSS created duplicate labels via ::after; retain real Vue button text and click handlers. */ #app .merchant-workbench .ls25-shortcuts button{font-size:13px!important;line-height:1.35!important;white-space:normal!important;letter-spacing:0!important} #app .merchant-workbench .ls25-shortcuts button::after{content:none!important;display:none!important} #app .merchant-workbench .ls25-shortcuts button::before{display:none!important;content:none!important} #app .merchant-workbench .ls25-shortcuts button{padding:12px 10px!important;justify-content:center!important;text-align:center!important} /* Improve hierarchy without inventing transaction history. */ #app .merchant-workbench .ls25-trend-empty{min-height:190px!important;height:190px!important} #app .merchant-workbench .ls25-trend-empty span{max-width:92%;text-align:center!important} #app .merchant-workbench .ls25-panel-heading{letter-spacing:-.15px!important} #app .merchant-workbench .ls25-shortcuts button:focus-visible{outline:2px solid #397dff!important;outline-offset:2px!important} @media(max-width:1050px){#app .merchant-workbench .ls25-main{grid-template-columns:minmax(0,1fr)!important}}