:root{color-scheme:light;--sidebar-expanded-width-v1:180px;--sidebar-collapsed-width-v1:70px;--spectrum-background-base:#f4f4f4;--spectrum-background-layer-1:#ffffff;--spectrum-background-layer-2:#f8f8f8;--spectrum-text-primary:#222222;--spectrum-text-secondary:#6d6d6d;--spectrum-text-disabled:#b6b6b6;--spectrum-border-default:#d5d5d5;--spectrum-border-hover:#b3b3b3;--spectrum-accent-background:#1473e6;--spectrum-accent-background-hover:#0d66d0;--spectrum-accent-background-down:#095aba;--spectrum-accent-visual:#2680eb;--spectrum-focus-ring-color:#2680eb;--spectrum-positive:#12805c;--spectrum-notice:#e68619;--spectrum-negative:#d7373f;--tj-tone-success-text:#0f8a45;--tj-tone-success-bg:#eaf8ef;--tj-tone-warning-text:#b56a00;--tj-tone-warning-bg:#fff7e6;--tj-tone-danger-text:#c23131;--tj-tone-danger-bg:#fff0f0;--tj-tone-info-text:#3156a3;--tj-tone-info-bg:#e9f0ff;--tj-tone-neutral-text:#475467;--tj-tone-neutral-bg:#eef2f6;--tj-tone-danger-row-bg:#fff1f0;--tj-tone-warning-row-bg:#fff7ed;--tj-tone-caution-row-bg:#fffbe6;--tj-tone-warning-strong:#f28c28;--tj-tone-danger-strong:#d92d20;--spectrum-control-height:32px;--spectrum-control-radius:6px;--spectrum-card-radius:12px;--spectrum-spacing-50:4px;--spectrum-spacing-75:6px;--spectrum-spacing-100:8px;--spectrum-spacing-150:12px;--spectrum-spacing-200:16px;--spectrum-spacing-300:24px;--spectrum-focus-ring-width:2px;--spectrum-focus-ring-gap:2px;--tj-shell-bg:var(--spectrum-background-base);--tj-page-bg:var(--spectrum-background-base);--tj-body-bg:#f6f8fc;--tj-bar-bg:var(--spectrum-background-base);--tj-topbar-bg:var(--spectrum-background-base);--tj-content-bg:var(--spectrum-background-layer-1);--tj-card-bg:var(--spectrum-background-layer-1);--tj-surface-muted:#f4f7fb;--tj-surface-translucent:rgba(255,255,255,0.78);--tj-action-blue:var(--spectrum-accent-background);--tj-action-blue-hover:var(--spectrum-accent-background-hover);--tj-action-blue-soft:#e8f2ff;--tj-action-blue-border:rgba(35,125,255,0.38);--tj-user-blue-bg:#5ca3ff;--tj-user-blue-text:#155fa8;--tj-text-strong:var(--spectrum-text-primary);--tj-text-body:#344054;--tj-text-muted:var(--spectrum-text-secondary);--tj-text-inverse:#ffffff;--tj-border-subtle:#e1e1e1;--tj-border-control:#cdd8e6;--tj-border-soft:var(--tj-border-subtle);--tj-border-strong:var(--spectrum-border-default);--tj-border-translucent:rgba(202,219,238,0.94);--tj-border-card:rgba(204,222,242,0.88);--tj-border-accent-muted:#7e9cc2;--tj-focus-ring-soft:rgba(29,111,242,0.1);--tj-focus-ring:0 0 0 3px var(--tj-focus-ring-soft);--tj-overlay-backdrop:rgba(15,23,42,0.38);--tj-shadow-soft:0 6px 18px rgba(51,108,255,0.08);--tj-shadow-floating:0 26px 60px rgba(22,35,58,0.16);--tj-shadow-modal:0 28px 80px rgba(20,62,110,0.22);--tj-shadow-inset-control:inset 0 0 0 1px rgba(130,160,195,0.22);--tj-shadow-inset-control-soft:inset 0 0 0 1px rgba(130,160,195,0.18);--tj-positive:#16a34a;--tj-warning:#f97316;--tj-warning-emphasis:#ff8a00;--tj-danger:#ef4444;--tj-danger-text-strong:#c8442d;--tj-control-height:38px;--tj-control-height-compact:34px;--tj-control-radius:8px;--tj-control-padding-x:10px;--tj-panel-radius:8px;--tj-modal-radius:var(--spectrum-card-radius);--tj-table-row-hover-bg:var(--tj-action-blue-soft);--tj-topbar-fixed-height:76px;--tj-brand-lockup-width:148px;--tj-content-inline-gap:12px;--tj-kpi-card-width:188px;--tj-kpi-card-min-width:168px;--tj-kpi-card-max-width:220px;--tj-kpi-card-height:84px;--tj-kpi-card-padding:8px 12px;--tj-kpi-card-radius:10px;--tj-kpi-title-size:12px;--tj-kpi-value-size:22px;--tj-kpi-note-size:11px;--tj-kpi-grid-gap:10px}
:root{--blue-950:#0b1b35;--blue-900:#123b68;--blue-800:#1d6ff2;--blue-700:#1498ee;--blue-500:#73b9ff;--blue-100:#eef7ff;--purple:#6c5cff;--line:#e6edf7;--text:#142033;--muted:#66758a;--bg:#f5f8fc;--panel:#ffffff;--orange:#f59f2f;--teal:#13b6c8;--red:#e4332a;--green:#22a06b;--cream:#fff7ed;--shadow:0 18px 44px rgba(20,42,78,0.08);--shadow-soft:0 10px 28px rgba(20,42,78,0.06);--surface:rgba(255,255,255,0.86);--tj-brand:var(--tj-action-blue);--tj-brand-dark:var(--tj-text-strong);--tj-brand-deep:var(--tj-action-blue-hover);--tj-blue:var(--tj-action-blue);--tj-cyan:var(--spectrum-accent-visual);--tj-orange:var(--tj-warning);--tj-text:var(--tj-text-body);--tj-muted:var(--tj-text-muted);--tj-soft:var(--tj-action-blue-soft);--tj-panel:var(--tj-content-bg);--tj-line:var(--tj-border-subtle);--tj-line-strong:var(--tj-border-control);--tj-shadow:0 10px 28px rgba(15,45,90,0.08);--tj-shadow-soft:0 6px 18px rgba(51,108,255,0.08);--tj-grid:rgba(22,119,255,0.055)}
*{box-sizing:border-box}
[hidden]{display:none !important}
body{margin:0;color:var(--tj-text-strong);background:var(--tj-body-bg);font-family:"PingFang SC","Hiragino Sans GB",Inter,Arial,"Microsoft YaHei",sans-serif;letter-spacing:0}
button,input,select{font:inherit}
@media(max-width:1180px){body:not(.login-body) .app-shell,body:not(.login-body) .app-shell.sidebar-collapsed{max-width:100vw;overflow-x:hidden}
}
html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{overflow:hidden}
html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-label{white-space:normal}
body:not(.login-body) .top-actions{align-items:center}
body:not(.login-body) .account-menu{position:relative;display:inline-flex;align-items:center}
body:not(.login-body) .world-clock span{opacity:0.92}
body:not(.login-body) .account-logout:hover{background:var(--tj-action-blue-soft);color:var(--tj-action-blue)}
body:not(.login-body) .primary-button,body:not(.login-body) .button-primary,body:not(.login-body) .action-button,body:not(.login-body) #manual-sync-button,body:not(.login-body) #budget-upload-button,body:not(.login-body) #fba-run-test-button,body:not(.login-body) #cashflow-refresh-button,body:not(.login-body) #cashflow-capture-button,body:not(.login-body) #inventory-provision-refresh,body:not(.login-body) #lowfee-refresh,body:not(.login-body) #pulse-refresh-button{min-height:36px;border:0;border-radius:7px;color:var(--tj-text-inverse);background:linear-gradient(135deg,var(--tj-brand) 0%,var(--tj-action-blue) 70%,var(--spectrum-accent-visual) 100%);box-shadow:0 10px 20px rgba(51,108,255,0.22);font-weight:800}
body:not(.login-body) .primary-button:hover,body:not(.login-body) .button-primary:hover,body:not(.login-body) .action-button:hover,body:not(.login-body) #manual-sync-button:hover,body:not(.login-body) #budget-upload-button:hover,body:not(.login-body) #fba-run-test-button:hover,body:not(.login-body) #cashflow-refresh-button:hover,body:not(.login-body) #cashflow-capture-button:hover,body:not(.login-body) #inventory-provision-refresh:hover,body:not(.login-body) #lowfee-refresh:hover,body:not(.login-body) #pulse-refresh-button:hover{filter:brightness(1.03);transform:translateY(-1px)}
body:not(.login-body) .panel,body:not(.login-body) .kpi-card,body:not(.login-body) .mini-card,body:not(.login-body) .metric-tile,body:not(.login-body) .insight-card{border:1px solid var(--tj-line);border-radius:8px;background:rgba(255,255,255,0.96);box-shadow:var(--tj-shadow-soft)}
body:not(.login-body) :where(.table-wrap){overflow:auto;border:1px solid var(--tj-line);border-radius:8px;background:var(--tj-content-bg);box-shadow:var(--tj-shadow-soft)}
@media(max-width:720px){body:not(.login-body) th,body:not(.login-body) td{padding:8px;font-size:12px}
}
body:not(.login-body) .sidebar{padding:12px 8px 56px}
body:not(.login-body) .brand{justify-content:center;text-align:center}
body:not(.login-body) .brand-logos{margin-bottom:4px}
body:not(.login-body) .nav{max-height:calc(100vh - 104px);padding-bottom:44px;overflow-x:visible}
body:not(.login-body) .nav-group-title{width:100%;height:34px;min-height:34px;padding:0 7px;border-radius:9px;gap:6px;font-weight:900}
body:not(.login-body) .nav-group-icon{width:26px;height:26px;border-radius:9px}
body:not(.login-body) .nav-group-icon svg{width:16px;height:16px}
body:not(.login-body) .nav-group-caret{width:20px;height:20px}
body:not(.login-body) .nav-item{box-sizing:border-box;width:100%;min-height:34px;margin:3px 0 0;padding:0 7px;border-radius:9px;gap:6px;justify-content:flex-start;overflow:visible;font-weight:850;text-align:left}
body:not(.login-body) .nav-item .nav-icon{flex:0 0 24px;width:24px;height:24px;border-radius:8px}
body:not(.login-body) .nav-icon svg{width:15px;height:15px}
body:not(.login-body) .nav-label{min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}
body:not(.login-body) .nav-item.active{border-radius:9px}
body:not(.login-body) .sidebar-note{left:8px;right:8px;gap:4px}
body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{padding:10px 6px 52px;border-right:1px solid #dbe8f6;background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(247,251,255,0.97));box-shadow:8px 0 24px rgba(13,37,76,0.06)}
body:not(.login-body) .app-shell.sidebar-collapsed .brand{display:flex}
body:not(.login-body) .app-shell.sidebar-collapsed .brand-text{width:100%}
body:not(.login-body) .app-shell.sidebar-collapsed .brand-text strong{display:block;line-height:1.1;white-space:nowrap}
body:not(.login-body) .app-shell.sidebar-collapsed .brand-text small{display:block;margin-top:2px;line-height:1.15;white-space:normal}
body:not(.login-body) .app-shell.sidebar-collapsed .brand-logos,body:not(.login-body) .app-shell.sidebar-collapsed .sidebar-note,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-caret,body:not(.login-body) .app-shell.sidebar-collapsed .nav-item{display:none}
body:not(.login-body) .app-shell.sidebar-collapsed .nav{max-height:none;padding:0}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group{padding:0;border-bottom:0}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title{display:grid;width:100%;height:50px;min-height:50px;padding:0;border-radius:9px;place-items:center;align-content:center;gap:4px;color:#6d7f98;background:transparent;font-weight:750;line-height:1.05}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title>span:nth-child(2){display:block;width:100%}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-icon{display:grid;width:22px;height:22px;border-radius:0;color:#526a88;background:transparent}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-icon svg{width:20px;height:20px}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title{color:var(--tj-action-blue);background:var(--tj-action-blue-soft)}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active .nav-group-icon{color:#0b73ee;background:transparent}
body:not(.login-body) .world-clock{flex:1 1 auto;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
body:not(.login-body) .world-clock span{flex:0 0 auto}
body:not(.login-body) .top-actions{gap:6px;position:relative;flex-wrap:nowrap}
body:not(.login-body) .account-menu{position:relative;display:inline-flex;align-items:center}
body:not(.login-body) .account-trigger{cursor:pointer}
body:not(.login-body) .account-logout{white-space:nowrap}
body:not(.login-body) .nav-group{border-bottom:0}
body:not(.login-body) .nav-group-title{justify-content:center;text-align:center}
body:not(.login-body) .nav-group-title>span:nth-child(2){flex:0 1 auto;text-align:center}
body:not(.login-body) .nav-group-caret{margin-left:auto}
body:not(.login-body) .sidebar-toggle,body:not(.login-body) #sidebar-toggle{left:8px;transform:none}
body:not(.login-body) .app-shell.sidebar-collapsed .brand{text-align:left}
body:not(.login-body) .app-shell.sidebar-collapsed .brand-text{text-align:left}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title{font-size:15px;justify-content:center}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title>span:nth-child(2){text-align:center}
body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{padding-bottom:52px}
body:not(.login-body) .app-shell.sidebar-collapsed .sidebar-toggle,body:not(.login-body) .app-shell.sidebar-collapsed #sidebar-toggle{left:8px;right:8px;bottom:8px;width:auto;height:32px;border-radius:10px}
body:not(.login-body) .sidebar{padding-bottom:132px}
body:not(.login-body) .brand-logos{position:absolute;left:10px;right:10px;bottom:50px;display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:5px;margin:0}
body:not(.login-body) .brand-logo-card{height:40px;min-height:40px}
body:not(.login-body) .brand-logo-card img{max-height:36px}
body:not(.login-body) .brand-logo-x{font-size:12px}
body:not(.login-body) .sidebar-note{bottom:96px}
body:not(.login-body) .nav-group-title{font-size:18px}
body:not(.login-body) .nav-item{font-size:15px}
body:not(.login-body) .app-shell.sidebar-collapsed .brand-logos{display:none}
body:not(.login-body) .account-trigger{font-size:12px}
body:not(.login-body) .account-trigger::before{margin-right:6px;color:#6d7f98;font-size:11px;font-weight:750}
@media(max-width:1180px){body:not(.login-body) .app-shell,body:not(.login-body) .app-shell.sidebar-collapsed{grid-template-columns:1fr}
}
html.os-windows body:not(.login-body) .nav-group-title{font-weight:600}
html.os-windows body:not(.login-body) .nav-item{min-height:38px;padding:4px 7px;align-items:center;font-weight:500;line-height:1.15}
html.os-windows body:not(.login-body) .nav-item .nav-icon{flex:0 0 22px;width:22px;height:22px}
html.os-windows body:not(.login-body) .nav-label{white-space:normal;overflow:visible;text-overflow:clip;word-break:keep-all;line-height:1.15}
html.os-windows body:not(.login-body) .nav-item[data-view="purchase"]{min-height:42px}
html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title{font-size:15px;font-weight:500;line-height:1.18}
@media(max-width:1180px){html.os-windows body:not(.login-body) .app-shell,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed{grid-template-columns:1fr}
}
body:not(.login-body) .view>.module-hero{position:relative;justify-content:space-between;min-height:0}
body:not(.login-body) .view>.module-hero::before{content:"";position:absolute;left:0;top:5px;bottom:14px;width:3px;border-radius:999px;background:linear-gradient(180deg,#2f6fff 0%,#21c4dc 100%)}
body:not(.login-body) .view>.module-hero>div:first-child{min-width:0}
body:not(.login-body) .view>.module-hero span{display:inline-flex;align-items:center;min-height:16px;color:#647795;font-size:11px;font-weight:760;line-height:1.2}
body:not(.login-body) .view>.module-hero .hero-actions{flex:0 0 auto;align-items:center;gap:8px;padding-bottom:1px}
body:not(.login-body) .view>.module-hero .primary-button,body:not(.login-body) .view>.module-hero .ghost-button,body:not(.login-body) .view>.module-hero .secondary-button{min-height:32px;padding:0 13px;border-radius:8px;font-size:12px}
body:not(.login-body) .view>.module-hero .inline-date{gap:4px;font-size:11px}
body:not(.login-body) .view>.module-hero .inline-date input,body:not(.login-body) .view>.module-hero .hero-actions input,body:not(.login-body) .view>.module-hero .hero-actions select{min-height:32px;height:32px;border-radius:8px;font-size:12px}
body:not(.login-body) .panel-head h2{font-size:14px;font-weight:760}
body:not(.login-body) .panel-head span{font-size:12px}
@media(max-width:900px){body:not(.login-body) .view>.module-hero{align-items:stretch;flex-direction:column;gap:10px}
body:not(.login-body) .view>.module-hero .hero-actions{justify-content:flex-start}
}
body:not(.login-body) .dashboard{padding-top:14px}
body:not(.login-body) .world-clock{min-height:18px;height:18px;padding:0;border:0;background:transparent;box-shadow:none;font-size:11px;font-weight:740;line-height:18px}
body:not(.login-body) .account-trigger{display:inline-flex;align-items:center;gap:8px;width:auto;min-width:0;padding:0 10px 0 8px}
body:not(.login-body) .account-trigger::before{content:none}
body:not(.login-body) .account-avatar{position:relative;display:block;flex:0 0 auto;width:24px;height:24px;border-radius:999px;background:var(--tj-content-bg);box-shadow:inset 0 0 0 1px rgba(103,128,160,0.14)}
body:not(.login-body) .account-avatar::before{content:"";position:absolute;left:50%;top:5px;width:8px;height:8px;border-radius:999px;background:#aab5c4;transform:translateX(-50%)}
body:not(.login-body) .account-avatar::after{content:"";position:absolute;left:50%;bottom:4px;width:16px;height:9px;border-radius:999px 999px 6px 6px;background:#aab5c4;transform:translateX(-50%)}
body:not(.login-body) .account-name{max-width:96px;overflow:hidden;color:inherit;font-size:13px;font-weight:760;line-height:1;text-overflow:ellipsis;white-space:nowrap}
body:not(.login-body) .account-caret{width:0;height:0;margin-left:2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(21,58,99,0.78)}
body:not(.login-body) .account-logout{position:absolute;top:calc(100% + 7px);right:auto;left:50%;z-index:80;display:flex;align-items:center;justify-content:center;width:74px;min-width:74px;height:30px;min-height:30px;padding:0 8px;border:0;border-radius:7px;background:var(--tj-content-bg);color:#1b2636;font-size:12px;font-weight:650;box-shadow:0 14px 30px rgba(20,43,80,0.16);transform:translateX(-50%)}
body:not(.login-body) .account-menu:not(.is-open) .account-logout{display:none}
body:not(.login-body) #account-menu[hidden],body:not(.login-body) #auth-user-chip[hidden],body:not(.login-body) #logout-button[hidden]{display:none}
body:not(.login-body) .account-trigger{background-image:none}
body:not(.login-body) .account-trigger:hover,body:not(.login-body) .account-menu.is-open .account-trigger{background-image:none}
body:not(.login-body) .account-caret{border-top-color:rgba(10,60,114,0.78)}
body:not(.login-body) .app-shell{grid-template-columns:var(--sidebar-expanded-width-v1) minmax(0,1fr)}
body:not(.login-body) .app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width-v1) minmax(0,1fr)}
body:not(.login-body) .sidebar{width:var(--sidebar-expanded-width-v1);padding-left:12px;padding-right:12px;overflow:visible}
body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width-v1);padding-left:7px;padding-right:7px}
html.os-windows body:not(.login-body) .app-shell{grid-template-columns:207px minmax(0,1fr)}
html.os-windows body:not(.login-body) .sidebar{width:207px;overflow:visible}
html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width-v1) minmax(0,1fr)}
html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width-v1)}
body:not(.login-body) .nav-group{overflow:visible}
body:not(.login-body) .nav-home-item,body:not(.login-body) .nav-item{width:100%;max-width:100%;box-sizing:border-box;border-radius:13px;margin-left:0;margin-right:0;overflow:hidden}
body:not(.login-body) .nav-home-item{color:#1b3760}
body:not(.login-body) .nav-item.active,body:not(.login-body) .nav-home-item.active{color:var(--tj-text-inverse);background:linear-gradient(135deg,#1f7dff 0%,#1169ef 100%);border-radius:13px;box-shadow:none}
body:not(.login-body) .nav-item.active .nav-icon,body:not(.login-body) .nav-home-item.active .nav-icon{color:var(--tj-text-inverse);background:rgba(255,255,255,0.16)}
body:not(.login-body) .nav-group.is-active>.nav-group-title{color:#0d66df;border-color:transparent;background:var(--tj-action-blue-soft);box-shadow:none}
body:not(.login-body) .nav-group.is-active>.nav-group-title .nav-group-icon{color:#0d66df;background:rgba(22,130,255,0.1)}
body:not(.login-body) .nav-group-title:focus,body:not(.login-body) .nav-item:focus{outline:none}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item{flex-direction:column;justify-content:center}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item .nav-label{color:inherit}
body:not(.login-body) .view>.module-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:0 0 14px;padding:0 0 12px;border:0;border-bottom:1px solid rgba(196,214,236,0.88);border-radius:0;background:transparent;box-shadow:none}
body:not(.login-body) .view>.module-hero::before{display:none}
body:not(.login-body) .module-breadcrumb{align-items:center;gap:8px;min-width:0;color:#6d7f98;font-size:13px;font-weight:650;line-height:1.3}
body:not(.login-body) .module-breadcrumb span,body:not(.login-body) .view>.module-hero .module-breadcrumb span{display:inline-flex;align-items:center;color:#6d7f98;font-size:13px;font-weight:650;line-height:1.3}
body:not(.login-body) .module-breadcrumb span:first-child{color:#1682ff}
body:not(.login-body) .module-breadcrumb .current{color:#14233d;font-weight:760}
body:not(.login-body) .module-breadcrumb i{color:#9aacbf;font-style:normal}
body:not(.login-body) .view>.module-hero .module-eyebrow{display:none}
body:not(.login-body) .view>.module-hero h2{margin:0;color:#10213a;font-size:17px;font-weight:760;line-height:1.25}
body:not(.login-body) .view>.module-hero p{max-width:980px;margin:4px 0 0;color:#647795;font-size:12px;font-weight:500;line-height:1.5}
body:not(.login-body) .home-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid rgba(199,218,239,0.92);border-radius:18px;box-shadow:0 16px 34px rgba(57,104,157,0.08)}
body:not(.login-body) .home-hero span{color:#1682ff;font-size:13px;font-weight:820;letter-spacing:0.08em}
body:not(.login-body) .home-hero h1{margin:6px 0 0;color:#10213a;font-size:25px;line-height:1.2}
body:not(.login-body) .home-hero p{margin:7px 0 0;color:#647795;font-size:13px;font-weight:520}
body:not(.login-body) .home-kpi-card,body:not(.login-body) .home-panel{border:1px solid rgba(200,218,239,0.9);border-radius:16px;background:rgba(255,255,255,0.92);box-shadow:0 12px 28px rgba(57,104,157,0.07)}
body:not(.login-body) .home-kpi-card{display:grid;gap:7px;padding:16px}
body:not(.login-body) .home-kpi-card span,body:not(.login-body) .home-panel-head span,body:not(.login-body) .home-quick-grid small,body:not(.login-body) .home-alert-list span{color:#6d7f98;font-size:12px;font-weight:560}
body:not(.login-body) .home-kpi-card strong{color:#10213a;font-size:24px;line-height:1.15}
body:not(.login-body) .home-panel{padding:16px}
body:not(.login-body) .home-panel-head{display:flex;justify-content:space-between;gap:10px}
body:not(.login-body) .home-panel-head h2{margin:0;color:#10213a;font-size:16px}
body:not(.login-body) .home-alert-list{display:grid;gap:10px}
body:not(.login-body) .home-alert-list div{display:grid;grid-template-columns:9px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;padding:12px;border-radius:13px;background:#f8fbff}
body:not(.login-body) .home-alert-list i{grid-row:1 / span 2;width:9px;height:28px;border-radius:99px}
body:not(.login-body) .home-alert-list i.warning{background:#ff9f43}
body:not(.login-body) .home-alert-list i.info{background:#1682ff}
body:not(.login-body) .home-alert-list i.success{background:#27c27a}
body:not(.login-body) .home-alert-list strong{color:#10213a;font-size:13px}
@media(max-width:1180px){body:not(.login-body) .app-shell,body:not(.login-body) .app-shell.sidebar-collapsed,html.os-windows body:not(.login-body) .app-shell,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed{grid-template-columns:1fr}
}
@media(max-width:900px){body:not(.login-body) .home-hero,body:not(.login-body) .view>.module-hero{grid-template-columns:1fr}
}
body:not(.login-body) .nav-home-item{display:flex;align-items:center;width:100%;height:34px;min-height:34px;padding:0 7px;gap:6px;border-radius:9px;font-size:15px;font-weight:900;line-height:1.1}
body:not(.login-body) .nav-home-item .nav-icon{flex:0 0 26px;width:26px;height:26px;border-radius:9px}
body:not(.login-body) .nav-home-item .nav-icon svg{width:16px;height:16px}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item{display:grid;width:100%;height:50px;min-height:50px;padding:0;border-radius:9px;place-items:center;align-content:center;gap:4px;text-align:center;font-size:15px;font-weight:750;line-height:1.05}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item .nav-icon{flex:initial;width:22px;height:22px;margin:0 auto;border-radius:0}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item .nav-icon svg{width:22px;height:22px}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item .nav-label{display:block;width:100%;font-size:15px;font-weight:750;line-height:1.05;text-align:center;white-space:nowrap}
body:not(.login-body) .module-breadcrumb{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
body:not(.login-body) .module-breadcrumb::-webkit-scrollbar{display:none}
body:not(.login-body) .module-breadcrumb ol{display:flex;align-items:center;margin:0;padding:0;list-style:none}
body:not(.login-body) .module-breadcrumb li{display:inline-flex;align-items:center;flex:0 0 auto;margin:0;padding:0}
body:not(.login-body) .module-breadcrumb button{display:inline-flex;align-items:center;border:0;border-radius:12px;background:transparent;font:inherit;line-height:1;letter-spacing:0;cursor:pointer}
body:not(.login-body) .module-breadcrumb button:focus{outline:none}
body:not(.login-body) .module-breadcrumb button:focus-visible{box-shadow:0 0 0 3px rgba(47,111,255,0.16)}
body:not(.login-body) .breadcrumb-home-icon{place-items:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#206fff 0%,#5144dd 100%);color:var(--tj-text-inverse);box-shadow:0 8px 18px rgba(47,111,255,0.22)}
body:not(.login-body) .breadcrumb-home-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
body:not(.login-body) .module-breadcrumb-separator svg{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
body:not(.login-body) .module-breadcrumb-current{display:inline-flex;align-items:center;height:34px;padding:0 8px;color:#3834d8;font-size:15px;font-weight:850;line-height:1;white-space:nowrap}
body:not(.login-body) .view>.module-hero .module-breadcrumb span{min-height:0}
body:not(.login-body) .view>.module-hero .module-breadcrumb .module-breadcrumb-current{color:#3834d8;font-size:15px;font-weight:850}
body:not(.login-body) .module-breadcrumb ol{gap:7px}
body:not(.login-body) .module-breadcrumb button{height:28px;padding:0 5px;gap:7px;color:#5b6f8a;font-size:14px;font-weight:740}
body:not(.login-body) .module-breadcrumb button:hover{color:#263f61;background:rgba(22,130,255,0.06)}
body:not(.login-body) .breadcrumb-home-icon{display:none}
body:not(.login-body) .breadcrumb-home-dot{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:999px;background:#2d8cff;box-shadow:0 0 0 4px rgba(45,140,255,0.1)}
body:not(.login-body) .module-breadcrumb-separator{width:14px;height:28px;color:#bfccd9}
body:not(.login-body) .module-breadcrumb-separator svg{width:14px;height:14px;stroke-width:3}
body:not(.login-body) .module-breadcrumb-current,body:not(.login-body) .view>.module-hero .module-breadcrumb .module-breadcrumb-current{height:28px;padding:0 5px;color:#5b6f8a;font-size:14px;font-weight:800;line-height:1}
body:not(.login-body) .view>.module-hero{margin-bottom:10px;padding-bottom:10px}
body:not(.login-body) .metric-tile strong,body:not(.login-body) .kpi-card strong,body:not(.login-body) .home-kpi-card strong{font-size:var(--tj-kpi-value-size)}
body:not(.login-body) .panel-head{margin-bottom:10px}
body:not(.login-body) .view .module-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-height:0;margin:0 0 10px;padding:0 0 10px;border:0;border-bottom:1px solid rgba(196,214,236,0.88);border-radius:0;background:transparent;box-shadow:none}
body:not(.login-body) .view .module-hero::before{display:none}
body:not(.login-body) .view .module-hero .module-breadcrumb .module-breadcrumb-current,body:not(.login-body) .module-breadcrumb .module-breadcrumb-current{color:#5b6f8a;font-size:14px;font-weight:800}
body:not(.login-body) .view .module-hero h2{margin:0;font-size:17px;line-height:1.25}
body:not(.login-body) .view .module-hero p{margin:4px 0 0;font-size:12px;line-height:1.5}
@media(max-width:900px){body:not(.login-body) .view>.module-hero,body:not(.login-body) .view .module-hero{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}
body:not(.login-body) .view>.module-hero .hero-actions,body:not(.login-body) .view .module-hero .hero-actions{justify-content:flex-start}
}
body:not(.login-body) .nav-group-title,html.os-windows body:not(.login-body) .nav-group-title{font-size:15px}
body:not(.login-body) .module-breadcrumb{display:inline-flex;width:auto;max-width:100%;justify-self:start}
body:not(.login-body) .module-breadcrumb ol{min-width:0;width:auto}
body:not(.login-body) .module-breadcrumb-current,body:not(.login-body) .view>.module-hero .module-breadcrumb .module-breadcrumb-current,body:not(.login-body) .view .module-hero .module-breadcrumb .module-breadcrumb-current{color:#1682ff;font-size:14px;font-weight:800}
body:not(.login-body) .app-shell{gap:0;background:#f4f8fc}
body:not(.login-body) .sidebar{background:var(--tj-content-bg);border-right:0;box-shadow:none;border-radius:0;padding-top:0}
body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{padding-top:0}
body:not(.login-body) .brand-text small{color:#6b7c93}
body:not(.login-body) .world-clock{color:#53667f}
body:not(.login-body) .account-trigger:hover,body:not(.login-body) .account-menu.is-open .account-trigger{background:#d8eaff;box-shadow:none}
body:not(.login-body) .app-shell.sidebar-collapsed .brand-text strong{font-size:16px}
body:not(.login-body) .app-shell.sidebar-collapsed .brand-text small{font-size:8px}
body:not(.login-body) .app-shell.sidebar-collapsed .sidebar,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{min-width:0}
body:not(.login-body) .brand{margin-bottom:8px;padding-top:4px;padding-bottom:4px}
body:not(.login-body) .brand-text small{margin-top:1px;font-size:9px;line-height:1.12}
body:not(.login-body) .topbar{margin-bottom:10px}
body:not(.login-body) .app-shell.sidebar-collapsed .brand{margin-bottom:8px;padding-top:4px;padding-bottom:4px}
body:not(.login-body) .sidebar,body:not(.login-body) .nav-home-item,body:not(.login-body) .nav-group-title,html.os-windows body:not(.login-body) .nav-group-title,body:not(.login-body) .nav-item,html.os-windows body:not(.login-body) .nav-item,body:not(.login-body) .nav-label{font-size:13px}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title{font-size:13px}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open>.nav-group-title{color:var(--tj-action-blue);background:var(--tj-action-blue-soft)}
.sidebar-flyout[hidden]{display:none}
body:not(.login-body) .app-shell,html.os-windows body:not(.login-body) .app-shell{grid-template-columns:var(--sidebar-expanded-width-v1) minmax(0,1fr)}
body:not(.login-body) .app-shell.sidebar-collapsed,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width-v1) minmax(0,1fr)}
body:not(.login-body) .sidebar,html.os-windows body:not(.login-body) .sidebar{width:var(--sidebar-expanded-width-v1);min-width:0;max-width:var(--sidebar-expanded-width-v1);padding:8px 10px 62px;border-radius:0;color:var(--tj-text-strong);overflow:visible}
body:not(.login-body) .app-shell.sidebar-collapsed .sidebar,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width-v1);max-width:var(--sidebar-collapsed-width-v1);padding:8px 7px 62px}
body:not(.login-body) .brand{display:flex;align-items:center;gap:8px;height:40px;min-height:40px;margin:0 0 10px;padding:0 4px;border:0;border-radius:0;background:transparent;box-shadow:none}
body:not(.login-body) .brand .brand-logo-card{flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;box-shadow:none;overflow:hidden}
body:not(.login-body) .brand .brand-logo-card img{width:100%;height:100%;object-fit:contain}
body:not(.login-body) .brand-text{min-width:0}
body:not(.login-body) .brand-text strong{color:var(--tj-text-strong);font-size:16px;font-weight:850;line-height:1.1;white-space:nowrap}
body:not(.login-body) .brand-text small{display:none}
body:not(.login-body) .brand-logos,body:not(.login-body) .brand-logo-x{display:none}
body:not(.login-body) .nav{gap:7px;overflow:visible}
body:not(.login-body) .nav-group{padding:0;border:0}
body:not(.login-body) .nav-group-icon,body:not(.login-body) .nav-icon{flex:0 0 24px;width:24px;height:24px;border:0;border-radius:7px;color:var(--tj-text-strong);background:transparent}
body:not(.login-body) .nav-group-icon svg,body:not(.login-body) .nav-icon svg{width:18px;height:18px}
body:not(.login-body) .nav-group-caret{color:#929aa8;font-size:17px}
body:not(.login-body) .nav-item,html.os-windows body:not(.login-body) .nav-item{min-height:32px;margin:6px 0 0;padding:0 8px 0 34px;border-radius:8px;color:var(--tj-text-muted);font-size:13px;font-weight:680;background:transparent;box-shadow:none}
body:not(.login-body) .nav-item:hover{color:var(--tj-text-strong);background:var(--tj-content-bg)}
body:not(.login-body) .nav-item.active{box-shadow:none}
body:not(.login-body) .sidebar-note{width:auto;margin:auto 0 8px;padding:8px;border:1px solid var(--tj-border-soft);border-radius:9px;background:var(--tj-content-bg);color:var(--tj-text-strong);box-shadow:none}
body:not(.login-body) .sidebar-note strong{color:var(--tj-text-strong);font-size:11px}
body:not(.login-body) .sidebar-note small{color:var(--tj-text-muted);font-size:10px}
body:not(.login-body) .sidebar-toggle,body:not(.login-body) #sidebar-toggle{right:12px;bottom:14px;width:34px;height:34px;border:1px solid var(--tj-border-soft);border-radius:10px;background:var(--tj-content-bg);color:var(--tj-text-strong);box-shadow:none}
body:not(.login-body) .app-shell.sidebar-collapsed .brand{justify-content:center;height:40px;min-height:40px;margin:0 0 10px;padding:0}
body:not(.login-body) .app-shell.sidebar-collapsed .brand-text{display:none}
body:not(.login-body) .app-shell.sidebar-collapsed .brand .brand-logo-card{width:30px;height:30px}
body:not(.login-body) .app-shell.sidebar-collapsed .nav{gap:9px}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title{height:50px;min-height:50px;padding:0;border-radius:9px;color:var(--tj-text-strong);background:transparent;font-size:14px}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item.active,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open>.nav-group-title{color:var(--tj-action-blue);background:var(--tj-content-bg)}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item .nav-label,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title>span:nth-child(2),html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title>span:nth-child(2){color:inherit;font-size:14px;font-weight:720}
body:not(.login-body) .topbar{backdrop-filter:none}
body:not(.login-body) .world-clock,body:not(.login-body) .world-clock span{color:var(--tj-text-muted);font-weight:680}
body:not(.login-body) .account-trigger{height:34px;min-height:34px;border:0;border-radius:9px;background:var(--tj-content-bg);color:var(--tj-text-strong);box-shadow:none}
body:not(.login-body) .view .module-hero,body:not(.login-body) .view>.module-hero{margin:0 0 10px;padding:10px 12px;border:0;border-radius:10px;background:var(--tj-content-bg);box-shadow:none}
body:not(.login-body) .module-breadcrumb{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body:not(.login-body) .panel,body:not(.login-body) .home-panel{padding:14px}
body:not(.login-body) .metric-tile,body:not(.login-body) .kpi-card,body:not(.login-body) .mini-card,body:not(.login-body) .home-kpi-card{padding:var(--tj-kpi-card-padding)}
body:not(.login-body) :where(.table-wrap),body:not(.login-body) :where(table){border-color:var(--tj-border-soft)}
body:not(.login-body) .home-hero{background:var(--tj-content-bg)}
@media(max-width:1180px){body:not(.login-body) .dashboard{padding:0 12px 12px}
}
body:not(.login-body) .app-shell,html.os-windows body:not(.login-body) .app-shell{gap:0;background:var(--tj-page-bg)}
body:not(.login-body) .sidebar,html.os-windows body:not(.login-body) .sidebar{padding-top:54px;border-right:0;background:var(--tj-bar-bg);box-shadow:none}
body:not(.login-body) .app-shell.sidebar-collapsed .sidebar,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{padding-top:54px}
body:not(.login-body) .brand,body:not(.login-body) .app-shell.sidebar-collapsed .brand{position:fixed;display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none}
body:not(.login-body) .brand .brand-logo-card,body:not(.login-body) .app-shell.sidebar-collapsed .brand .brand-logo-card{display:grid}
body:not(.login-body) .brand-text strong,body:not(.login-body) .topbar{display:flex;justify-content:flex-end;gap:10px;border:0;border-radius:0;background:var(--tj-topbar-bg);box-shadow:none}
body:not(.login-body) .world-clock,body:not(.login-body) .world-clock span{font-size:11px;line-height:1}
body:not(.login-body) .world-clock{order:1;margin-left:auto;margin-right:2px;justify-content:flex-end;text-align:right}
body:not(.login-body) .top-actions{order:2;flex:0 0 auto}
body:not(.login-body) .account-trigger,body:not(.login-body) .account-trigger:hover,body:not(.login-body) .account-menu.is-open .account-trigger{height:30px;min-height:30px;border:0;border-radius:8px;background:var(--tj-user-blue-bg);color:var(--tj-text-inverse);box-shadow:none}
body:not(.login-body) .dashboard{padding:0 12px 12px 0}
body:not(.login-body) .view.active{border-radius:10px}
body:not(.login-body) .nav-home-item,body:not(.login-body) .nav-group-title,html.os-windows body:not(.login-body) .nav-group-title{box-sizing:border-box;width:100%;height:34px;min-height:34px;margin:0;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--tj-text-strong);font-size:14px;font-weight:760;overflow:visible;box-shadow:none}
body:not(.login-body) .nav-home-item.active,body:not(.login-body) .nav-group.is-active>.nav-group-title,body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item.active,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open>.nav-group-title,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title{color:var(--tj-text-inverse);background:var(--tj-action-blue)}
body:not(.login-body) .nav-home-item.active .nav-icon,body:not(.login-body) .nav-group.is-active>.nav-group-title .nav-group-icon,body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item.active .nav-icon,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title .nav-group-icon,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open>.nav-group-title .nav-group-icon,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title .nav-group-icon{color:var(--tj-text-inverse);background:rgba(255,255,255,0.14)}
body:not(.login-body) .nav-home-item.active .nav-label,body:not(.login-body) .nav-group.is-active>.nav-group-title>span:nth-child(2),body:not(.login-body) .nav-group.is-active>.nav-group-title .nav-group-caret,body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item.active .nav-label,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title>span:nth-child(2),body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title .nav-group-caret,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title>span:nth-child(2){color:var(--tj-text-inverse)}
body:not(.login-body) .nav-home-item:not(.active),body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item:not(.active),body:not(.login-body) button.nav-item.nav-home-item:not(.active),body:not(.login-body) .app-shell.sidebar-collapsed button.nav-item.nav-home-item:not(.active){color:var(--tj-text-strong);background:transparent;background-color:transparent;background-image:none}
body:not(.login-body) .nav-item.active{color:var(--tj-text-inverse);background:var(--tj-action-blue)}
body:not(.login-body) .nav-item.active .nav-icon{color:var(--tj-text-inverse);background:rgba(255,255,255,0.14)}
.sidebar-flyout{position:fixed;z-index:1000;display:grid;gap:4px;width:max-content;min-width:0;max-width:min(340px,calc(100vw - 96px));padding:10px 0;border:0;border-radius:12px;background:var(--tj-content-bg);box-shadow:0 22px 58px rgba(29,53,87,0.16)}
.sidebar-flyout button{display:flex;align-items:center;width:auto;min-width:max-content;max-width:100%;min-height:40px;padding:0 14px;border:0;border-radius:0;background:transparent;color:var(--tj-text-strong);font-size:13px;font-weight:400;line-height:1.2;letter-spacing:0;text-align:left;white-space:nowrap;cursor:pointer}
.sidebar-flyout button:hover,.sidebar-flyout button.active{color:var(--tj-text-strong);background:#eaf2ff}
@media(max-width:1180px){body:not(.login-body) .topbar{margin:0 -12px 0}
body:not(.login-body) .dashboard> :not(.topbar){margin-left:0}
}
body:not(.login-body) #sidebar-sync-card,body:not(.login-body) .sidebar-note#sidebar-sync-card{display:none}
body:not(.login-body) .world-clock{gap:10px}
body:not(.login-body) .topbar-sync{display:inline-flex;align-items:center;gap:4px;min-height:18px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,0.58);color:#53667f;white-space:nowrap}
body:not(.login-body) .topbar-sync .sync-dot{width:6px;height:6px;margin:0}
body:not(.login-body) .topbar-sync strong,body:not(.login-body) .topbar-sync small{color:inherit;font-size:10px;font-weight:650;line-height:1}
body:not(.login-body) .topbar-sync.sync-success{color:#0f8a55;background:rgba(19,180,108,0.11)}
body:not(.login-body) .topbar-sync.sync-error{color:#c2410c;background:rgba(255,114,61,0.12)}
body:not(.login-body) .topbar-sync.sync-running{color:#1663c7;background:rgba(22,119,255,0.12)}
body:not(.login-body) .topbar-sync.sync-pending{color:#64748b;background:rgba(255,255,255,0.58)}
body:not(.login-body) .nav-group.is-open>.nav-group-title,body:not(.login-body) .nav-group>.nav-group-title:hover,html.os-windows body:not(.login-body) .nav-group.is-open>.nav-group-title,html.os-windows body:not(.login-body) .nav-group>.nav-group-title:hover{color:var(--tj-text-inverse);background:var(--tj-action-blue)}
body:not(.login-body) .nav-group.is-open>.nav-group-title .nav-group-icon,body:not(.login-body) .nav-group>.nav-group-title:hover .nav-group-icon,html.os-windows body:not(.login-body) .nav-group.is-open>.nav-group-title .nav-group-icon,html.os-windows body:not(.login-body) .nav-group>.nav-group-title:hover .nav-group-icon{color:var(--tj-text-inverse);background:rgba(255,255,255,0.14)}
body:not(.login-body) .nav-group.is-open>.nav-group-title>span:nth-child(2),body:not(.login-body) .nav-group.is-open>.nav-group-title .nav-group-caret,body:not(.login-body) .nav-group>.nav-group-title:hover>span:nth-child(2),body:not(.login-body) .nav-group>.nav-group-title:hover .nav-group-caret{color:var(--tj-text-inverse)}
body:not(.login-body) table,body:not(.login-body) th,body:not(.login-body) td,body:not(.login-body) :where(.table-wrap),body:not(.login-body) .config-list>div,body:not(.login-body) .home-alert-list div{border-color:transparent}
body:not(.login-body) .nav-group .nav-item:hover,body:not(.login-body) .nav-group .nav-item:focus-visible{color:var(--tj-text-inverse);background:var(--tj-action-blue);border-radius:13px}
body:not(.login-body) .nav-group .nav-item:hover .nav-icon,body:not(.login-body) .nav-group .nav-item:focus-visible .nav-icon{color:var(--tj-text-inverse);background:rgba(255,255,255,0.14)}
body:not(.login-body) .sidebar .nav .nav-group .nav-item:hover,body:not(.login-body) .sidebar .nav .nav-group .nav-item:focus-visible,html.os-windows body:not(.login-body) .sidebar .nav .nav-group .nav-item:hover,html.os-windows body:not(.login-body) .sidebar .nav .nav-group .nav-item:focus-visible{color:var(--tj-text-inverse);background:var(--tj-action-blue);border-radius:13px}
body:not(.login-body) .sidebar .nav .nav-group .nav-item:hover .nav-icon,body:not(.login-body) .sidebar .nav .nav-group .nav-item:focus-visible .nav-icon,html.os-windows body:not(.login-body) .sidebar .nav .nav-group .nav-item:hover .nav-icon,html.os-windows body:not(.login-body) .sidebar .nav .nav-group .nav-item:focus-visible .nav-icon{color:var(--tj-text-inverse);background:rgba(255,255,255,0.14)}
body:not(.login-body),body:not(.login-body) .app-shell,html.os-windows body:not(.login-body) .app-shell,body:not(.login-body) .dashboard,body:not(.login-body) .view.active,body:not(.login-body) .sidebar,html.os-windows body:not(.login-body) .sidebar,body:not(.login-body) .topbar{background:var(--tj-shell-bg);background-image:none;box-shadow:none}
body:not(.login-body) .sidebar,html.os-windows body:not(.login-body) .sidebar,body:not(.login-body) .topbar{border:0}
body:not(.login-body) .dashboard{gap:12px;padding-bottom:12px}
body:not(.login-body) .dashboard> :not(.topbar){margin-left:12px}
body:not(.login-body) .view.active{display:flex;flex-direction:column;gap:12px}
body:not(.login-body) .view>.module-hero,body:not(.login-body) .view .module-hero,body:not(.login-body) .filter-panel,body:not(.login-body) .panel,body:not(.login-body) .home-hero,body:not(.login-body) .home-panel,body:not(.login-body) .home-kpi-card,body:not(.login-body) .metric-tile,body:not(.login-body) .kpi-card,body:not(.login-body) .mini-card,body:not(.login-body) :where(.table-wrap),body:not(.login-body) .supplier-board-panel,body:not(.login-body) .payable-status-panel,body:not(.login-body) .payable-object-panel,body:not(.login-body) .payable-waterfall-panel,body:not(.login-body) .payable-chart-panel,body:not(.login-body) .admin-account-panel,body:not(.login-body) .fba-automation-panel,body:not(.login-body) .fba-result-panel,body:not(.login-body) .fba-task-board-panel,body:not(.login-body) .fba-queue-panel,body:not(.login-body) .budget-upload-panel{background:var(--tj-content-bg);border:0;border-radius:12px;box-shadow:none}
body:not(.login-body) .metric-tile,body:not(.login-body) .kpi-card,body:not(.login-body) .mini-card{border-radius:var(--tj-kpi-card-radius)}
body:not(.login-body) .view>.module-hero,body:not(.login-body) .view .module-hero,body:not(.login-body) :where(.table-wrap),body:not(.login-body) .panel,body:not(.login-body) .home-panel{margin-top:0;margin-bottom:0}
body:not(.login-body) :where(.module-grid),body:not(.login-body) .home-kpi-grid,body:not(.login-body) .home-dashboard,body:not(.login-body) .dashboard-grid,body:not(.login-body) .supplier-board-grid,body:not(.login-body) :where(.payable-dashboard-grid){gap:12px}
body:not(.login-body) .app-shell:not(.sidebar-collapsed) .nav-group .nav-item,html.os-windows body:not(.login-body) .app-shell:not(.sidebar-collapsed) .nav-group .nav-item{display:grid;grid-template-columns:24px minmax(0,max-content);justify-content:start;justify-items:start;align-items:center;gap:8px;min-height:32px;padding:0 8px 0 18px;text-align:left}
body:not(.login-body) .app-shell:not(.sidebar-collapsed) .nav-group .nav-item .nav-label,html.os-windows body:not(.login-body) .app-shell:not(.sidebar-collapsed) .nav-group .nav-item .nav-label{min-width:0;max-width:none;overflow:visible;text-align:left;text-overflow:clip;white-space:nowrap}
body:not(.login-body) .nav-group.is-open:not(.is-active)>.nav-group-title,body:not(.login-body) .nav-group:not(.is-active)>.nav-group-title:hover,html.os-windows body:not(.login-body) .nav-group.is-open:not(.is-active)>.nav-group-title,html.os-windows body:not(.login-body) .nav-group:not(.is-active)>.nav-group-title:hover,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title{color:var(--tj-text-strong);background:transparent;background-color:transparent;box-shadow:none}
body:not(.login-body) .nav-group.is-open:not(.is-active)>.nav-group-title .nav-group-icon,body:not(.login-body) .nav-group:not(.is-active)>.nav-group-title:hover .nav-group-icon,html.os-windows body:not(.login-body) .nav-group.is-open:not(.is-active)>.nav-group-title .nav-group-icon,html.os-windows body:not(.login-body) .nav-group:not(.is-active)>.nav-group-title:hover .nav-group-icon,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title .nav-group-icon,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title .nav-group-icon{color:var(--tj-text-strong);background:transparent}
body:not(.login-body) .nav-group.is-open:not(.is-active)>.nav-group-title>span:nth-child(2),body:not(.login-body) .nav-group.is-open:not(.is-active)>.nav-group-title .nav-group-caret,body:not(.login-body) .nav-group:not(.is-active)>.nav-group-title:hover>span:nth-child(2),body:not(.login-body) .nav-group:not(.is-active)>.nav-group-title:hover .nav-group-caret,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title>span:nth-child(2),body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title .nav-group-caret{color:inherit}
body:not(.login-body) .nav-home-item.active,body:not(.login-body) .nav-group.is-active>.nav-group-title,body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item.active,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title{color:var(--tj-text-inverse);background:var(--tj-action-blue);border-radius:8px;box-shadow:none}
body:not(.login-body) .nav-home-item.active .nav-icon,body:not(.login-body) .nav-group.is-active>.nav-group-title .nav-group-icon,body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item.active .nav-icon,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title .nav-group-icon,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title .nav-group-icon{color:var(--tj-text-inverse);background:rgba(255,255,255,0.14)}
body:not(.login-body) .nav-home-item.active .nav-label,body:not(.login-body) .nav-group.is-active>.nav-group-title>span:nth-child(2),body:not(.login-body) .nav-group.is-active>.nav-group-title .nav-group-caret,body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item.active .nav-label,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title>span:nth-child(2),body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-active>.nav-group-title .nav-group-caret{color:var(--tj-text-inverse)}
body:not(.login-body) .app-shell:not(.sidebar-collapsed) .nav-group:not(.is-open) .nav-item,html.os-windows body:not(.login-body) .app-shell:not(.sidebar-collapsed) .nav-group:not(.is-open) .nav-item{display:none}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group:not(.is-active)>.nav-group-title:hover,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-hovered:not(.is-active)>.nav-group-title,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group:not(.is-active)>.nav-group-title:hover,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-hovered:not(.is-active)>.nav-group-title,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title{color:var(--tj-text-inverse);background:var(--tj-action-blue);border-radius:8px;box-shadow:none}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group:not(.is-active)>.nav-group-title:hover .nav-group-icon,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-hovered:not(.is-active)>.nav-group-title .nav-group-icon,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title .nav-group-icon,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group:not(.is-active)>.nav-group-title:hover .nav-group-icon,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-hovered:not(.is-active)>.nav-group-title .nav-group-icon,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title .nav-group-icon{color:var(--tj-text-inverse);background:rgba(255,255,255,0.14)}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group:not(.is-active)>.nav-group-title:hover>span:nth-child(2),body:not(.login-body) .app-shell.sidebar-collapsed .nav-group:not(.is-active)>.nav-group-title:hover .nav-group-caret,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-hovered:not(.is-active)>.nav-group-title>span:nth-child(2),body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-hovered:not(.is-active)>.nav-group-title .nav-group-caret,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title>span:nth-child(2),body:not(.login-body) .app-shell.sidebar-collapsed .nav-group.is-flyout-open:not(.is-active)>.nav-group-title .nav-group-caret{color:var(--tj-text-inverse)}
html.os-windows body:not(.login-body) .app-shell:not(.sidebar-collapsed) .nav-home-item.active{color:var(--tj-action-blue);background:transparent;background-color:transparent;background-image:none;box-shadow:none}
html.os-windows body:not(.login-body) .app-shell:not(.sidebar-collapsed) .nav-home-item.active .nav-label{color:var(--tj-action-blue)}
html.os-windows body:not(.login-body) .app-shell:not(.sidebar-collapsed) .nav-home-item.active .nav-icon{color:var(--tj-action-blue);background:var(--tj-action-blue-soft)}
body:not(.login-body) .topbar{top:0;z-index:980;min-width:0;overflow:visible}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb{order:0;display:flex;align-items:center;flex:1 1 auto;width:auto;max-width:min(520px,46vw);height:30px;min-width:0;margin:0 auto 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb::-webkit-scrollbar{display:none}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb ol{display:flex;align-items:center;min-width:max-content;width:auto;margin:0;padding:0;list-style:none}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb button,body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-current{display:inline-flex;align-items:center;border:0;border-radius:8px;background:transparent;letter-spacing:0;white-space:nowrap}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .breadcrumb-home-dot{flex:0 0 6px}
@media(max-width:720px){body:not(.login-body) .topbar{flex-direction:column}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb{flex:0 0 auto}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb button,body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-current{height:24px;min-height:24px;font-size:12px}
}
body:not(.login-body) .topbar .world-clock{flex:0 1 auto;min-width:0;margin-left:12px}
body:not(.login-body) .view .module-hero .module-breadcrumb:not(.topbar-breadcrumb),body:not(.login-body) .view>.module-hero .module-breadcrumb:not(.topbar-breadcrumb){display:none}
body:not(.login-body) .brand,body:not(.login-body) .app-shell.sidebar-collapsed .brand{overflow:visible;contain:none;isolation:isolate}
body:not(.login-body) .brand .brand-logo-card,body:not(.login-body) .app-shell.sidebar-collapsed .brand .brand-logo-card{flex:0 0 38px;background:var(--tj-content-bg);overflow:visible}
body:not(.login-body) .brand .brand-logo-card img,body:not(.login-body) .app-shell.sidebar-collapsed .brand .brand-logo-card img{width:100%;height:100%;object-fit:contain}
body:not(.login-body) .brand-text,body:not(.login-body) .app-shell.sidebar-collapsed .brand-text{display:block;flex:0 0 auto;width:auto;min-width:max-content;max-width:none;overflow:visible;white-space:nowrap;opacity:1;visibility:visible;transform:none}
body:not(.login-body) .brand-text strong,body:not(.login-body) .app-shell.sidebar-collapsed .brand-text strong{display:block;width:auto;min-width:max-content;max-width:none;color:var(--tj-text-strong);line-height:1;letter-spacing:0;white-space:nowrap;overflow:visible;text-overflow:clip}
body:not(.login-body) .brand-text small,body:not(.login-body) .app-shell.sidebar-collapsed .brand-text small{display:none}
body:not(.login-body) .sidebar,html.os-windows body:not(.login-body) .sidebar,body:not(.login-body) .app-shell.sidebar-collapsed .sidebar,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{z-index:1200;overflow:visible}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb ol{gap:7px}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb button,body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-current{padding:0 2px;font-weight:650;line-height:1;color:#66758a}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb button:hover{color:var(--tj-action-blue);background:transparent}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-current{color:var(--tj-text-strong);font-size:14px;font-weight:700}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .breadcrumb-home-dot{width:7px;height:7px;flex-basis:7px;margin-right:5px}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-separator{width:14px;color:#aeb8c6}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-separator svg{width:14px;height:14px;stroke-width:2.4}
body:not(.login-body) .topbar .world-clock{align-self:flex-start}
body:not(.login-body) .top-actions{align-self:flex-start}
body:not(.login-body) .topbar{padding-left:var(--tj-content-inline-gap)}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb,body:not(.login-body) .app-shell.sidebar-collapsed .topbar-breadcrumb.module-breadcrumb{margin-left:0;transform:none}
body:not(.login-body) .topbar{position:sticky;align-items:flex-start}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb,body:not(.login-body) .app-shell.sidebar-collapsed .topbar-breadcrumb.module-breadcrumb{position:absolute;left:var(--tj-content-inline-gap);width:auto;margin:0}
body:not(.login-body) .topbar .world-clock,body:not(.login-body) .top-actions{position:relative;z-index:2}
body:not(.login-body) .brand,body:not(.login-body) .app-shell.sidebar-collapsed .brand{z-index:5001}
body:not(.login-body) .topbar{height:var(--tj-topbar-fixed-height);min-height:var(--tj-topbar-fixed-height);margin:0 calc(var(--tj-content-inline-gap) * -1) 0 0;padding:11px 18px 0 12px}
body:not(.login-body) .brand,body:not(.login-body) .app-shell.sidebar-collapsed .brand{top:12px;left:18px;width:var(--tj-brand-lockup-width);max-width:var(--tj-brand-lockup-width);height:32px;min-height:32px;gap:7px}
body:not(.login-body) .brand .brand-logo-card,body:not(.login-body) .app-shell.sidebar-collapsed .brand .brand-logo-card{flex-basis:30px;width:30px;height:30px;border-radius:7px}
body:not(.login-body) .brand-text strong,body:not(.login-body) .app-shell.sidebar-collapsed .brand-text strong{font-size:14px;font-weight:760}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb,body:not(.login-body) .app-shell.sidebar-collapsed .topbar-breadcrumb.module-breadcrumb{top:47px;height:24px;max-width:min(520px,calc(100vw - 180px))}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb button,body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-current{height:24px;min-height:24px;font-size:13px}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-separator{height:24px}
body:not(.login-body) .topbar .world-clock{margin-top:0}
body:not(.login-body) .sidebar,html.os-windows body:not(.login-body) .sidebar,body:not(.login-body) .app-shell.sidebar-collapsed .sidebar,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{padding-top:86px}
@media(max-width:720px){body:not(.login-body) .topbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;gap:5px;height:auto;min-height:62px;padding:6px 10px;overflow:visible}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb{grid-row:1;width:100%;max-width:100%;height:24px;margin:0}
body:not(.login-body) .world-clock{grid-row:2;width:100%;max-width:100%;margin:0;justify-content:flex-start;gap:4px 8px;flex-wrap:wrap;text-align:left;overflow:hidden}
body:not(.login-body) .world-clock span{font-size:10px;line-height:1.2}
}
body:not(.login-body) .home-panel-head{align-items:flex-start;margin-bottom:var(--spectrum-spacing-100)}
body:not(.login-body) .home-panel-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--spectrum-spacing-75)}
body:not(.login-body) .topbar .world-clock{display:flex}
@media(max-width:620px){body:not(.login-body) .app-shell,html.os-windows body:not(.login-body) .app-shell,body:not(.login-body) .app-shell.sidebar-collapsed,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr);width:100%;min-width:0}
body:not(.login-body) .sidebar,html.os-windows body:not(.login-body) .sidebar,body:not(.login-body) .app-shell.sidebar-collapsed .sidebar,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{width:72px;max-width:72px;min-width:72px;padding:var(--spectrum-spacing-150) var(--spectrum-spacing-100)}
body:not(.login-body) .brand,body:not(.login-body) .app-shell.sidebar-collapsed .brand{justify-content:center;padding:0}
body:not(.login-body) .brand-text,body:not(.login-body) .brand-logos,body:not(.login-body) .sidebar-note,body:not(.login-body) .nav-label,body:not(.login-body) .nav-group-title>span:nth-child(2),body:not(.login-body) .nav-group-caret{display:none}
body:not(.login-body) .nav,body:not(.login-body) .app-shell.sidebar-collapsed .nav{align-items:center;padding:0}
body:not(.login-body) .nav-group-title,html.os-windows body:not(.login-body) .nav-group-title,body:not(.login-body) .nav-home-item,body:not(.login-body) .nav-item{width:52px;min-width:52px;min-height:44px;display:grid;place-items:center;grid-template-columns:1fr;padding:0}
body:not(.login-body) .dashboard{min-width:0}
body:not(.login-body) .dashboard> :not(.topbar){margin-left:var(--spectrum-spacing-100);margin-right:var(--spectrum-spacing-100)}
body:not(.login-body) .topbar{min-width:0;padding:0 var(--spectrum-spacing-150)}
body:not(.login-body) .topbar .world-clock{display:none}
body:not(.login-body) .view>.module-hero,body:not(.login-body) .view .module-hero,body:not(.login-body) .home-hero{min-width:0}
body:not(.login-body) .view>.module-hero h2,body:not(.login-body) .view .module-hero h2,body:not(.login-body) .home-hero h1,body:not(.login-body) .home-hero p{max-width:100%;overflow-wrap:break-word}
}
.environment-warning{position:fixed;inset:24px 24px auto 24px;z-index:9999;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:16px 20px;border:1px solid #b8d9ff;border-radius:18px;background:rgba(255,255,255,0.94);box-shadow:var(--shadow);color:var(--blue-950);backdrop-filter:blur(18px)}
.environment-warning strong{font-size:16px}
.environment-warning span{color:var(--muted)}
.environment-warning a{color:var(--blue-800);font-weight:800;text-decoration:none}
body:not(.login-body){min-height:100vh}
html.os-windows body:not(.login-body){font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",Arial,sans-serif;font-synthesis-weight:none}
body:not(.login-body){background-size:auto}
body:not(.login-body) .home-dashboard{display:grid;gap:16px}
body:not(.login-body) .home-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body:not(.login-body) .home-content-grid{display:grid}
@media(max-width:900px){body:not(.login-body) .home-kpi-grid,body:not(.login-body) .home-content-grid,body:not(.login-body) .home-quick-grid{grid-template-columns:1fr}
}
body:not(.login-body) .view:not(.active){display:none}
body:not(.login-body) .view{gap:12px}
body:not(.login-body) :where(.module-grid),body:not(.login-body) .overview-grid,body:not(.login-body) .dual-chart-grid,body:not(.login-body) .home-content-grid,body:not(.login-body) .home-kpi-grid{gap:10px}
body:not(.login-body) .view{padding:0}
body:not(.login-body){background:var(--tj-page-bg);background-image:none}
body:not(.login-body) .environment-warning,.environment-warning{position:fixed;inset:auto 18px 18px auto;z-index:9000;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;width:min(390px,calc(100vw - 36px));max-width:390px;padding:10px 12px;border:1px solid rgba(132,180,235,0.55);border-radius:12px;background:rgba(255,255,255,0.92);box-shadow:0 14px 32px rgba(30,80,140,0.13);color:#15355d;backdrop-filter:blur(16px)}
body:not(.login-body) .environment-warning strong,.environment-warning strong{font-size:12px;line-height:1.35}
body:not(.login-body) .environment-warning span,.environment-warning span,body:not(.login-body) .environment-warning a,.environment-warning a{font-size:11px;line-height:1.35}
body:not(.login-body) .home-content-grid{grid-template-columns:minmax(0,1.8fr) minmax(240px,0.62fr);gap:var(--spectrum-spacing-150)}
@media(max-width:1080px){body:not(.login-body) .home-content-grid{grid-template-columns:1fr}
}
@media(max-width:1200px){.app-shell{grid-template-columns:1fr}
.app-shell.sidebar-collapsed{grid-template-columns:58px minmax(0,1fr)}
.sidebar{position:static;height:auto}
.app-shell.sidebar-collapsed .sidebar{height:100vh;position:sticky;top:0}
.sidebar-toggle{display:none}
.nav{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;padding-bottom:0;align-items:start}
.app-shell.sidebar-collapsed .nav{grid-template-columns:1fr}
.nav-group{min-height:100%}
.sidebar-note{position:static;margin-top:14px}
}
.module-hero{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;padding:14px 16px;background:var(--tj-content-bg);border:1px solid var(--line);border-left:4px solid var(--blue-800);border-radius:8px;box-shadow:var(--shadow-soft)}
.module-hero span{color:var(--tj-text-muted);font-weight:700;font-size:12px}
.module-hero h2{margin:4px 0;font-size:20px;line-height:1.2;color:var(--blue-950)}
.module-hero p{margin:0;color:var(--tj-text-muted);line-height:1.5;font-size:14px}
.hero-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.inline-date{display:grid;gap:6px;color:var(--tj-text-muted);font-size:13px;font-weight:700}
.inline-date input{min-width:160px;height:40px;border:1px solid var(--tj-border-control);border-radius:8px;padding:0 10px;color:var(--text);background:var(--tj-content-bg);font:inherit}
.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.module-grid:has(>.metric-tile){grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start;align-items:start;gap:var(--tj-kpi-grid-gap)}
body:not(.login-body) .module-grid{gap:12px}
.cashflow-metrics{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)))}
.inventory-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)))}
.inventory-kpi-grid .inventory-age-kpi{grid-column:span 1}
.metric-tile{width:var(--tj-kpi-card-width);min-width:var(--tj-kpi-card-min-width);max-width:var(--tj-kpi-card-max-width);height:var(--tj-kpi-card-height);padding:var(--tj-kpi-card-padding);background:var(--tj-content-bg);border:1px solid var(--line);border-radius:var(--tj-kpi-card-radius);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
button.metric-tile{appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
button.metric-tile[aria-pressed="true"]{border-color:var(--tj-action-blue);box-shadow:0 0 0 3px var(--tj-focus-ring-soft),var(--tj-shadow-soft)}
.metric-tile::before{content:"";position:absolute;left:12px;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--blue-800),var(--teal))}
.metric-tile span,.metric-tile small{display:block;color:var(--tj-text-muted)}
.metric-tile strong{display:block;margin:4px 0 3px;font-size:var(--tj-kpi-value-size);line-height:1;color:var(--blue-900)}
.metric-tile span{font-size:var(--tj-kpi-title-size);line-height:1.15}
.metric-tile small{font-size:var(--tj-kpi-note-size);line-height:1.15}
@media(max-width:1200px){.module-grid{grid-template-columns:1fr}
.module-hero{align-items:flex-start;flex-direction:column}
}
.section-title{position:relative;margin-top:12px;padding:6px 0 8px 16px;background:transparent;color:var(--tj-text-strong);font-size:16px;font-weight:850;border-radius:0}
body:not(.login-body) .section-title{font-size:15px}
.section-title::before{content:"";position:absolute;left:0;top:9px;width:4px;height:18px;border-radius:999px;background:var(--tj-action-blue)}
.filters{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:8px;min-height:48px;background:var(--tj-content-bg);padding:8px 10px;border:0;border-radius:var(--tj-control-radius);margin-top:4px}
body:not(.login-body) .view>.module-hero+ :is(.filters,.filter-toolbar){position:sticky;top:var(--tj-topbar-fixed-height);z-index:900}
.filters label{display:inline-flex;align-items:center;flex:0 0 116px;min-width:0;font-size:0;color:var(--tj-text-body);white-space:nowrap}
.filters label:has(.date-range-control){flex-basis:240px}
.filters label:has(input[type="search"]){flex:0 0 220px}
.filters .checkbox-label{flex:0 0 auto;gap:8px;font-size:13px}
.filters :where(input,select,.filter-dropdown-button,.date-range-button){width:100%;min-width:0;height:var(--tj-control-height-compact);border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);padding:0 var(--tj-control-padding-x);color:var(--tj-text-body);background:var(--tj-content-bg);font-size:13px;transition:border-color 0.16s ease,box-shadow 0.16s ease}
.filters select.enhanced-filter-select,.filter-toolbar select.enhanced-filter-select{position:absolute;width:1px;height:1px;min-height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.filters :where(input,select,.filter-dropdown-button)::placeholder{color:var(--tj-text-muted)}
.filters .filter-dropdown{position:relative;width:100%;min-width:0}
.filter-dropdown--has-selection .filter-dropdown-button{padding-right:calc(var(--tj-control-padding-x) + 28px)}
.filter-dropdown-clear{position:absolute;top:1px;right:1px;z-index:1;display:none;place-items:center;width:28px;height:calc(var(--tj-control-height-compact) - 2px);border:0;color:var(--tj-text-muted);background:var(--tj-content-bg);appearance:none;cursor:pointer;font-size:26px}
.filter-dropdown--has-selection:is(:hover, :focus-within) .filter-dropdown-clear,.filter-dropdown-clear:focus-visible{display:grid}
.filter-dropdown-clear:hover{color:var(--tj-text-body)}
.filter-dropdown-clear:focus-visible{outline:0;box-shadow:var(--tj-focus-ring)}
.filters .date-range-control{width:100%}
.filters .filter-dropdown-button,.filters .date-range-button{height:var(--tj-control-height-compact)}
.filters .filter-dropdown-menu{top:40px;right:auto;width:max-content;min-width:max(100%,220px);max-width:min(360px,calc(100vw - 32px));gap:4px;padding:8px;background:var(--tj-content-bg);border:1px solid var(--tj-border-subtle)}
.filters .filter-dropdown-menu--align-end{right:0;left:auto}
.filters .filter-dropdown-group{display:grid;gap:1px;padding:2px 0}
.filters .filter-dropdown-group strong{padding:3px 8px 4px;color:var(--tj-text-muted);font-size:12px;font-weight:700;line-height:1.2}
.filters .filter-dropdown-option{display:flex;grid-template-columns:none;align-items:center;min-height:30px;height:auto;gap:8px;padding:4px 8px;font-size:13px;line-height:1.25;white-space:nowrap;cursor:pointer}
.filters .filter-dropdown-option input[type="checkbox"]{flex:0 0 14px;width:14px;height:14px;min-height:14px;margin:0}
.filters .checkbox-label input[type="checkbox"]{flex:0 0 16px;width:16px;height:16px;min-height:16px;margin:0}
.filters .filter-dropdown-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filters .filter-dropdown-empty{padding:8px;color:var(--tj-text-muted);font-size:13px}
.filters input:focus-visible,.filters select:focus-visible,.filters .filter-dropdown-button:focus-visible,.form-grid input:focus,.form-grid select:focus,.inline-date input:focus,.filter-toolbar input:focus-visible,.filter-toolbar select:focus-visible{outline:0;border-color:var(--tj-action-blue);box-shadow:var(--tj-focus-ring)}
.form-span-2{grid-column:1 / -1}
.panel{background:var(--tj-content-bg);border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);box-shadow:var(--tj-shadow-soft);padding:18px;min-width:0}
.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.panel-head h2{position:relative;margin:0;font-size:15px;font-weight:600}
.panel-head h2::before{content:"";display:inline-block;width:4px;height:16px;margin-right:9px;vertical-align:-3px;background:var(--tj-action-blue);border-radius:3px}
.panel-head span{color:var(--tj-text-muted);font-size:13px}
.detail-panel{padding-bottom:20px}
.table-wrap{overflow:auto}
body:not(.login-body) .table-wrap{border-color:var(--tj-border-control);background:var(--tj-content-bg)}
.table-scroll{overflow:auto;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius)}
.table-scroll table{border:0}
.table-scroll th:first-child,.table-scroll td:first-child{border-left:0}
.table-scroll th:last-child,.table-scroll td:last-child{border-right:0}
.upload-status{color:var(--tj-text-muted);font-size:13px}
.empty-state{min-height:160px;display:grid;place-items:center;border:1px dashed var(--tj-border-subtle);border-radius:var(--tj-panel-radius);color:var(--tj-text-muted);background:var(--tj-content-bg)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.form-grid label,.form-field{display:grid;gap:6px;color:var(--tj-text-muted);font-size:13px}
.form-grid :where(input,select),.fba-schedule-bar :where(input,select),.multi-select-button{width:100%;height:var(--tj-control-height);border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);padding:0 var(--tj-control-padding-x);color:var(--tj-text-body);background:var(--tj-content-bg)}
.multi-select{position:relative}
.multi-select-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spectrum-spacing-100);align-items:center;cursor:pointer;overflow:hidden;text-align:left}
.multi-select-button .filter-dropdown-button-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multi-select-button::after{content:"▾";color:var(--tj-text-muted);font-size:12px}
.filter-dropdown--has-selection:is(:hover, :focus-within) .filter-dropdown-button::after{content:none}
.multi-select-menu{position:absolute;top:44px;left:0;right:0;z-index:35;display:grid;gap:8px;padding:10px;background:var(--tj-content-bg);border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);box-shadow:var(--tj-shadow-floating)}
.multi-select-menu[hidden]{display:none}
.multi-select-tools{display:flex;gap:8px;align-items:center}
.multi-select-tools button,.secondary-button{height:var(--tj-control-height-compact);border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);color:var(--tj-text-body);background:var(--tj-surface-muted);padding:0 12px;cursor:pointer}
:where(.form-grid input,.form-grid select,.fba-schedule-bar input,.fba-schedule-bar select,.multi-select-button,.multi-select-tools button,.secondary-button):focus-visible{outline:0;border-color:var(--tj-action-blue);box-shadow:var(--tj-focus-ring)}
.compact-button{white-space:nowrap}
.multi-select-options{max-height:210px;overflow:auto;display:grid;gap:2px}
.multi-select-option{display:flex;align-items:center;gap:10px;min-height:36px;padding:5px 8px;border-radius:var(--tj-control-radius);color:var(--tj-text-body);font-size:14px;line-height:1.35}
.form-grid .multi-select-option{display:flex;grid-template-columns:none;align-items:center;gap:12px}
.multi-select-option:hover{background:var(--tj-table-row-hover-bg)}
.multi-select-option input[type="checkbox"],.multi-select-option input[type="radio"]{width:14px;height:14px;min-width:14px;flex:0 0 14px;margin:0;padding:0;border-radius:4px;appearance:auto}
.form-grid .multi-select-option input[type="checkbox"],.form-grid .multi-select-option input[type="radio"]{width:14px;height:14px;flex:0 0 14px}
.multi-select-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multi-select-option small{color:var(--tj-text-muted);font-size:13px;white-space:nowrap}
.shop-option-name{font-weight:700}
body:not(.login-body) :is(button,a,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--spectrum-focus-ring-width) solid var(--spectrum-focus-ring-color);outline-offset:var(--spectrum-focus-ring-gap)}
body:not(.login-body) :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:0.55}
.metric-grid{display:grid;grid-template-columns:minmax(360px,1.3fr) 420px minmax(360px,1.3fr);gap:10px;margin-top:0}
.chart-panel{min-height:345px}
svg{width:100%;height:auto;display:block}
.mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dual-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}
.summary-strip{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));overflow:auto;background:var(--tj-content-bg);border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);box-shadow:var(--tj-shadow-soft)}
.summary-strip div{min-width:120px;border-right:1px solid var(--tj-content-bg);text-align:center}
.summary-strip span{display:block;padding:9px 6px;background:var(--tj-action-blue-soft);color:var(--tj-text-muted);font-weight:800}
.summary-strip strong{display:block;padding:11px 6px}
.action-list,.config-list,.anomaly-list{display:grid;gap:10px}
.action-list div,.config-list div,.anomaly-list div{display:grid;gap:5px;padding:12px;background:var(--tj-surface-muted);border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius)}
.action-list span,.config-list span{color:var(--tj-text-muted);line-height:1.5}
.metric-danger{color:var(--tj-tone-danger-strong);font-weight:900}
.metric-warning{color:var(--tj-tone-warning-strong);font-weight:900}
.anomaly-list div{grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto;align-items:center}
.anomaly-list strong{color:var(--tj-text-strong)}
.anomaly-list span{color:var(--tj-text-muted);line-height:1.45}
.sort-button{display:block;width:100%;min-height:0;height:auto;box-sizing:border-box;min-width:0;padding:0 9px 0 0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer;box-shadow:none;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sort-button::before,.sort-button::after{content:"";position:absolute;right:1px;width:0;height:0;opacity:1;pointer-events:none}
.sort-button::before{top:50%;transform:translateY(-7px);border-right:3.5px solid transparent;border-bottom:4.5px solid var(--tj-border-control);border-left:3.5px solid transparent}
.sort-button::after{top:50%;transform:translateY(2px);border-top:4.5px solid var(--tj-border-control);border-right:3.5px solid transparent;border-left:3.5px solid transparent}
.sort-button[data-direction="asc"]::before{border-bottom-color:var(--tj-action-blue)}
.sort-button[data-direction="desc"]::after{border-top-color:var(--tj-action-blue)}
.sort-button:focus-visible{outline:0;box-shadow:var(--tj-focus-ring)}
.image-placeholder{display:grid;place-items:center;color:var(--tj-text-muted);background:var(--tj-surface-muted)}
@media(max-width:1200px){.metric-grid,.dual-chart-grid{grid-template-columns:1fr}
}
.filter-toolbar{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:8px;align-items:center;min-height:48px;margin-top:8px;padding:8px 10px;border:0;border-radius:var(--tj-control-radius);background:var(--tj-content-bg)}
.filter-toolbar> :is(label,input,select,.filter-dropdown,[role="search"]){display:inline-flex;align-items:center;flex:0 0 150px;min-width:0;font-size:0;color:var(--tj-text-body)}
.filter-toolbar>label:has(.date-range-control){flex-basis:240px}
.filter-toolbar>[role="search"]{height:var(--tj-control-height-compact);border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);color:var(--tj-text-body);background:var(--tj-content-bg)}
.filter-toolbar>[role="search"]:focus-within{border-color:var(--tj-action-blue);box-shadow:var(--tj-focus-ring)}
.filter-toolbar input,.filter-toolbar select,.filter-toolbar .date-range-button{width:100%;min-width:0;height:var(--tj-control-height-compact);border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);padding:0 var(--tj-control-padding-x);color:var(--tj-text-body);background:var(--tj-content-bg);font-size:13px}
.filter-toolbar> :is(input,select,.filter-dropdown,[role="search"]){width:150px;font-size:13px}
.filter-toolbar>.filter-dropdown{position:relative}
.filter-toolbar>.filter-dropdown .filter-dropdown-button{height:var(--tj-control-height-compact)}
.filter-toolbar>input[type="search"]{width:180px}
.filter-toolbar> :where(button,.primary-button,.secondary-button,.ghost-button){width:auto;min-height:var(--tj-control-height-compact);height:var(--tj-control-height-compact);border-radius:var(--tj-control-radius);font-size:13px}
body:not(.login-body) .filter-toolbar>button.primary-button{min-height:var(--tj-control-height-compact);height:var(--tj-control-height-compact);border-radius:var(--tj-control-radius)}
.date-range-control{position:relative}
.date-range-button{width:100%;height:var(--tj-control-height);display:flex;align-items:center;justify-content:space-between;border:1px solid var(--tj-border-control);color:var(--tj-text-strong);background:var(--tj-content-bg);padding:0 var(--tj-control-padding-x);border-radius:var(--tj-control-radius);cursor:pointer}
.date-range-button:focus-visible{outline:0;border-color:var(--tj-action-blue);box-shadow:var(--tj-focus-ring)}
.date-range-picker__popover{position:absolute;top:calc(100% + 8px);left:0;z-index:90;width:min(760px,96vw);display:grid;grid-template-columns:112px minmax(0,1fr);overflow:hidden;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);color:var(--tj-text-body);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-floating);font-size:13px;line-height:1.35}
.date-range-picker__shortcuts{display:grid;padding:var(--spectrum-spacing-100) 0;border-right:1px solid var(--tj-border-subtle)}
.date-range-picker__shortcuts button{height:32px;border:0;background:transparent;padding:0 var(--spectrum-spacing-200);text-align:left}
.date-range-picker__shortcuts button:is(:hover, :focus-visible){background:var(--tj-action-blue-soft)}
.date-range-picker__calendar{padding:var(--spectrum-spacing-100) var(--spectrum-spacing-150) var(--spectrum-spacing-150)}
.date-range-picker__nav{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;margin-bottom:var(--spectrum-spacing-100)}
.date-range-picker__nav button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent}
.date-range-picker__months{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:var(--spectrum-spacing-200)}
.date-range-picker__month h3{margin:0 0 var(--spectrum-spacing-100);color:var(--tj-text-strong);font-size:16px;text-align:center}
.date-range-picker__weekdays,.date-range-picker__days{display:grid;grid-template-columns:repeat(7,minmax(30px,1fr))}
.date-range-picker__weekdays span{display:grid;height:28px;place-items:center}
.date-range-picker__day{height:32px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}
.date-range-picker__day.is-outside-month{color:var(--tj-text-muted);opacity:0.58}
.date-range-picker__day.is-in-range{background:var(--tj-action-blue-soft)}
.date-range-picker__day:is(.is-today,.is-selected,.is-preview-end){width:30px;height:30px;place-self:center;border-radius:50%}
.date-range-picker__day.is-today:not(.is-selected){border:1px solid var(--tj-action-blue)}
.date-range-picker__day.is-selected,.date-range-picker__day.is-preview-end{color:var(--tj-content-bg);background:var(--tj-action-blue)}
.date-range-picker__day:disabled{color:var(--spectrum-text-disabled)}
.status-pill{display:inline-flex;width:fit-content;min-width:46px;min-height:28px;align-items:center;justify-content:center;padding:0 10px;border-radius:var(--tj-control-radius);color:var(--tj-tone-neutral-text);background:var(--tj-tone-neutral-bg);font-size:12px;font-weight:900}
.status-pill.active,.status-pill.status-active{color:var(--tj-tone-success-text);background:var(--tj-tone-success-bg)}
.status-pill.pending,.status-pill.warning,.status-pill.status-paused{color:var(--tj-tone-warning-text);background:var(--tj-tone-warning-bg)}
.status-pill.disabled,.status-pill.muted,.status-pill.status-archived{color:var(--tj-tone-neutral-text);background:var(--tj-tone-neutral-bg)}
.status-pill.rejected,.status-pill.danger{color:var(--tj-tone-danger-text);background:var(--tj-tone-danger-bg)}
.status-pill.info,.status-pill.success{color:var(--tj-tone-info-text);background:var(--tj-tone-info-bg)}
.risk-badge{display:inline-flex;min-width:44px;justify-content:center;padding:4px 10px;border-radius:var(--tj-control-radius);color:var(--tj-tone-neutral-text);background:var(--tj-tone-neutral-bg);font-size:12px;font-weight:850}
.risk-high{color:var(--tj-tone-danger-text);background:var(--tj-tone-danger-bg)}
.risk-mid{color:var(--tj-tone-warning-text);background:var(--tj-tone-warning-bg)}
.risk-low{color:var(--tj-tone-info-text);background:var(--tj-tone-info-bg)}
.data-table-wrap{position:relative;overflow:auto}
table.data-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--tj-text-strong);font-size:13px;min-width:var(--tj-table-min-width,980px);font-variant-numeric:tabular-nums}
table.data-table--standard{--tj-table-min-width:0}
table.data-table--wide{--tj-table-min-width:1280px}
table.data-table--matrix{--tj-table-min-width:2400px;font-size:12px}
table.data-table.is-smart-width{width:var(--tj-table-resolved-width,0px);min-width:0;table-layout:fixed}
table.data-table.is-column-resized{table-layout:fixed}
table.data-table :is(th,td){border:1px solid var(--tj-border-subtle)}
table.data-table :is(th,td).sticky-col{position:sticky;z-index:3;background:var(--tj-content-bg);box-shadow:1px 0 0 var(--tj-border-control)}
table.data-table thead th.sticky-col{z-index:5;background:var(--tj-action-blue-soft)}
table.data-table tbody tr:nth-child(even) td.sticky-col{background:var(--tj-surface-muted)}
table.data-table tbody tr:hover>td.sticky-col{background:var(--tj-table-row-hover-bg)}
table.data-table th{position:sticky;top:0;z-index:2;height:38px;padding:9px 10px;background:var(--tj-action-blue-soft);color:var(--tj-text-strong);font-weight:850;white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums}
body:not(.login-body) table.data-table th.table-sort-active .sort-button{color:var(--tj-action-blue);font-weight:900}
table.data-table td{min-width:0;overflow:hidden;overflow-wrap:anywhere;padding:9px 10px;color:var(--tj-text-strong);text-align:left;text-overflow:ellipsis}
table.data-table tbody tr:hover>td{background-color:var(--tj-table-row-hover-bg);box-shadow:inset 0 0 0 9999px color-mix(in srgb,var(--tj-table-row-hover-bg) 70%,transparent)}
table.data-table td.table-cell--number{text-align:right;font-variant-numeric:tabular-nums}
table.data-table th.table-cell--number{font-variant-numeric:tabular-nums}
table.data-table :is(th,td)[data-width-align="right"]{text-align:right}
table.data-table :is(th,td)[data-width-align="center"]{text-align:center}
table.data-table :is(th,td)[data-width-profile="identifier"],table.data-table :is(th,td)[data-width-profile="code-order"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
table.data-table :is(th,td)[data-width-profile="narrative"]{overflow-wrap:anywhere;white-space:normal}
table.data-table--middle :is(th,td){vertical-align:middle}
.data-table-wrap--detail{max-height:calc(100vh - 320px);min-height:320px;position:relative;isolation:isolate}
table.data-table--detail th{background:var(--tj-action-blue-soft);box-shadow:0 1px 0 var(--tj-border-subtle)}
table.data-table--detail th:not(:last-child)::after{content:"";position:absolute;top:9px;right:0;bottom:9px;width:1px;background:var(--tj-border-control)}
table.data-table--detail .sort-button{justify-content:flex-start;text-align:left;white-space:nowrap}
.table-state-row td,.table-state-cell{height:54px;padding:14px 16px;text-align:left;color:var(--tj-text-muted);background:var(--tj-content-bg)}
.table-state-cell--error{color:var(--tj-tone-danger-text);background:var(--tj-tone-danger-bg)}
.table-resize-handle{position:absolute;top:0;right:-3px;z-index:8;width:7px;height:100%;cursor:col-resize;touch-action:none}
.table-resize-handle::after{content:"";position:absolute;top:8px;right:3px;bottom:8px;width:1px;background:color-mix(in srgb,var(--tj-border-control) 70%,transparent);opacity:0;transition:opacity 0.14s ease,background-color 0.14s ease}
th:hover>.table-resize-handle::after,.table-resize-handle:focus-visible::after,.is-resizing-column .table-resize-handle::after{opacity:1;background:var(--tj-action-blue)}
body:not(.login-body).is-table-column-resizing,body:not(.login-body).is-table-column-resizing *{cursor:col-resize;user-select:none}
.data-table-wrap.has-horizontal-overflow::after{content:attr(data-scroll-hint);position:sticky;right:10px;bottom:8px;z-index:12;float:right;display:inline-flex;align-items:center;min-height:24px;margin:0 8px 8px auto;padding:3px 8px;border:1px solid var(--tj-border-subtle);border-radius:999px;color:var(--tj-text-muted);background:color-mix(in srgb,var(--tj-content-bg) 92%,var(--tj-action-blue-soft));box-shadow:var(--tj-shadow-soft);font-size:12px;font-weight:700;line-height:1;pointer-events:none}
.data-table-wrap.has-horizontal-overflow.is-scrolled-end::after{content:"";display:none}
.table-width-reset{position:sticky;left:calc(100% - 40px);bottom:8px;z-index:14;float:right;width:32px;height:32px;margin:8px;padding:0;border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);color:var(--tj-action-blue);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-soft);font:inherit;font-size:18px;line-height:1;cursor:pointer}
.table-width-reset:hover{border-color:var(--tj-action-blue);background:var(--tj-action-blue-soft)}
.table-width-reset:focus-visible{outline:0;box-shadow:var(--tj-focus-ring)}
.table-width-reset[hidden]{display:none}
body:not(.login-body) .table-select{min-width:104px;min-height:var(--tj-control-height-compact);height:var(--tj-control-height-compact);padding:0 28px 0 10px;border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);color:var(--tj-text-strong);background:var(--tj-content-bg);font:inherit;font-size:13px;font-weight:700}
.table-action{min-height:var(--tj-control-height-compact);padding:4px 8px;border:0;border-radius:var(--tj-control-radius);color:var(--tj-action-blue);background:transparent;font:inherit;font-weight:800;cursor:pointer}
body:not(.login-body) .table-select:focus-visible,.table-action:focus-visible{outline:0;box-shadow:var(--tj-focus-ring)}
.table-action:hover{background:var(--tj-table-row-hover-bg)}
.table-action.danger{color:var(--tj-tone-danger-strong)}
.table-actions{white-space:nowrap}
.tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;margin-top:22px;padding-bottom:8px}
.tabs button{min-width:92px;height:var(--tj-control-height);border:1px solid var(--tj-border-control);background:var(--tj-content-bg);color:var(--tj-text-body);font-weight:700;cursor:pointer;border-radius:var(--tj-control-radius)}
.tabs button.active{background:var(--tj-action-blue);color:var(--tj-text-inverse);border-color:transparent;box-shadow:var(--tj-shadow-soft)}
.store-tabs{display:flex;gap:8px;align-items:center}
.tabs .store-tabs button{min-width:108px}
.status-danger{color:var(--tj-tone-danger-strong)}
.status-success{color:var(--tj-positive)}
.muted-text{color:var(--tj-text-muted)}
.dashboard-loading-target{position:relative}
.dashboard-loading-overlay{position:absolute;inset:var(--dashboard-loading-overlay-top,0) 0 0;z-index:80;display:grid;place-items:center;gap:12px;min-height:220px;border-radius:var(--tj-panel-radius);background:var(--tj-overlay-backdrop);color:var(--tj-text-inverse);font-size:14px;font-weight:800}
.dashboard-loading-spinner{width:38px;height:38px;border:3px solid var(--tj-surface-translucent);border-top-color:var(--tj-text-inverse);border-radius:999px;animation:dashboard-loading-spin 0.8s linear infinite}
.dashboard-loading-copy{display:grid;justify-items:center;gap:8px;min-width:min(320px,80%)}
.dashboard-loading-text,.dashboard-loading-percent{padding:8px 12px;border-radius:var(--tj-control-radius);background:var(--tj-surface-translucent);color:var(--tj-text-strong)}
.dashboard-loading-progress{display:grid;grid-template-columns:minmax(120px,320px) auto;align-items:center;gap:10px;width:min(420px,78%)}
.dashboard-loading-progress::before{content:"";grid-column:1;grid-row:1;height:8px;border-radius:999px;background:var(--tj-surface-translucent)}
.dashboard-loading-progress-bar{grid-column:1;grid-row:1;height:8px;border-radius:999px;background:var(--tj-action-blue)}
.dashboard-loading-percent{grid-column:2;grid-row:1;min-width:48px;text-align:center}
@keyframes dashboard-loading-spin{to{transform:rotate(360deg)}
}
@media(prefers-reduced-motion:reduce){.dashboard-loading-spinner{animation:none}
}
.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:26px;background:var(--tj-overlay-backdrop)}
.modal-backdrop[hidden]{display:none}
body:not(.login-body) .modal-backdrop{z-index:10000}
@media(max-width:720px){.modal-backdrop{padding:10px}
}
.modal-head{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 24px;border-bottom:1px solid var(--tj-border-subtle)}
.modal-head h2{margin:0}
.modal-close-button{display:inline-grid;width:var(--tj-control-height);height:var(--tj-control-height);place-items:center;border:0;border-radius:var(--tj-control-radius);color:var(--tj-text-muted);background:transparent;font-size:30px;line-height:1;cursor:pointer}
.modal-close-button:hover{color:var(--tj-text-strong);background:var(--tj-table-row-hover-bg)}
.modal-close-button:focus-visible{outline:0;box-shadow:var(--tj-focus-ring)}
.modal-body{overflow:auto;padding:22px 24px}
.modal-tip{margin-bottom:18px;padding:14px 16px;border-radius:var(--tj-panel-radius);color:var(--tj-text-body);background:var(--tj-action-blue-soft);line-height:1.7}
.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:70px;padding:0 24px;border-top:1px solid var(--tj-border-subtle)}
body.modal-open{overflow:hidden}
.supplier-detail-modal,body:not(.login-body) .knowledge-document-modal{border-radius:var(--tj-modal-radius)}
.login-body{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px;overflow:hidden;background:radial-gradient(circle at 52% 78%,rgba(108,92,255,0.16),transparent 22%),radial-gradient(circle at 16% 18%,rgba(54,158,255,0.18),transparent 28%),radial-gradient(circle at 82% 16%,rgba(176,225,255,0.5),transparent 34%),linear-gradient(140deg,#f7fbff 0%,#eaf6ff 44%,#dff2ff 100%),#edf7ff}
.login-body::before,.login-body::after{content:"";position:fixed;z-index:0;pointer-events:none}
.login-body::before{inset:-18% -12% auto -10%;height:58%;background:radial-gradient(ellipse at 18% 28%,rgba(40,154,255,0.18) 0 1px,transparent 2px 100%),repeating-radial-gradient(ellipse at 22% 36%,transparent 0 74px,rgba(54,158,255,0.11) 75px 76px,transparent 77px 138px);transform:rotate(-9deg);filter:blur(0.2px);opacity:0.72;animation:loginStreamSlide 16s ease-in-out infinite alternate}
.login-body::after{inset:auto -16% -18% -12%;height:54%;background:repeating-radial-gradient(ellipse at 78% 42%,transparent 0 92px,rgba(108,92,255,0.12) 93px 94px,transparent 95px 164px),linear-gradient(105deg,transparent 8%,rgba(255,255,255,0.42) 34%,rgba(41,194,255,0.16) 54%,transparent 78%);transform:rotate(8deg);filter:blur(0.3px);opacity:0.82;animation:loginStreamFloat 14s ease-in-out infinite alternate}
.login-shell{width:min(1040px,100%);position:relative;z-index:1;overflow:clip;border-radius:34px}
.login-shell::before,.login-shell::after{content:"";position:absolute;border-radius:999px;background:radial-gradient(circle,rgba(40,154,255,0.1),transparent 62%);filter:blur(12px);pointer-events:none}
.login-shell::before{width:760px;height:760px;left:-290px;top:-270px}
.login-shell::after{width:520px;height:520px;right:-220px;bottom:-250px}
.login-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:26px;min-height:600px;padding:34px;border:0;border-radius:34px;background:radial-gradient(circle at 28% 16%,rgba(255,255,255,0.82),transparent 30%),radial-gradient(circle at 76% 82%,rgba(51,139,255,0.14),transparent 34%),linear-gradient(135deg,rgba(255,255,255,0.5),rgba(238,249,255,0.26));box-shadow:0 34px 92px rgba(34,103,178,0.13),inset 0 1px 0 rgba(255,255,255,0.62);backdrop-filter:blur(22px)}
.login-hero::before{content:"";position:absolute;left:-120px;right:-120px;bottom:88px;height:230px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(77,109,255,0.28) 0%,rgba(72,184,255,0.2) 34%,transparent 72%);filter:blur(9px);transform:rotate(-4deg);pointer-events:none;animation:loginGlowDrift 9s ease-in-out infinite}
.login-hero::after{content:"";position:absolute;left:-140px;right:-140px;bottom:70px;height:132px;border-radius:50%;background:linear-gradient(90deg,transparent 4%,rgba(255,255,255,0.62) 22%,rgba(145,99,255,0.2) 50%,rgba(56,175,255,0.24) 72%,transparent 96%);filter:blur(16px);transform:rotate(-6deg);pointer-events:none;animation:loginLightFlow 7s ease-in-out infinite alternate}
.login-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:532px;padding:58px 60px 58px 70px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,0.42),rgba(236,249,255,0.24)),linear-gradient(145deg,rgba(29,111,242,0.08),rgba(19,182,200,0.06))}
.login-visual::before{content:"";position:absolute;left:12%;right:-16%;bottom:80px;height:132px;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.78) 18%,rgba(142,113,255,0.28) 52%,rgba(20,152,238,0.24) 78%,transparent 100%);filter:blur(10px);transform:rotate(-7deg)}
.login-visual::after{content:"";position:absolute;inset:32px 40px auto auto;width:300px;height:218px;border-radius:46px;transform:rotate(13deg);background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(229,247,255,0.1)),repeating-linear-gradient(115deg,transparent 0 18px,rgba(43,143,255,0.06) 19px 20px);border:1px solid rgba(170,209,246,0.34);box-shadow:inset 0 1px 0 rgba(255,255,255,0.72),0 22px 62px rgba(45,128,255,0.06)}
.login-brand-lockup{position:absolute;z-index:2;top:66px;right:74px;display:flex;align-items:center;justify-content:center;gap:20px;width:248px;min-height:104px;padding:18px 20px;border-radius:28px;background:rgba(255,255,255,0.16);box-shadow:0 28px 70px rgba(45,128,255,0.06);backdrop-filter:blur(8px)}
.login-brand-lockup img{display:block;max-width:88px;max-height:54px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(17,57,112,0.08))}
.login-brand-lockup .login-jm-logo{max-width:78px;max-height:56px;mix-blend-mode:multiply;filter:contrast(1.06) saturate(1.08) drop-shadow(0 10px 18px rgba(17,57,112,0.06))}
.login-brand-lockup img:last-child{max-width:96px;max-height:58px}
.login-brand-lockup span{color:var(--tj-text-muted);font-size:18px;font-weight:800}
.login-logo-card{position:relative;z-index:1;width:126px;height:72px;display:grid;place-items:center;padding:10px 14px;margin-bottom:58px;border:1px solid rgba(188,218,248,0.86);border-radius:18px;background:rgba(255,255,255,0.72);box-shadow:0 20px 42px rgba(27,92,161,0.08)}
.login-logo-card img{max-width:100%;max-height:58px;object-fit:contain}
.login-kicker{position:relative;z-index:1;margin-bottom:12px;color:var(--spectrum-accent-visual);font-size:12px;font-weight:900;letter-spacing:0.18em}
.login-visual h1{position:relative;z-index:1;margin:0;color:var(--tj-text-strong);font-family:"PingFang SC","Hiragino Sans GB",Inter,Arial,sans-serif;font-size:clamp(44px,5.7vw,72px);line-height:1.05;font-weight:800;letter-spacing:0}
.login-slogan{position:relative;z-index:1;display:inline-flex;align-items:center;gap:14px;width:min(420px,100%);margin-top:22px;padding:0;color:var(--tj-text-body);font-size:15px;font-weight:700;letter-spacing:0.18em}
.login-slogan i{width:1px;height:14px;background:var(--tj-border-control)}
.login-slogan::before,.login-slogan::after{content:"";height:1px;flex:1;background:rgba(70,83,104,0.34)}
.login-slogan.is-flashing span:first-child{animation:sloganFlash 0.72s ease}
.login-visual p,.login-script{position:relative;z-index:1;max-width:none;margin:38px 0 0;color:var(--tj-text-muted);font-family:"Segoe Print","Bradley Hand","Comic Sans MS","Marker Felt",cursive;font-size:clamp(21px,3vw,39px);font-weight:600;line-height:1.16;letter-spacing:0;white-space:nowrap;transform:rotate(-3deg) translateY(-2px);transform-origin:left center}
.login-orbit{position:absolute;right:62px;bottom:54px;width:158px;height:118px;border-radius:34px;background:rgba(255,255,255,0.34);border:1px solid rgba(179,214,248,0.62);box-shadow:0 28px 58px rgba(29,111,242,0.09);backdrop-filter:blur(8px)}
.login-orbit span{position:absolute;bottom:22px;width:12px;border-radius:999px;background:linear-gradient(180deg,var(--spectrum-accent-visual),var(--tj-cyan))}
.login-orbit span:nth-child(1){left:36px;height:34px;opacity:0.64}
.login-orbit span:nth-child(2){left:70px;height:52px;opacity:0.86}
.login-orbit span:nth-child(3){left:104px;height:72px}
@keyframes sloganFlash{0%,100%{color:var(--tj-text-strong);text-shadow:none}
38%{color:var(--spectrum-accent-visual);text-shadow:0 0 18px rgba(20,152,238,0.42)}
}
.login-panel{align-self:center;position:relative;z-index:2;width:min(460px,100%);padding:30px;border:0;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,0.72),rgba(247,252,255,0.56));box-shadow:0 28px 76px rgba(34,93,157,0.13);backdrop-filter:blur(20px)}
.login-mode-grid{display:grid;grid-template-columns:1fr;gap:16px}
.login-mode-card{display:grid;align-content:start;gap:16px;min-height:auto;padding:18px;border:0;border-radius:18px;background:rgba(255,255,255,0.7);box-shadow:inset 0 1px 0 rgba(255,255,255,0.72),0 16px 42px rgba(34,103,178,0.08)}
.login-dingtalk-card{background:linear-gradient(180deg,rgba(255,255,255,0.76) 0%,rgba(245,251,255,0.62) 100%)}
.login-password-card{background:rgba(255,255,255,0.76)}
.login-card-head{display:flex;align-items:center;gap:18px;margin-bottom:28px}
.login-mode-card .login-card-head{margin-bottom:0}
.login-card-logo{width:70px;height:70px;display:grid;place-items:center;flex:0 0 auto;padding:8px;overflow:hidden;border:1px solid rgba(190,220,248,0.9);border-radius:16px;background:rgba(255,255,255,0.76);box-shadow:0 16px 30px rgba(28,94,165,0.1)}
.login-card-logo img{max-width:100%;max-height:54px;object-fit:contain}
.admin-login-logo{color:var(--tj-content-bg);background:linear-gradient(135deg,var(--tj-action-blue-hover),var(--spectrum-accent-visual));font-weight:900}
.admin-login-logo span{line-height:1}
.login-card-head strong,.login-card-head small{display:block}
.login-card-head strong{color:var(--blue-950);font-size:24px;font-weight:850}
.login-card-head small{margin-top:5px;color:var(--muted);font-size:13px}
.login-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:100%;min-height:46px;font-size:16px;font-weight:800}
.dingtalk-qr-frame{position:relative;overflow:hidden;width:100%;min-height:318px;border:0;border-radius:18px;background:rgba(255,255,255,0.72);box-shadow:inset 0 1px 0 rgba(255,255,255,0.82),0 14px 34px rgba(34,103,178,0.08)}
.dingtalk-qr-frame iframe{width:100%;height:318px;border:0;background:#ffffff}
.dingtalk-qr-frame iframe[hidden]{display:none}
.dingtalk-qr-fallback{display:grid;gap:12px;padding:16px;color:var(--muted);text-align:center}
.dingtalk-qr-frame iframe+.dingtalk-qr-fallback{display:none}
.dingtalk-qr-frame iframe[hidden]+.dingtalk-qr-fallback{display:grid;position:static;height:100%;align-content:center;box-shadow:none}
.login-button.is-disabled{color:var(--spectrum-text-disabled);background:var(--spectrum-background-layer-2);cursor:not-allowed;box-shadow:none}
.login-tip{display:block;margin-top:10px;color:var(--muted);line-height:1.55}
.login-form{display:grid;gap:16px}
.login-form label{display:grid;gap:8px;color:var(--blue-900);font-weight:800;font-size:14px}
.login-form input{width:100%;min-height:48px;border:1px solid var(--tj-border-control);border-radius:12px;padding:0 14px;color:var(--tj-text-strong);background:var(--tj-content-bg)}
.login-form input:focus{outline:2px solid rgba(20,152,238,0.2);border-color:var(--spectrum-accent-visual)}
.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted)}
.login-divider::before,.login-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.login-error{margin-top:18px !important;color:var(--tj-tone-danger-strong) !important}
@media(max-width:860px){.login-body{padding:18px;overflow:auto}
.login-hero{grid-template-columns:1fr;min-height:0}
.login-visual{min-height:360px;padding:34px 28px}
.login-orbit{display:none}
.login-panel{align-self:stretch}
.login-mode-grid{grid-template-columns:1fr}
}
@keyframes loginGlowDrift{0%,100%{transform:translate3d(-10px,0,0) rotate(-4deg) scale(1);opacity:0.9}
50%{transform:translate3d(18px,-10px,0) rotate(-2deg) scale(1.04);opacity:1}
}
@keyframes loginLightFlow{0%{transform:translate3d(-24px,0,0) rotate(-6deg);opacity:0.64}
100%{transform:translate3d(24px,-8px,0) rotate(-4deg);opacity:0.92}
}
@keyframes loginStreamSlide{0%{transform:translate3d(-18px,-8px,0) rotate(-9deg)}
100%{transform:translate3d(22px,10px,0) rotate(-7deg)}
}
@keyframes loginStreamFloat{0%{transform:translate3d(18px,8px,0) rotate(8deg)}
100%{transform:translate3d(-24px,-10px,0) rotate(6deg)}
}
@media(prefers-reduced-motion:reduce){.login-hero::before,.login-hero::after,.login-body::before,.login-body::after{animation:none}
}
@media(max-width:520px){.login-hero{padding:10px;border-radius:22px}
.login-visual{min-height:320px;padding:28px 22px;border-radius:18px}
.login-logo-card{width:112px;height:66px;margin-bottom:24px}
.login-brand-lockup{position:relative;top:auto;right:auto;width:100%;justify-content:flex-start;margin-bottom:22px;padding:0;background:transparent;box-shadow:none}
.login-slogan{gap:12px;font-size:16px;white-space:nowrap}
.login-script{white-space:normal}
.login-panel{padding:14px;border-radius:18px}
.login-mode-card{min-height:auto;padding:14px}
.dingtalk-qr-frame,.dingtalk-qr-frame iframe{min-height:240px;height:240px}
}
.login-shell{width:min(1260px,100%)}
.login-visual{min-width:0;padding-right:52px}
.login-mode-card{border-radius:18px}
.login-script{max-width:100%;font-size:clamp(20px,2.1vw,30px);line-height:1.24;white-space:nowrap;transform:rotate(-2deg) translateY(-2px)}
html.os-windows .login-script{font-family:"Comic Sans MS","Segoe Print","Segoe Script",cursive;font-size:clamp(18px,1.9vw,26px);line-height:1.34;transform:rotate(-1.4deg) translateY(-1px)}
.login-shell{width:min(1220px,100%)}
.login-hero{grid-template-columns:minmax(0,1fr) minmax(500px,540px);gap:30px;min-height:640px;padding:32px}
.login-visual{min-width:0;padding-right:44px}
.login-panel{width:100%;max-width:540px;padding:22px;border-radius:22px}
.login-mode-grid{gap:14px}
.login-dingtalk-card{gap:16px;padding:24px}
.login-password-card{gap:12px;padding:16px 20px 18px}
.login-card-head strong{font-size:24px;line-height:1.2}
.login-card-head small{font-size:14px;line-height:1.45}
.login-password-card .login-card-head strong{font-size:20px}
.login-password-card .login-card-head{margin-bottom:0}
.login-password-card .login-form{gap:11px}
.login-password-card .login-form label{gap:6px;font-size:13px}
.login-password-card .login-form input{min-height:42px;border-radius:10px}
.login-password-card .login-button{min-height:42px;font-size:15px}
.dingtalk-qr-frame{min-height:430px;border-radius:18px}
.dingtalk-qr-frame iframe{height:430px}
.login-script{max-width:min(100%,560px);font-size:clamp(19px,2vw,28px);line-height:1.26;white-space:nowrap;transform:rotate(-2deg) translateY(-2px)}
html.os-windows .login-script{font-family:"Comic Sans MS","Segoe Print","Segoe Script",cursive;font-size:clamp(18px,1.8vw,25px);line-height:1.34;transform:rotate(-1.4deg) translateY(-1px)}
@media(max-width:1120px){.login-body{overflow:auto}
.login-hero{grid-template-columns:1fr}
.login-panel{max-width:620px;justify-self:center}
}
@media(max-width:620px){.login-body{padding:14px}
.login-hero{padding:12px}
.login-panel{padding:14px}
.login-dingtalk-card,.login-password-card{padding:14px}
.dingtalk-qr-frame,.dingtalk-qr-frame iframe{min-height:360px;height:360px}
.login-script{white-space:normal}
}
.login-body{overflow-x:hidden;overflow-y:auto}
.login-visual .login-script{max-width:min(100%,560px);font-size:clamp(19px,2vw,28px);line-height:1.26;white-space:nowrap;transform:rotate(-2deg) translateY(-2px)}
html.os-windows .login-visual .login-script{font-family:"Comic Sans MS","Segoe Print","Segoe Script",cursive;font-size:clamp(18px,1.8vw,25px);line-height:1.34;transform:rotate(-1.4deg) translateY(-1px)}
@media(max-width:620px){.login-visual .login-script{white-space:normal}
}
.login-body .login-shell{width:min(1240px,100%) !important}
.login-body .login-hero{grid-template-columns:minmax(0,1fr) minmax(500px,560px) !important;gap:34px !important;min-height:min(760px,calc(100vh - 72px)) !important;padding:clamp(24px,3vw,42px) !important}
.login-body .login-panel{width:100% !important;max-width:560px !important;padding:0 !important;border-radius:28px !important;background:transparent !important;box-shadow:none !important;backdrop-filter:none !important}
.login-switch-card{position:relative;display:grid;min-height:620px;padding:46px 42px 38px;overflow:hidden;border:1px solid rgba(204,223,244,0.92);border-radius:28px;background:rgba(255,255,255,0.9);box-shadow:0 28px 76px rgba(34,93,157,0.13),inset 0 1px 0 rgba(255,255,255,0.86)}
.login-corner-toggle{position:absolute;top:0;right:0;z-index:5;width:78px;height:78px;border:0;padding:0;border-radius:0;background:linear-gradient(135deg,#78a8ff 0%,#4f83ff 100%);clip-path:polygon(100% 0,0 0,100% 100%);cursor:pointer}
.login-corner-toggle:focus-visible{outline:3px solid rgba(24,132,255,0.24);outline-offset:2px}
.login-toggle-icon{position:absolute;right:12px;top:13px;display:block;width:28px;height:24px;color:#ffffff}
.login-toggle-computer::before{content:"";position:absolute;left:2px;top:1px;width:22px;height:15px;border:3px solid currentColor;border-radius:3px}
.login-toggle-computer::after{content:"";position:absolute;left:6px;top:19px;width:18px;height:3px;border-radius:99px;background:currentColor}
.login-toggle-qr{display:none;width:26px;height:26px;background:linear-gradient(currentColor 0 0) left top / 10px 10px no-repeat,linear-gradient(currentColor 0 0) right top / 10px 10px no-repeat,linear-gradient(currentColor 0 0) left bottom / 10px 10px no-repeat,linear-gradient(currentColor 0 0) right bottom / 6px 6px no-repeat,linear-gradient(currentColor 0 0) 15px 15px / 5px 5px no-repeat}
.login-switch-card.is-password .login-toggle-computer{display:none}
.login-switch-card.is-password .login-toggle-qr{display:block}
.login-pane{display:grid;align-content:start;gap:28px;min-width:0}
.login-pane[hidden]{display:none !important}
.login-switch-card .login-card-head{margin:0;padding-right:52px}
.login-switch-card .login-card-head strong{font-size:34px;line-height:1.12;letter-spacing:0}
.login-switch-card .login-card-head small{margin-top:10px;font-size:18px;line-height:1.35}
.login-switch-card .dingtalk-qr-frame{min-height:430px;height:430px;border:1px solid #d9e8f7;border-radius:24px;background:#ffffff;box-shadow:0 18px 42px rgba(34,103,178,0.09)}
.login-switch-card .dingtalk-qr-frame iframe{display:block;width:100%;height:430px;border:0;background:#ffffff}
.login-switch-card .login-form{gap:18px;align-content:start;padding-top:18px}
.login-switch-card .login-form label{gap:9px;font-size:15px}
.login-switch-card .login-form input{min-height:54px;border-radius:14px;font-size:16px}
.login-switch-card .login-button{min-height:54px;border-radius:14px;font-size:17px}
.login-switch-card.is-password{min-height:520px}
@media(max-width:1120px){.login-body .login-hero{grid-template-columns:1fr !important;min-height:auto !important}
.login-body .login-panel{max-width:620px !important;justify-self:center}
}
@media(max-width:620px){.login-switch-card{min-height:auto;padding:36px 18px 22px;border-radius:22px}
.login-corner-toggle{width:66px;height:66px}
.login-toggle-icon{right:9px;top:10px;transform:scale(0.82)}
.login-switch-card .login-card-head strong{font-size:28px}
.login-switch-card .login-card-head small{font-size:15px}
.login-switch-card .dingtalk-qr-frame,.login-switch-card .dingtalk-qr-frame iframe{min-height:390px;height:390px}
}
.login-body .login-hero{grid-template-columns:minmax(0,1fr) minmax(500px,560px) !important;min-height:min(840px,calc(100vh - 40px)) !important;padding-top:clamp(16px,2.2vw,30px) !important;padding-bottom:clamp(20px,3.2vw,44px) !important}
.login-switch-card{min-height:772px !important;padding:60px 42px 46px !important}
.login-switch-card .login-card-head strong{font-size:24px !important;line-height:1.12 !important}
.login-switch-card .login-card-head small{margin-top:8px !important;font-size:13px !important;line-height:1.35 !important}
.login-switch-card .dingtalk-qr-frame{min-height:558px !important;height:558px !important;border-radius:24px !important}
.login-switch-card .dingtalk-qr-frame iframe{min-height:558px !important;height:558px !important}
.login-switch-card.is-password{min-height:520px !important;padding-top:54px !important}
@media(max-width:1120px){.login-body .login-hero{min-height:auto !important}
}
@media(max-width:620px){.login-switch-card{min-height:auto !important;padding:42px 18px 24px !important}
.login-switch-card .dingtalk-qr-frame,.login-switch-card .dingtalk-qr-frame iframe{min-height:460px !important;height:460px !important}
}
.login-body.safari-dingtalk-login .login-switch-card .dingtalk-qr-frame{display:grid !important;place-items:center !important;min-height:558px !important;height:558px !important;padding:34px !important;background:radial-gradient(circle at 18% 18%,rgba(28,126,255,0.1),transparent 32%),linear-gradient(145deg,rgba(255,255,255,0.96),rgba(238,247,255,0.86)) !important}
.login-body.safari-dingtalk-login .login-switch-card .dingtalk-qr-frame iframe{display:none !important}
.login-body.safari-dingtalk-login .login-switch-card .dingtalk-qr-fallback{display:grid !important;width:min(100%,360px) !important;min-height:238px !important;align-content:center !important;justify-items:center !important;gap:18px !important;padding:28px !important;border:1px solid rgba(46,133,255,0.18) !important;border-radius:22px !important;background:rgba(255,255,255,0.84) !important;color:var(--tj-text-muted) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.78) !important}
.login-body.safari-dingtalk-login .login-switch-card .dingtalk-qr-fallback span{max-width:280px !important;font-size:15px !important;line-height:1.65 !important}
.login-body.safari-dingtalk-login .login-switch-card .dingtalk-qr-fallback .login-button{width:min(100%,260px) !important}
@media(max-width:620px){.login-body.safari-dingtalk-login .login-switch-card .dingtalk-qr-frame{min-height:460px !important;height:460px !important;padding:22px !important}
}
@media(max-width:620px){.login-body{min-width:0;padding:var(--spectrum-spacing-150);overflow-x:hidden;overflow-y:auto}
.login-shell{width:100%;max-width:none}
.login-hero{display:block;min-height:0;padding:var(--spectrum-spacing-100);border-radius:24px}
.login-visual{display:none}
.login-panel{width:100%;max-width:100%;padding:var(--spectrum-spacing-150);border-radius:20px}
.login-dingtalk-card,.login-password-card{padding:var(--spectrum-spacing-150)}
.dingtalk-qr-frame,.dingtalk-qr-frame iframe,.login-body.safari-dingtalk-login .login-switch-card .dingtalk-qr-frame{min-height:320px !important;height:320px !important;padding:0 !important}
}
body:not(.login-body) .home-sync-pill{display:grid;grid-template-columns:8px auto;column-gap:8px;row-gap:2px;align-items:center;min-width:150px;padding:10px 12px;border:1px solid var(--tj-border-translucent);border-radius:14px;background:var(--tj-surface-translucent)}
body:not(.login-body) .home-sync-pill .sync-dot{grid-row:1 / span 2}
body:not(.login-body) .home-sync-pill strong{color:var(--tj-text-strong);font-size:13px;line-height:1.2}
body:not(.login-body) .home-sync-pill small{color:var(--tj-text-muted);font-size:11px}
body:not(.login-body) .home-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body:not(.login-body) .home-quick-grid button{display:grid;gap:5px;min-height:94px;padding:13px;border:1px solid var(--tj-border-card);border-radius:14px;background:var(--tj-surface-muted);text-align:left;cursor:pointer}
body:not(.login-body) .home-quick-grid button:hover{border-color:var(--tj-action-blue-border);background:var(--tj-action-blue-soft)}
body:not(.login-body) .home-quick-grid button span{color:var(--tj-action-blue);font-size:12px;font-weight:820}
body:not(.login-body) .home-quick-grid button strong{color:var(--tj-text-strong);font-size:16px}
body:not(.login-body) .home-quick-config-toggle{min-height:28px;padding:0 var(--spectrum-spacing-150);border:1px solid var(--spectrum-border-default);border-radius:var(--spectrum-control-radius);color:var(--spectrum-text-primary);background:var(--spectrum-background-layer-1);font-size:12px;font-weight:700;cursor:pointer}
body:not(.login-body) .home-quick-config-toggle:hover{border-color:var(--spectrum-border-hover);background:var(--spectrum-background-layer-2)}
body:not(.login-body) .home-quick-config[hidden]{display:none !important}
body:not(.login-body) .home-quick-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:var(--spectrum-spacing-75);max-height:232px;overflow:auto;margin-bottom:var(--spectrum-spacing-100);padding:var(--spectrum-spacing-100);border:1px solid var(--spectrum-border-default);border-radius:var(--spectrum-card-radius);background:var(--spectrum-background-layer-2)}
body:not(.login-body) .home-quick-config-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-75);min-height:32px;padding:var(--spectrum-spacing-50) var(--spectrum-spacing-75);border:1px solid var(--spectrum-border-default);border-radius:var(--spectrum-control-radius);background:var(--spectrum-background-layer-1)}
body:not(.login-body) .home-quick-config-row label{display:flex;align-items:center;gap:var(--spectrum-spacing-75);min-width:0;color:var(--spectrum-text-primary);cursor:pointer}
body:not(.login-body) .home-quick-config-row input{flex:0 0 auto;width:15px;height:15px}
body:not(.login-body) .home-quick-config-row label>span{display:grid;min-width:0;line-height:1.25}
body:not(.login-body) .home-quick-config-row strong,body:not(.login-body) .home-quick-config-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:not(.login-body) .home-quick-config-row strong{color:var(--spectrum-text-primary);font-size:12px}
body:not(.login-body) .home-quick-config-row small{color:var(--spectrum-text-secondary);font-size:11px}
body:not(.login-body) .home-quick-order-actions{display:inline-flex;flex:0 0 auto;gap:var(--spectrum-spacing-50)}
body:not(.login-body) .home-quick-order-actions button{width:26px;height:26px;border:1px solid var(--spectrum-border-default);border-radius:var(--spectrum-control-radius);color:var(--spectrum-text-primary);background:var(--spectrum-background-layer-1);font-size:13px;line-height:1;cursor:pointer}
body:not(.login-body) .home-quick-grid{grid-template-columns:repeat(auto-fit,minmax(154px,1fr));gap:var(--spectrum-spacing-100)}
body:not(.login-body) .home-quick-grid button{min-height:70px;padding:var(--spectrum-spacing-100) var(--spectrum-spacing-150);border-color:var(--spectrum-border-default);border-radius:var(--spectrum-control-radius);background:var(--spectrum-background-layer-2)}
body:not(.login-body) .home-quick-grid button strong{font-size:14px;line-height:1.25}
body:not(.login-body) .home-quick-grid small{line-height:1.25}
body:not(.login-body) .home-quick-empty{grid-column:1 / -1;min-height:70px;display:grid;place-items:center;border:1px dashed var(--spectrum-border-default);border-radius:var(--spectrum-control-radius);color:var(--spectrum-text-secondary);background:var(--spectrum-background-layer-2);font-size:13px}
@media(max-width:900px){body:not(.login-body) .home-hero{flex-direction:column;align-items:stretch}
body:not(.login-body) .home-sync-pill{min-width:0;width:100%}
}
table.data-table tr.total-row>td{background:var(--tj-action-blue-soft);font-weight:700}
.site-row-level-1 td{background:var(--tj-surface-muted);color:var(--tj-text-muted)}
.drill-child{display:inline-flex;align-items:center;gap:6px;padding-left:18px}
.drill-child::before{content:"└";color:var(--tj-border-accent-muted)}
.rate-good,.rate-warn,.rate-bad{font-weight:800}
table.data-table td:is(.warning-cell,.rate-warn,.msku-rate-warning){background:var(--tj-tone-warning-bg)}
table.data-table td:is(.rate-warn,.msku-rate-warning){color:var(--tj-tone-warning-text)}
table.data-table td:is(.rate-bad,.msku-rate-danger){color:var(--tj-tone-danger-text);background:var(--tj-tone-danger-bg)}
table.data-table td.rate-good{color:var(--tj-tone-success-text);background:var(--tj-tone-success-bg)}
table.data-table td:is(.msku-rate-warning,.msku-rate-danger){font-weight:850}
.rank-change{display:inline-flex;align-items:center;margin-left:8px;font-size:12px;font-weight:800;white-space:nowrap}
.rank-up{color:var(--tj-positive)}
.rank-down{color:var(--tj-danger)}
.rank-flat{color:var(--tj-text-muted)}
.sales-filter-time-progress{display:grid;flex:0 0 142px;width:142px;min-width:142px;max-width:142px;height:var(--tj-control-height-compact);overflow:hidden;place-content:center;gap:1px;box-sizing:border-box;padding:3px var(--tj-control-padding-x);border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);color:var(--tj-action-blue);background:var(--tj-action-blue-soft);text-align:center;white-space:nowrap}
.sales-filter-time-progress :is(span,strong){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-filter-time-progress span{color:var(--tj-text-muted);font-size:11px;font-weight:700;line-height:1}
.sales-filter-time-progress strong{color:var(--tj-action-blue);font-size:15px;font-weight:850;line-height:1}
table.data-table td.msku-achievement-warning{color:var(--tj-warning);font-weight:700}
table.data-table td.msku-achievement-danger{color:var(--tj-danger);font-weight:700}
table.data-table td.msku-achievement-info{color:var(--tj-action-blue);font-weight:700}
.sales-review-product-image,.sales-review-image-placeholder{width:34px;height:34px;vertical-align:middle;border-radius:var(--spectrum-control-radius)}
.sales-review-product-image{display:inline-block;object-fit:contain;border:1px solid var(--tj-border-subtle);background:var(--tj-content-bg)}
.sales-review-image-placeholder{display:inline-grid;place-items:center}
#sales-global-filters[hidden]{display:none !important}
body:not(.sales-view) #sales-global-filters{display:none !important}
body.sales-view #view-sales .insight-row{display:none !important}
.insight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.insight-card{padding:14px 16px;background:var(--tj-content-bg);border:1px solid var(--tj-border-subtle);border-left:3px solid var(--spectrum-accent-visual);border-top:3px solid var(--spectrum-accent-visual);border-radius:var(--tj-panel-radius);box-shadow:var(--tj-shadow-soft)}
.insight-card.warning{border-left-color:var(--tj-warning);background:linear-gradient(180deg,var(--tj-content-bg),var(--tj-tone-warning-row-bg))}
.insight-card.action{border-left-color:var(--tj-danger)}
.insight-card:nth-child(2){border-top-color:var(--tj-warning)}
.insight-card:nth-child(3){border-top-color:var(--tj-danger)}
.insight-card span,.card-title{display:block;color:var(--tj-text-muted);font-size:12px;font-weight:750;margin-bottom:8px}
.insight-card strong{display:block;margin-bottom:8px;color:var(--tj-text-strong);font-size:17px;font-weight:850}
.insight-card p{margin:0;color:var(--tj-text-muted);line-height:1.55;font-size:14px}
.overview-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:0}
.sales-overview-grid{margin-top:0}
#view-sales>.section-title:first-child{margin-top:10px}
#view-sales>.sales-overview-grid:first-child{margin-top:0}
#view-sales .sales-overview-grid>.panel{min-width:0}
.kpi-stack{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start;align-items:start;gap:var(--tj-kpi-grid-gap)}
#view-sales .kpi-stack{width:100%}
.kpi-card{border-top:3px solid var(--spectrum-accent-visual)}
.kpi-card::before{content:none}
.kpi-green{border-top-color:var(--tj-positive)}
.kpi-orange{border-top-color:var(--tj-warning)}
.kpi-red{border-top-color:var(--tj-danger)}
.card-title{position:relative;margin:0 0 3px;color:var(--tj-text-muted);font-size:var(--tj-kpi-title-size);line-height:1.15}
.card-title::before{content:"";display:inline-block;width:3px;height:12px;margin-right:6px;vertical-align:-2px;background:var(--tj-action-blue);border-radius:3px}
.kpi-card strong,.mini-card strong{font-family:"DIN Alternate","DIN Condensed","Arial Narrow","PingFang SC",sans-serif;color:var(--tj-text-strong);font-weight:850}
.kpi-card strong{display:block;margin:2px 0 3px;text-align:center;font-size:var(--tj-kpi-value-size);line-height:1}
.kpi-green strong{color:var(--tj-tone-success-text)}
.kpi-orange strong{color:var(--tj-tone-warning-text)}
.kpi-red strong{color:var(--tj-tone-danger-text)}
.kpi-progress{height:4px;overflow:hidden;margin:0 0 5px;background:var(--tj-surface-muted);border-radius:var(--tj-control-radius)}
.kpi-progress span{display:block;width:var(--progress);max-width:100%;height:100%;background:linear-gradient(90deg,var(--tj-action-blue),var(--spectrum-accent-visual));border-radius:inherit}
.kpi-green .kpi-progress span{background:linear-gradient(90deg,var(--tj-positive),var(--spectrum-positive))}
.kpi-orange .kpi-progress span{background:linear-gradient(90deg,var(--tj-warning),var(--spectrum-notice))}
.kpi-red .kpi-progress span{background:linear-gradient(90deg,var(--tj-danger),var(--spectrum-negative))}
.target-line{display:flex;justify-content:space-between;gap:6px;color:var(--tj-text-muted);font-size:var(--tj-kpi-note-size);line-height:1.1}
.target-line span{font-size:inherit;line-height:inherit}
.target-line span:last-child{font-weight:700}
.mini-card{width:var(--tj-kpi-card-width);min-width:var(--tj-kpi-card-min-width);max-width:var(--tj-kpi-card-max-width);height:var(--tj-kpi-card-height);overflow:hidden;display:grid;place-items:center;padding:var(--tj-kpi-card-padding);border:1px solid var(--tj-border-subtle);border-radius:var(--tj-kpi-card-radius);box-shadow:var(--tj-shadow-soft);text-align:center;background:linear-gradient(180deg,var(--tj-content-bg),var(--tj-surface-muted))}
.mini-card span{color:var(--tj-text-muted)}
.mini-card strong{font-size:19px}
.mini-card .orange,.mini-card strong.orange{color:var(--tj-warning)}
.mini-card .red,.mini-card strong.red{color:var(--tj-danger)}
.mini-card small{color:var(--tj-text-muted)}
@media(max-width:1180px){.kpi-stack{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)))}
}
@media(max-width:720px){.kpi-card strong{font-size:var(--tj-kpi-value-size)}
.kpi-stack{grid-template-columns:1fr}
}
@media(max-width:1200px){.insight-row{grid-template-columns:1fr}
}
.store-inspection-actions{justify-content:flex-end}
.store-inspection-status,.inspection-table-badge,.inspection-check-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;font-size:12px;font-weight:750;line-height:1;white-space:nowrap}
.store-inspection-status{padding:0 var(--spectrum-spacing-150)}
.inspection-table-badge{padding:0 var(--spectrum-spacing-100)}
.inspection-badge-high{color:var(--tj-text-inverse);background:var(--tj-danger)}
.inspection-badge-mid{color:var(--tj-tone-warning-text);background:var(--tj-tone-warning-bg);border:1px solid color-mix(in srgb,var(--tj-warning) 46%,var(--tj-content-bg))}
.inspection-badge-low{color:var(--tj-tone-success-text);background:var(--tj-tone-success-bg);border:1px solid color-mix(in srgb,var(--tj-positive) 34%,var(--tj-content-bg))}
.store-inspection-kpis{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start}
.store-inspection-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,0.85fr);gap:var(--spectrum-spacing-150);margin-top:var(--spectrum-spacing-150)}
.store-inspection-schedule-panel{margin-top:var(--spectrum-spacing-150)}
.store-inspection-schedule-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,0.8fr) auto;align-items:end;gap:var(--spectrum-spacing-200);padding:0 var(--spectrum-spacing-200) var(--spectrum-spacing-200)}
.store-inspection-schedule-form .toggle-row{min-height:var(--spectrum-control-height)}
.store-inspection-time-field{display:grid;gap:var(--spectrum-spacing-75);color:var(--tj-text-muted);font-size:13px}
.store-inspection-time-field input{min-height:var(--spectrum-control-height);border:1px solid var(--tj-border-strong);border-radius:var(--spectrum-control-radius);padding:0 var(--spectrum-spacing-150);color:var(--tj-text-strong);background:var(--tj-content-bg);font:inherit}
.store-inspection-time-field input:focus-visible{border-color:var(--spectrum-accent-visual);box-shadow:0 0 0 3px color-mix(in srgb,var(--spectrum-focus-ring-color) 14%,transparent);outline:0}
.store-inspection-form{padding:0 0 var(--spectrum-spacing-200)}
.store-inspection-form>.panel-head,.store-inspection-preview>.panel-head{padding:var(--spectrum-spacing-200) var(--spectrum-spacing-200) 0}
.store-inspection-basics,.store-inspection-extra,.store-inspection-priority,.store-inspection-checklist{padding:var(--spectrum-spacing-200)}
.store-inspection-priority,.store-inspection-checklist{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:var(--spectrum-spacing-150);border-top:1px solid var(--tj-border-strong)}
.store-inspection-checklist{grid-template-columns:repeat(3,minmax(150px,1fr))}
.store-inspection-priority label,.store-inspection-checklist label{display:grid;gap:var(--spectrum-spacing-75);color:var(--tj-text-muted);font-size:13px}
.store-inspection-form input,.store-inspection-form select,.store-inspection-form textarea{width:100%;min-width:0;min-height:var(--spectrum-control-height);border:1px solid var(--tj-border-strong);border-radius:var(--spectrum-control-radius);padding:0 var(--spectrum-spacing-150);color:var(--tj-text-strong);background:var(--tj-content-bg);font:inherit}
.store-inspection-form textarea{padding-top:var(--spectrum-spacing-100);padding-bottom:var(--spectrum-spacing-100);line-height:1.5;resize:vertical}
.store-inspection-form input:focus,.store-inspection-form select:focus,.store-inspection-form textarea:focus{border-color:var(--spectrum-accent-visual);box-shadow:0 0 0 3px color-mix(in srgb,var(--spectrum-focus-ring-color) 14%,transparent);outline:0}
.store-inspection-extra label{min-width:0}
.store-inspection-preview{align-self:start}
.store-inspection-focus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spectrum-spacing-150);padding:var(--spectrum-spacing-200)}
.inspection-focus-card{display:grid;gap:var(--spectrum-spacing-75);padding:var(--spectrum-spacing-150);border-radius:var(--spectrum-card-radius);background:var(--spectrum-background-layer-2)}
.inspection-focus-card.inspection-badge-high{color:var(--tj-tone-danger-text);background:color-mix(in srgb,var(--tj-danger) 10%,var(--tj-content-bg));border:1px solid color-mix(in srgb,var(--tj-danger) 36%,var(--tj-content-bg))}
.inspection-focus-card.inspection-badge-mid{color:var(--tj-tone-warning-text);background:var(--tj-tone-warning-bg);border:1px solid color-mix(in srgb,var(--tj-warning) 46%,var(--tj-content-bg))}
.inspection-focus-card.inspection-badge-low{color:var(--tj-tone-success-text);background:color-mix(in srgb,var(--tj-positive) 10%,var(--tj-content-bg));border:1px solid color-mix(in srgb,var(--tj-positive) 32%,var(--tj-content-bg))}
.inspection-focus-card span,.inspection-focus-card small{color:inherit;opacity:0.86}
.inspection-focus-card strong{font-size:22px;color:inherit}
.store-inspection-check-summary{display:flex;flex-wrap:wrap;gap:var(--spectrum-spacing-100);padding:0 var(--spectrum-spacing-200) var(--spectrum-spacing-200)}
.store-inspection-report-panel .panel-head{align-items:flex-start}
.store-inspection-report-panel .panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--spectrum-spacing-100)}
.store-inspection-report-output{width:100%;height:min(68vh,720px);min-height:520px;border:1px solid var(--tj-border-strong);border-radius:var(--spectrum-control-radius);padding:var(--spectrum-spacing-150);color:var(--tj-text-strong);background:var(--tj-content-bg);font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;resize:vertical}
body:not(.login-body) #store-inspection-report-output.store-inspection-report-output{min-height:520px}
.store-inspection-report-output:focus{border-color:var(--spectrum-accent-visual);box-shadow:0 0 0 3px color-mix(in srgb,var(--spectrum-focus-ring-color) 14%,transparent);outline:0}
.inspection-check-pill{gap:var(--spectrum-spacing-75);min-height:30px;padding:0 var(--spectrum-spacing-150)}
.inspection-check-pill b{font-weight:750}
.inspection-delete-button{height:30px;padding:0 var(--spectrum-spacing-150);box-shadow:none}
@media(max-width:1180px){.store-inspection-workspace,.store-inspection-kpis,.store-inspection-priority,.store-inspection-checklist{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){.store-inspection-schedule-form{grid-template-columns:1fr;align-items:stretch}
}
@media(max-width:720px){.store-inspection-workspace,.store-inspection-kpis,.store-inspection-focus,.store-inspection-priority,.store-inspection-checklist{grid-template-columns:1fr}
.store-inspection-actions{justify-content:flex-start}
.store-inspection-report-panel .panel-head,.store-inspection-report-panel .panel-actions{align-items:stretch;flex-direction:column}
}
#view-review-rating .review-rating-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,0.75fr);gap:var(--spectrum-spacing-150);margin-top:var(--spectrum-spacing-150)}
#view-review-rating .review-rating-panel,#view-review-rating .review-rating-result-panel{min-width:0}
#view-review-rating .review-rating-inputs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--spectrum-spacing-150)}
#view-review-rating .review-percent-status{display:inline-flex;align-items:center;min-height:28px;padding:var(--spectrum-spacing-50) 10px;border:1px solid var(--tj-border-control);border-radius:999px;background:var(--tj-surface-muted);color:var(--tj-text-muted);font-size:12px;font-weight:700;line-height:1.3}
#view-review-rating .review-percent-status.is-warning{border-color:color-mix(in srgb,var(--tj-warning) 38%,var(--tj-border-subtle));background:var(--tj-tone-warning-bg);color:var(--tj-tone-warning-text)}
#view-review-rating .review-percent-status.is-danger{border-color:color-mix(in srgb,var(--tj-danger) 36%,var(--tj-border-subtle));background:var(--tj-tone-danger-bg);color:var(--tj-tone-danger-text)}
#view-review-rating .review-percent-status.is-success{border-color:color-mix(in srgb,var(--tj-positive) 34%,var(--tj-border-subtle));background:var(--tj-tone-success-bg);color:var(--tj-tone-success-text)}
#view-review-rating .review-rating-summary{display:grid;grid-template-columns:minmax(320px,0.9fr) minmax(0,1.1fr);gap:var(--spectrum-spacing-150);margin-top:var(--spectrum-spacing-150)}
#view-review-rating .review-primary-result{position:relative;min-height:154px;overflow:hidden;padding:18px 20px;border:1px solid color-mix(in srgb,var(--tj-action-blue) 34%,var(--tj-border-subtle));border-radius:var(--spectrum-control-radius);background:color-mix(in srgb,var(--tj-action-blue) 6%,var(--tj-content-bg));box-shadow:0 18px 40px rgba(15,45,90,0.12)}
#view-review-rating .review-primary-result::before{content:"";position:absolute;top:0;left:20px;width:74px;height:4px;border-radius:0 0 5px 5px;background:var(--tj-action-blue)}
#view-review-rating .review-primary-result>span,.review-primary-number small,#view-review-rating .review-primary-result p{color:var(--tj-action-blue-hover);font-weight:700}
#view-review-rating .review-primary-result>span{display:block;font-size:13px}
.review-primary-number{display:grid;grid-template-columns:auto min-content;column-gap:10px;align-items:end;width:max-content;margin-top:18px}
.review-primary-number small{grid-column:1 / -1;font-size:13px}
.review-primary-number strong{color:var(--tj-action-blue);font-family:"DIN Alternate","DIN Condensed","Arial Narrow","PingFang SC",sans-serif;font-size:58px;font-weight:900;line-height:0.95;letter-spacing:0}
.review-primary-number em{margin-bottom:5px;color:var(--tj-action-blue);font-size:22px;font-style:normal;font-weight:900}
#view-review-rating .review-primary-result p{margin:10px 0 0}
#view-review-rating .review-support-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spectrum-spacing-150)}
.review-support-metrics article{min-height:154px;padding:var(--spectrum-spacing-200);border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg);box-shadow:0 10px 28px rgba(15,45,90,0.08)}
.review-support-metrics span,.review-support-metrics small{display:block;color:var(--tj-text-muted)}
.review-support-metrics span{font-weight:700}
.review-support-metrics strong{display:block;margin:18px 0 var(--spectrum-spacing-100);color:var(--tj-text-strong);font-family:"DIN Alternate","DIN Condensed","Arial Narrow","PingFang SC",sans-serif;font-size:30px;font-weight:900;line-height:1}
#view-review-rating .review-rating-table{min-width:0;table-layout:fixed}
.review-rating-table th,.review-rating-table td{text-align:right}
.review-rating-table th:first-child,.review-rating-table td:first-child{width:24%;text-align:left}
.review-rating-table th:nth-child(2),.review-rating-table td:nth-child(2){width:24%}
.review-rating-table input{width:110px;height:34px;padding:0 10px;border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg);color:var(--tj-text-strong);font:inherit;font-weight:700;text-align:right}
.review-rating-table input:focus-visible{border-color:var(--spectrum-focus-ring-color);outline:var(--spectrum-focus-ring-width) solid var(--spectrum-focus-ring-color);outline-offset:var(--spectrum-focus-ring-gap)}
.review-rating-table td:nth-child(2)::after{content:"%";margin-left:var(--spectrum-spacing-75);color:var(--tj-text-muted);font-weight:700}
#view-review-rating .review-result-list{display:grid;gap:var(--spectrum-spacing-150)}
.review-result-list div{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-150);padding:var(--spectrum-spacing-150);border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-surface-muted)}
.review-result-list span{color:var(--tj-text-muted);font-weight:700}
.review-result-list strong{color:var(--tj-text-strong);font-size:18px}
#view-review-rating .review-formula-note{margin-top:var(--spectrum-spacing-150);padding:var(--spectrum-spacing-150);border:1px solid color-mix(in srgb,var(--tj-positive) 28%,var(--tj-border-subtle));border-radius:var(--spectrum-control-radius);background:var(--tj-tone-success-bg);color:var(--tj-tone-success-text);font-weight:700;line-height:1.5}
@media(max-width:1200px){#view-review-rating .review-rating-summary,#view-review-rating .review-rating-layout,#view-review-rating .review-rating-inputs{grid-template-columns:1fr}
}
@media(max-width:720px){#view-review-rating .review-rating-summary,#view-review-rating .review-support-metrics{grid-template-columns:1fr}
#view-review-rating .review-primary-result{min-height:138px;padding:var(--spectrum-spacing-200)}
.review-primary-number{margin-top:14px}
.review-primary-number strong{font-size:48px}
.review-support-metrics article{min-height:104px}
.review-support-metrics strong{margin:var(--spectrum-spacing-150) 0 var(--spectrum-spacing-75);font-size:26px}
#view-review-rating .review-rating-table{font-size:12px}
.review-rating-table th,.review-rating-table td{padding:var(--spectrum-spacing-100) var(--spectrum-spacing-75)}
.review-rating-table input{width:min(76px,100%);height:32px;padding:0 7px}
.review-rating-table td:nth-child(2)::after{display:block;margin:2px 0 0}
}
.sales-forecast-table-wrap{--sales-forecast-border:var(--tj-border-subtle);--sales-forecast-sticky-border:var(--tj-border-control);--sales-forecast-product-bg:color-mix(in srgb,var(--tj-action-blue) 18%,var(--tj-content-bg));--sales-forecast-inventory-bg:color-mix(in srgb,var(--tj-positive) 14%,var(--tj-content-bg));--sales-forecast-action-bg:color-mix(in srgb,var(--tj-warning) 14%,var(--tj-content-bg));--sales-forecast-sales-bg:color-mix(in srgb,var(--tj-action-blue) 10%,var(--tj-content-bg));--sales-forecast-sticky-bg:color-mix(in srgb,var(--tj-action-blue) 3%,var(--tj-content-bg));--sales-forecast-sticky-alt-bg:color-mix(in srgb,var(--tj-action-blue) 2%,var(--tj-content-bg));--sales-forecast-sticky-hover-bg:color-mix(in srgb,var(--tj-action-blue) 5%,var(--tj-content-bg));--sales-forecast-month-bg:color-mix(in srgb,var(--tj-warning) 13%,var(--tj-content-bg));max-height:calc(100vh - 360px);border:1px solid var(--sales-forecast-border);border-radius:var(--tj-panel-radius);position:relative;isolation:isolate}
.sales-forecast-table{font-size:12px}
.sales-forecast-table th,.sales-forecast-table td{box-sizing:border-box;padding:5px 6px;line-height:1.25}
.sales-forecast-table thead tr:first-child th{top:0;z-index:5;text-align:center;font-size:16px}
.sales-forecast-table thead tr:nth-child(2) th{top:34px;z-index:5}
.sales-forecast-table .group-head.product-group{background:var(--sales-forecast-product-bg)}
.sales-forecast-table .group-head.inventory-group{background:var(--sales-forecast-inventory-bg)}
.sales-forecast-table .group-head.action-group{background:var(--sales-forecast-action-bg)}
.sales-forecast-table .group-head.sales-group{background:var(--sales-forecast-sales-bg)}
.sales-forecast-table .sticky-col{position:sticky;z-index:30;box-shadow:1px 0 0 var(--sales-forecast-sticky-border)}
.sales-forecast-table thead .sticky-col{z-index:50}
.sales-forecast-table thead tr:nth-child(2) th.sticky-col{z-index:65}
.sales-forecast-table .sticky-product-group{position:sticky;box-shadow:1px 0 0 var(--sales-forecast-sticky-border)}
.sales-forecast-table thead tr:first-child th.sticky-product-group{z-index:70;background:var(--sales-forecast-product-bg)}
.sales-forecast-table th.sticky-col,.sales-forecast-table td.sticky-col{background:var(--sales-forecast-sticky-bg)}
.sales-forecast-table tbody tr:nth-child(even) td.sticky-col{background:var(--sales-forecast-sticky-alt-bg)}
.sales-forecast-table tbody tr:hover td.sticky-col{background:var(--sales-forecast-sticky-hover-bg)}
.sales-forecast-table .forecast-emphasis{font-weight:800;color:var(--tj-text-strong)}
.sales-forecast-table .month-sales-col{background:var(--sales-forecast-month-bg) !important}
.sales-forecast-table td.month-sales-col{position:relative;overflow:visible}
.sales-month-sales-value{display:inline-block;min-width:100%}
.sales-month-sales-tooltip{position:absolute;left:50%;bottom:calc(100% - var(--spectrum-spacing-50));z-index:120;display:block;min-width:132px;max-width:180px;padding:var(--spectrum-spacing-75) var(--spectrum-spacing-100);border:1px solid var(--spectrum-border-hover);border-radius:var(--spectrum-control-radius);color:var(--tj-text-strong);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-soft);font-size:12px;font-weight:800;line-height:1.35;text-align:left;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-4px);transition:opacity 120ms ease,transform 120ms ease}
.sales-forecast-table td.month-sales-col:hover .sales-month-sales-tooltip,.sales-forecast-table td.month-sales-col.is-tooltip-open .sales-month-sales-tooltip,.sales-forecast-table td.month-sales-col:focus .sales-month-sales-tooltip,.sales-forecast-table td.month-sales-col:focus-within .sales-month-sales-tooltip{opacity:1;transform:translate(-50%,-8px)}
.sales-forecast-table td.month-sales-col:focus-visible{outline:var(--spectrum-focus-ring-width) solid var(--spectrum-focus-ring-color);outline-offset:-2px}
.sales-forecast-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.sales-forecast-view-toggle{display:inline-flex;padding:3px;border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);background:var(--tj-action-blue-soft)}
.sales-forecast-view-toggle button{height:30px;min-width:58px;border:0;border-radius:var(--spectrum-control-radius);color:var(--tj-text-muted);background:transparent;font-weight:800;cursor:pointer}
.sales-forecast-view-toggle button.active{color:var(--tj-content-bg);background:var(--tj-action-blue)}
@media(max-width:720px){.sales-forecast-panel .panel-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--spectrum-spacing-100)}
.sales-forecast-panel .panel-head h2{min-width:0;overflow-wrap:anywhere;line-height:1.25}
.sales-forecast-panel-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:var(--spectrum-spacing-75)}
.sales-forecast-view-toggle{max-width:100%;overflow-x:auto}
#sales-forecast-status{max-width:100%;overflow-wrap:anywhere;text-align:left}
}
.sales-focus-toggle{width:22px;height:22px;border:2px solid var(--tj-border-control);border-radius:var(--spectrum-control-radius);color:var(--tj-tone-warning-text);background:var(--tj-content-bg);display:inline-grid;place-items:center;padding:0;font-size:15px;line-height:1;cursor:pointer}
.sales-focus-toggle.is-focused{border-color:var(--tj-warning);color:var(--tj-tone-warning-text);background:var(--tj-tone-warning-bg)}
.sales-hide-toggle{width:38px;height:22px;border:1px solid var(--tj-border-control);border-radius:5px;padding:0;color:var(--tj-text-muted);background:var(--tj-content-bg);font-size:12px;font-weight:800;line-height:20px;white-space:nowrap;cursor:pointer}
.sales-hide-toggle.is-hidden{color:var(--tj-tone-warning-text);border-color:color-mix(in srgb,var(--tj-warning) 42%,var(--tj-border-control));background:var(--tj-tone-warning-bg)}
.sales-product-image-frame{display:inline-grid;width:34px;height:34px;place-items:center}
.sales-product-image{width:34px;height:34px;object-fit:contain;border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg)}
.sales-product-image-frame.image-failed .sales-product-image{display:none}
.sales-product-image-frame .sales-image-fallback{display:none}
.sales-product-image-frame.image-failed .sales-image-fallback{display:inline-grid}
.sales-daily-input{width:43px;height:24px;border:1px solid var(--tj-border-control);border-radius:5px;padding:0 5px;text-align:right;color:var(--tj-text-body);background:color-mix(in srgb,var(--tj-warning) 5%,var(--tj-content-bg))}
.sales-forecast-table .image-placeholder{width:34px;height:34px;border-radius:var(--spectrum-control-radius)}
.sales-daily-input:focus{outline:0;border-color:var(--tj-action-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--tj-action-blue) 16%,transparent);background:var(--tj-content-bg)}
#view-clearance .slow-moving-risk-tabs{display:flex;gap:var(--spectrum-spacing-75);margin-top:var(--spectrum-spacing-150);border-bottom:1px solid var(--tj-border-strong)}
#view-clearance .slow-moving-risk-tabs button{padding:var(--spectrum-spacing-100) var(--spectrum-spacing-150);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--tj-text-muted);font:inherit;font-weight:700;cursor:pointer}
#view-clearance .slow-moving-risk-tabs button.is-active{border-bottom-color:var(--tj-action-blue);color:var(--tj-text-strong)}
#view-clearance .slow-moving-risk-tabs button:focus-visible{outline:0;box-shadow:var(--tj-focus-ring)}
#view-clearance .slow-moving-risk-panel{padding:var(--spectrum-spacing-125) 0;color:var(--tj-text-muted)}
#view-clearance .slow-moving-risk-history-label{display:grid;gap:var(--spectrum-spacing-50);max-width:260px;font-weight:700}
#view-clearance .slow-moving-risk-kpis{grid-template-columns:repeat(auto-fit,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start;margin-top:var(--spectrum-spacing-100)}
#view-clearance .slow-moving-risk-result-panel{margin-top:var(--spectrum-spacing-150)}
#view-clearance .slow-moving-risk-table-wrap{max-width:100%}
#view-clearance .slow-moving-risk-row--强制处置{background:color-mix(in srgb,var(--tj-warning) 12%,var(--tj-content-bg))}
#view-clearance .slow-moving-risk-row--高风险{background:color-mix(in srgb,var(--spectrum-negative) 8%,var(--tj-content-bg))}
#view-clearance .slow-moving-risk-row--关注{background:color-mix(in srgb,var(--tj-surface-muted) 70%,var(--tj-content-bg))}
#view-clearance .slow-moving-risk-row strong{font-weight:700}
#view-clearance .slow-moving-risk-row small{color:var(--tj-text-muted)}
@media(max-width:720px){#view-clearance>.module-hero{grid-template-columns:1fr;align-items:start}
#view-clearance>.module-hero .hero-actions{min-width:0;justify-content:flex-start}
#view-clearance>.module-hero .hero-actions small{flex:1 1 100%;overflow-wrap:anywhere}
#view-clearance .slow-moving-risk-tabs{overflow-x:auto}
#view-clearance .slow-moving-risk-tabs button{flex:0 0 auto}
#view-clearance .slow-moving-risk-kpis{grid-template-columns:1fr}
}
#view-budget{min-width:0}
#view-budget .detail-panel{min-width:0}
.budget-summary-grid{margin-top:10px}
#view-budget .budget-target-table-wrap{max-width:100%;overflow-x:auto}
.budget-import-dialog{width:min(620px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));overflow:hidden;padding:0;border:0;border-radius:var(--tj-modal-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-modal)}
.budget-import-dialog::backdrop{background:var(--tj-overlay-backdrop)}
.budget-import-fields em{margin-left:var(--spectrum-spacing-50);color:var(--tj-danger);font-style:normal}
.budget-template-link{margin:0;color:var(--tj-text-muted);font-size:13px}
.file-picker{display:flex;min-height:58px;align-items:center;padding:0 12px;border:1px dashed var(--tj-border-control);border-radius:8px;color:var(--tj-text-muted);background:var(--tj-action-blue-soft);cursor:pointer;transition:border-color 0.16s ease,background 0.16s ease,box-shadow 0.16s ease}
.file-picker strong,.file-picker small{display:block}
.file-picker strong{color:var(--tj-text-strong);font-size:14px}
.file-picker small{margin-top:4px;color:var(--tj-text-muted);font-size:12px}
.file-picker.is-dragging{border-color:var(--tj-action-blue);background:var(--tj-action-blue-soft);box-shadow:var(--tj-shadow-soft)}
.file-picker input{display:none}
@media(max-width:720px){.budget-import-dialog{inset:12px;width:auto;max-height:none}
.budget-import-fields.form-grid{grid-template-columns:1fr}
}
#view-fba-freight .fba-freight-table-shell{max-width:100%;overflow-x:auto}
#view-fba-freight .fba-freight-table td[data-fba-freight-order-result]{white-space:normal}
#view-fba-freight .fba-freight-table .table-actions{display:flex;gap:8px;align-items:center}
#view-fba-freight .fba-freight-summary{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start}
#view-fba-freight .fba-freight-summary .metric-tile{min-width:0}
#view-fba-freight .fba-freight-search-control{display:grid;grid-template-columns:104px minmax(0,1fr) var(--tj-control-height-compact);flex:0 1 280px;min-width:220px;overflow:hidden}
#view-fba-freight .fba-freight-search-scope{display:flex;align-items:center;min-width:0;padding:0 var(--tj-control-padding-x);border-right:1px solid var(--tj-border-subtle);color:var(--tj-text-body);font-size:13px}
#view-fba-freight .fba-freight-search-control input{width:100%;min-width:0;height:100%;border:0;border-radius:0;box-shadow:none}
#view-fba-freight .fba-freight-search-button{display:grid;width:var(--tj-control-height-compact);height:var(--tj-control-height-compact);place-items:center;border:0;border-left:1px solid var(--tj-border-subtle);border-radius:0;color:var(--tj-text-muted);background:var(--tj-content-bg);cursor:pointer}
#view-fba-freight .fba-freight-search-button:hover{color:var(--tj-action-blue);background:var(--tj-action-blue-soft)}
#view-fba-freight .fba-freight-search-button:focus-visible{position:relative;z-index:1;outline:0;box-shadow:inset 0 0 0 2px var(--tj-action-blue)}
#view-fba-freight .fba-freight-search-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
#view-fba-freight .fba-freight-product-image-frame,#view-fba-freight .fba-freight-image-placeholder{display:inline-grid;width:44px;height:44px;place-items:center}
#view-fba-freight .fba-freight-product-image{width:44px;height:44px;object-fit:contain;border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg)}
#view-fba-freight .fba-freight-detail-dialog{width:min(1080px,96vw);max-height:92vh;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:var(--tj-panel-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-modal)}
#view-fba-freight .fba-forwarder-template-dialog{width:min(480px,94vw);overflow:hidden;border-radius:var(--tj-panel-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-modal)}
#view-fba-freight .fba-jiufang-order-dialog{width:min(720px,94vw);max-height:90vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-radius:var(--tj-panel-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-modal)}
#view-fba-freight .fba-forwarder-template-field{display:grid;gap:8px;color:var(--tj-text-muted);font-size:13px;font-weight:700}
#view-fba-freight .fba-forwarder-template-field select{width:100%;height:42px;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-control-radius);background:var(--tj-content-bg);color:var(--tj-text-body);font-size:14px}
#view-fba-freight .fba-jiufang-summary{display:grid;gap:14px}
#view-fba-freight .fba-jiufang-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
#view-fba-freight .fba-jiufang-summary-grid span,#view-fba-freight .fba-jiufang-result-row{min-width:0;padding:10px 12px;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);background:var(--tj-action-blue-soft)}
#view-fba-freight .fba-jiufang-result-list{display:grid;gap:8px;max-height:46vh;overflow:auto}
#view-fba-freight .fba-jiufang-result-row{display:grid;gap:4px}
#view-fba-freight .fba-jiufang-result-row span{overflow-wrap:anywhere;color:var(--tj-text-muted)}
#view-fba-freight .fba-freight-detail-content{display:grid;gap:18px;overflow:auto;padding:22px 24px}
#view-fba-freight .fba-freight-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
#view-fba-freight .fba-freight-detail-grid div{min-width:0;padding:12px;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);background:var(--tj-action-blue-soft)}
#view-fba-freight .fba-freight-detail-grid span,#view-fba-freight .fba-freight-items h3{display:block;margin:0 0 6px;color:var(--tj-text-muted);font-size:12px}
#view-fba-freight .fba-freight-detail-grid strong{display:block;overflow-wrap:anywhere}
#view-fba-freight .fba-freight-items{overflow:auto}
#view-fba-freight .panel-head{min-width:0}
#view-fba-freight .panel-head>span,#fba-freight-status{min-width:0;max-width:min(640px,100%);overflow-wrap:anywhere;white-space:normal;text-align:right}
@media(max-width:760px){#view-fba-freight .fba-freight-panel .panel-head{display:grid;grid-template-columns:1fr;align-items:start;gap:8px}
#view-fba-freight .fba-freight-panel .panel-head h2,#view-fba-freight .fba-freight-panel .panel-head span{min-width:0;overflow-wrap:anywhere}
#view-fba-freight .fba-freight-search-control{flex-basis:100%;min-width:0}
}
.fba-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}
.fba-automation-panel,.fba-result-panel,.fba-task-board-panel{margin-top:10px}
#view-fba{--fba-surface:var(--tj-content-bg);--fba-surface-soft:var(--tj-surface-muted);--fba-skeleton:color-mix(in srgb,var(--tj-action-blue) 8%,var(--tj-content-bg))}
.fba-board-head,.fba-board-actions,.fba-status-tabs{display:flex;align-items:center}
.fba-board-head{justify-content:space-between;gap:14px;margin-bottom:12px}
.fba-board-head h2{margin:0 0 3px}
.fba-board-head span{color:var(--tj-text-muted)}
.fba-board-actions{gap:8px}
.fba-board-actions input{width:min(340px,40vw);height:var(--tj-control-height-compact);border:1px solid var(--tj-border-subtle);border-radius:var(--tj-control-radius);padding:0 10px}
.fba-status-tabs{gap:8px;flex-wrap:wrap;margin-bottom:12px}
.status-tab{height:var(--tj-control-height-compact);border:1px solid var(--tj-border-subtle);border-radius:var(--tj-control-radius);padding:0 12px;background:var(--fba-surface);color:var(--tj-text-muted);font-weight:800;cursor:pointer}
.status-tab.active{border-color:var(--tj-action-blue);background:var(--tj-action-blue-soft);color:var(--tj-user-blue-text)}
.fba-board-groups{display:grid;gap:12px}
.fba-queue-panel{display:grid;gap:10px;margin:0 0 12px;padding:12px;border:1px solid color-mix(in srgb,var(--tj-action-blue) 28%,var(--tj-content-bg));border-radius:var(--tj-panel-radius);background:color-mix(in srgb,var(--tj-action-blue) 6%,var(--tj-content-bg))}
.fba-queue-panel[hidden]{display:none}
.queue-head,.queue-item,.fba-result-pagination{display:flex;align-items:center}
.queue-head{justify-content:space-between;gap:10px}
.queue-head span,.queue-item small,.fba-result-pagination span{color:var(--tj-text-muted)}
.queue-list{display:grid;gap:8px}
.queue-item{gap:10px;min-height:42px;padding:8px 10px;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);background:var(--fba-surface)}
.queue-info{display:grid;min-width:0;flex:1;gap:2px}
.queue-item strong,.queue-item span,.queue-item small,.queue-info>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.queue-spinner,.queue-pulse{width:28px;height:28px;margin-left:auto;flex:0 0 auto;border-radius:50%}
.queue-spinner{border:3px solid color-mix(in srgb,var(--tj-action-blue) 16%,var(--tj-content-bg));border-top-color:var(--tj-action-blue);animation:queue-spin 0.8s linear infinite}
.queue-pulse{position:relative;border:2px solid color-mix(in srgb,var(--tj-warning) 36%,var(--tj-content-bg))}
.queue-pulse::after{content:"";position:absolute;inset:7px;border-radius:inherit;background:var(--tj-warning);animation:queue-pulse 1.1s ease-in-out infinite}
@keyframes queue-spin{to{transform:rotate(360deg)}
}
@keyframes queue-pulse{0%,100%{transform:scale(0.8);opacity:0.55}
50%{transform:scale(1);opacity:1}
}
.task-group{overflow:hidden;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);background:var(--fba-surface)}
.task-group-head{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border-bottom:1px solid var(--tj-border-subtle);background:var(--fba-surface-soft)}
.task-group-head small{color:var(--tj-text-muted)}
.fba-task-row{display:grid;grid-template-columns:42px minmax(200px,1.5fr) 100px minmax(80px,0.65fr) minmax(90px,0.65fr) minmax(80px,0.55fr) minmax(140px,0.9fr) minmax(210px,1.25fr) 210px;gap:12px;align-items:center;min-height:72px;padding:10px 14px;border-bottom:1px solid var(--tj-border-subtle)}
.fba-task-row.history-row{grid-template-columns:42px minmax(220px,1.5fr) 110px minmax(90px,0.7fr) minmax(140px,0.95fr) minmax(80px,0.55fr) minmax(220px,1.3fr) 170px}
.fba-task-row:last-child{border-bottom:0}
.fba-loading-state{min-height:180px}
.fba-task-skeleton{pointer-events:none}
.fba-task-skeleton>*{display:block;min-height:16px;border-radius:var(--spectrum-control-radius);background:linear-gradient(90deg,var(--fba-skeleton) 0%,var(--fba-surface-soft) 45%,var(--fba-skeleton) 100%);background-size:220% 100%;animation:fba-skeleton-shimmer 1.2s ease-in-out infinite}
.fba-task-skeleton> :first-child{width:22px;justify-self:center}
.fba-task-skeleton> :nth-child(2){min-height:34px}
.fba-task-skeleton> :last-child{min-height:30px}
@keyframes fba-skeleton-shimmer{0%{background-position:120% 0}
100%{background-position:-120% 0}
}
.row-index{color:var(--tj-text-muted);text-align:center}
.task-main,.task-cell{display:grid;gap:4px;min-width:0}
.task-main strong,.task-cell strong{min-width:0;overflow:hidden;color:var(--tj-text-body);font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.task-main small,.task-cell span{overflow:hidden;color:var(--tj-text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.task-actions{display:flex;justify-content:flex-end;gap:6px;white-space:nowrap}
.fba-result-pagination{justify-content:flex-end;gap:8px;min-height:42px;padding-top:10px}
.fba-result-pagination button:disabled{cursor:not-allowed;opacity:0.45}
.fba-task-modal{width:min(980px,96vw);max-height:92vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-radius:var(--tj-panel-radius);background:var(--fba-surface);box-shadow:var(--tj-shadow-modal)}
@media(max-width:1200px){.fba-grid{grid-template-columns:1fr}
.fba-board-head{align-items:stretch;flex-direction:column}
.fba-board-actions input{width:100%}
.fba-task-row{grid-template-columns:36px minmax(180px,1fr) 110px minmax(120px,0.8fr)}
.task-cell.wide,.task-actions{grid-column:2 / -1}
}
@media(max-width:720px){.fba-task-row{grid-template-columns:28px minmax(0,1fr);align-items:start}
.fba-task-row>*{grid-column:2}
.fba-task-row .row-index{grid-column:1;grid-row:1 / span 4}
.task-actions{justify-content:flex-start}
.fba-task-modal{max-height:96vh}
}
.fba-shipment-order-panel{display:grid;gap:10px}
.fba-shipment-order-panel .panel-head{gap:12px}
#fba-shipment-order-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fba-shipment-order-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:start}
.fba-shipment-order-toolbar label{flex:0 1 150px;min-width:0}
.fba-shipment-order-toolbar label:nth-of-type(4){flex-basis:190px}
.fba-shipment-order-toolbar label:nth-of-type(6){flex-basis:180px}
.fba-shipment-order-toolbar select,.fba-shipment-order-toolbar input{min-width:0}
.fba-shipment-order-toolbar button{width:auto;min-width:96px;height:var(--tj-control-height);padding:0 14px;white-space:nowrap}
#fba-shipment-order-create{min-width:156px}
.fba-shipment-order-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.fba-shipment-order-table-shell{overflow-x:auto}
.fba-shipment-order-table{min-width:980px}
.fba-shipment-order-table th:first-child,.fba-shipment-order-table td:first-child{width:44px;text-align:center}
.fba-shipment-order-table td[data-fba-shipment-order-result]{min-width:180px;white-space:normal}
@media(max-width:760px){.fba-shipment-order-summary{grid-template-columns:1fr}
.fba-shipment-order-toolbar label{flex-basis:100%;min-width:100%}
.fba-shipment-order-toolbar button,#fba-shipment-order-create{width:100%}
}
.fba-schedule-bar{display:grid;grid-template-columns:minmax(180px,1.1fr) repeat(5,minmax(110px,0.7fr)) minmax(180px,1fr);gap:10px;align-items:end}
.fba-schedule-bar label,.toggle-row{display:grid;gap:6px;color:var(--tj-text-muted);font-size:13px}
.toggle-row{display:flex;min-height:var(--tj-control-height);align-items:center;gap:8px;color:var(--tj-text-body);font-weight:800}
.toggle-row input{width:18px;height:18px;accent-color:var(--tj-action-blue)}
.task-schedule-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.form-grid .task-schedule-options label{min-width:0}
.form-grid .task-schedule-options .toggle-row{display:flex;min-height:var(--tj-control-height);align-items:center;gap:8px;padding:0 12px;border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);background:var(--tj-content-bg);color:var(--tj-text-body);font-size:14px;font-weight:800}
.form-grid .task-schedule-options .toggle-row input{width:14px;height:14px;flex:0 0 14px;accent-color:var(--tj-action-blue)}
.notification-policy-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:var(--tj-control-height);padding:10px 12px;border:1px solid var(--tj-border-control);border-radius:var(--tj-control-radius);background:var(--tj-content-bg)}
.notification-policy-group>span{grid-column:1 / -1;color:var(--tj-text-muted);font-size:13px;font-weight:800}
.form-grid .notification-policy-group label{display:flex;align-items:center;gap:6px;min-height:auto;color:var(--tj-text-body);font-size:14px;font-weight:800}
.notification-policy-group input[type="radio"]{width:14px;height:14px;flex:0 0 14px;accent-color:var(--tj-action-blue)}
.schedule-effective-row,.schedule-mode-row{display:grid;align-items:center;margin-top:14px}
.schedule-effective-row{grid-template-columns:100px minmax(180px,1fr) 24px minmax(180px,1fr);gap:12px}
.schedule-effective-row span,.schedule-mode-row>span{color:var(--tj-text-muted);font-size:14px;font-weight:800}
.schedule-effective-row em{color:var(--tj-text-strong);font-style:normal;text-align:center}
.form-grid .schedule-effective-row input{height:44px;border-color:var(--tj-border-control);border-radius:var(--tj-control-radius);font-size:14px}
.schedule-mode-row{grid-template-columns:100px repeat(3,max-content);gap:26px}
.form-grid .schedule-radio{display:flex;align-items:center;gap:8px;color:var(--tj-text-strong);font-size:15px;font-weight:800}
.form-grid .schedule-radio input{width:14px;height:14px;flex:0 0 14px;accent-color:var(--tj-action-blue)}
.schedule-time-row{display:grid;grid-template-columns:minmax(120px,140px) minmax(150px,200px) 20px minmax(150px,200px) minmax(180px,1fr);gap:12px;align-items:center;margin-top:14px}
.schedule-time-row>span{color:var(--tj-text-strong);text-align:center;font-size:15px;font-weight:800}
.schedule-time-row small{color:var(--tj-warning-emphasis);font-size:13px;white-space:nowrap}
.form-grid .schedule-time-row select,.form-grid .schedule-time-row input{height:44px;border-color:var(--tj-border-control);border-radius:var(--tj-control-radius);font-size:14px;font-weight:750}
.schedule-add-button{width:fit-content;min-height:var(--tj-control-height);margin-top:12px;border:1px solid var(--tj-action-blue);border-radius:var(--tj-control-radius);padding:0 18px;background:var(--tj-content-bg);color:var(--tj-action-blue-hover);font-size:15px;font-weight:800;cursor:pointer}
@media(max-width:1200px){.fba-schedule-bar{grid-template-columns:1fr}
}
@media(max-width:720px){.task-schedule-options,.schedule-effective-row,.schedule-mode-row,.schedule-time-row{grid-template-columns:1fr}
}
.search-row{display:flex;gap:8px;align-items:center}
.search-row input{flex:1}
.search-row select{width:118px;flex:0 0 118px}
.msku-search{position:relative}
.msku-suggest-panel{position:absolute;top:42px;left:0;z-index:36;width:min(100%,620px);max-height:260px;overflow:auto;padding:6px;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-floating)}
.msku-suggest-panel[hidden]{display:none}
.search-results{min-height:var(--tj-control-height-compact);max-height:128px;overflow:auto;padding:8px;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);color:var(--tj-text-muted);background:var(--tj-surface-muted);line-height:1.6}
.search-result-item{display:block;width:100%;padding:6px;border:0;border-radius:var(--tj-control-radius);color:var(--tj-text-body);background:transparent;text-align:left;line-height:1.35;cursor:pointer}
.search-result-item:hover{background:var(--tj-action-blue-soft)}
.fba-shipment-variance-panel{display:grid;gap:var(--spectrum-spacing-200)}
.fba-shipment-variance-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.fba-shipment-variance-table-shell{overflow-x:auto}
.fba-shipment-variance-detail-dialog{width:min(760px,calc(100vw - var(--spectrum-spacing-300)));max-height:calc(100vh - var(--spectrum-spacing-300));overflow:auto;padding:var(--spectrum-spacing-200);background:var(--tj-content-bg);border-radius:var(--tj-modal-radius)}
@media(max-width:760px){.fba-shipment-variance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ai-workflow-hero{align-items:center}
.ai-workflow-hero-actions{display:flex;align-items:center;gap:12px}
.ai-workflow-hero-actions>span{color:var(--tj-text-muted);font-size:12px}
.ai-workflow-steps{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(170px,1fr);align-items:center;gap:18px;min-height:72px;padding:10px 24px;border-radius:12px;background:var(--tj-content-bg)}
.ai-workflow-steps>div{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.ai-workflow-steps i{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--tj-action-blue-soft);color:var(--tj-action-blue);font-size:14px;font-style:normal;font-weight:750}
.ai-workflow-steps .is-active i{background:var(--tj-action-blue);color:var(--tj-content-bg)}
.ai-workflow-steps span{display:grid;gap:2px;min-width:0}
.ai-workflow-steps strong{color:var(--tj-text-strong);font-size:13px;white-space:nowrap}
.ai-workflow-steps small{color:var(--tj-text-muted);font-size:11px;white-space:nowrap}
.ai-workflow-steps>b{color:var(--spectrum-text-disabled);font-size:18px;font-weight:400}
.ai-product-line-section{padding:16px 18px;border-radius:12px;background:var(--tj-content-bg)}
.ai-product-line-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.ai-product-line-heading h3{margin:0;color:var(--tj-text-strong);font-size:15px}
.ai-product-line-heading p{margin:3px 0 0;color:var(--tj-text-muted);font-size:11px}
.ai-product-line-heading>span{color:var(--tj-action-blue);font-size:11px;font-weight:650;white-space:nowrap}
.ai-product-line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ai-product-line-grid button{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:66px;padding:10px 12px;border:1px solid var(--tj-border-subtle);border-radius:10px;background:var(--tj-content-bg);color:var(--tj-text-body);text-align:left;cursor:pointer;transition:border-color 140ms ease,background 140ms ease,color 140ms ease}
.ai-product-line-grid button:hover{border-color:var(--spectrum-accent-visual);background:var(--tj-action-blue-soft)}
.ai-product-line-grid button.active{border-color:var(--tj-action-blue);background:var(--tj-action-blue-soft);color:var(--tj-action-blue)}
.ai-product-line-grid button>i{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:var(--spectrum-background-layer-2);color:var(--tj-text-muted)}
.ai-product-line-grid button.active>i{background:var(--tj-action-blue);color:var(--tj-content-bg)}
.ai-product-line-grid svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.ai-product-line-grid button>span{display:grid;gap:3px;min-width:0}
.ai-product-line-grid strong{overflow:hidden;color:inherit;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ai-product-line-grid small{display:-webkit-box;overflow:hidden;color:var(--tj-text-muted);font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ai-workflow-layout{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);align-items:stretch;gap:12px}
.ai-workflow-input-panel,.ai-workflow-output-panel{min-width:0;border-radius:12px;background:var(--tj-content-bg)}
.ai-workflow-input-panel{padding:18px}
.ai-workflow-panel-head,.ai-output-section-head,.ai-image-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ai-workflow-panel-head{margin-bottom:16px}
.ai-workflow-panel-head h3,.ai-output-section-head h3,.ai-image-plan-head h3,.ai-workflow-summary h3{margin:0;color:var(--tj-text-strong);font-size:16px;line-height:1.35}
.ai-workflow-panel-head p,.ai-output-section-head p,.ai-image-plan-head p,.ai-workflow-summary p{margin:4px 0 0;color:var(--tj-text-muted);font-size:12px;line-height:1.55}
.ai-workflow-panel-head>button{padding:0;border:0;background:transparent;color:var(--tj-action-blue);font-size:12px;cursor:pointer;white-space:nowrap}
.ai-workflow-form{display:grid;gap:12px}
.ai-workflow-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ai-workflow-form label{display:grid;gap:6px;color:var(--tj-text-body);font-size:12px;font-weight:650}
.ai-workflow-form input,.ai-workflow-form select,.ai-workflow-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--tj-border-control);border-radius:8px;outline:none;background:var(--tj-content-bg);color:var(--tj-text-strong);font:inherit;font-weight:450;transition:border-color 140ms ease,box-shadow 140ms ease}
.ai-workflow-form input,.ai-workflow-form select{height:38px;padding:0 10px}
.ai-workflow-form textarea{min-height:68px;padding:9px 10px;resize:vertical;line-height:1.5}
.ai-workflow-form input:focus,.ai-workflow-form select:focus,.ai-workflow-form textarea:focus{border-color:var(--tj-action-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.09)}
.ai-workflow-form label>small{color:var(--tj-text-muted);font-size:10px;font-weight:450}
.ai-workflow-form-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}
.ai-workflow-output-panel{overflow:hidden}
.ai-workflow-tabs{display:flex;align-items:center;gap:22px;height:54px;padding:0 20px;border-bottom:1px solid var(--tj-border-subtle)}
.ai-workflow-tabs button{position:relative;align-self:stretch;padding:0 2px;border:0;background:transparent;color:var(--tj-text-body);font-size:13px;font-weight:650;cursor:pointer}
.ai-workflow-tabs button.active{color:var(--tj-action-blue)}
.ai-workflow-tabs button.active::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--tj-action-blue);content:""}
.ai-workflow-tab-panel{display:none;padding:20px}
.ai-workflow-tab-panel.active{display:block}
.ai-workflow-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding-bottom:18px;border-bottom:1px solid var(--tj-border-subtle)}
.ai-workflow-summary>div:first-child>span{display:block;margin-bottom:5px;color:var(--tj-action-blue);font-size:11px;font-weight:700}
.ai-selling-points{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:420px}
.ai-selling-points strong{margin-right:2px;color:var(--tj-text-body);font-size:11px}
.ai-selling-points span{padding:5px 8px;border-radius:6px;background:var(--tj-action-blue-soft);color:var(--tj-action-blue);font-size:11px}
.ai-image-plan{margin-top:18px}
.ai-image-plan-head{align-items:center}
.ai-image-plan-head>span{color:var(--tj-text-muted);font-size:11px}
.ai-image-card-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;margin-top:14px}
.ai-image-card{display:flex;min-width:0;flex-direction:column;padding:10px;border:1px solid var(--tj-border-subtle);border-radius:10px;background:var(--tj-content-bg)}
.ai-image-card header{display:flex;align-items:center;gap:7px;min-height:28px;padding-bottom:8px;border-bottom:1px solid var(--tj-border-subtle)}
.ai-image-card header i{display:grid;width:20px;height:20px;place-items:center;border-radius:5px;background:var(--tj-action-blue);color:var(--tj-content-bg);font-size:10px;font-style:normal;font-weight:750}
.ai-image-card header strong{overflow:hidden;color:var(--tj-text-strong);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.ai-image-card-preview{display:flex;min-height:112px;margin:10px 0;padding:12px 8px;flex-direction:column;justify-content:flex-end;border:1px dashed var(--tj-border-control);border-radius:7px;background:linear-gradient(145deg,var(--spectrum-background-layer-2),var(--tj-border-subtle));overflow:hidden}
.ai-image-card-preview[data-card-type="scene"],.ai-image-card-preview[data-card-type="aplus"]{background:linear-gradient(145deg,var(--tj-tone-success-bg),var(--tj-border-subtle))}
.ai-image-card-preview[data-card-type="feature"],.ai-image-card-preview[data-card-type="compare"]{background:linear-gradient(145deg,var(--tj-action-blue-soft),var(--tj-border-control))}
.ai-image-card-preview span{display:-webkit-box;overflow:hidden;color:var(--tj-text-strong);font-size:11px;font-weight:750;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.ai-image-card-preview small{margin-top:4px;overflow:hidden;color:var(--tj-text-muted);font-size:8px;letter-spacing:0.04em;text-overflow:ellipsis;white-space:nowrap}
.ai-image-card h4{display:-webkit-box;min-height:32px;margin:0 0 6px;overflow:hidden;color:var(--tj-text-strong);font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ai-image-card p{display:-webkit-box;min-height:66px;margin:0;overflow:hidden;color:var(--tj-text-muted);font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.ai-image-card>button,.ai-copy-list article>button,.ai-prompt-list header button{margin-top:auto;padding:8px 0 0;border:0;background:transparent;color:var(--tj-action-blue);font-size:10px;cursor:pointer}
.ai-output-section-head{align-items:center;padding-bottom:16px;border-bottom:1px solid var(--tj-border-subtle)}
.ai-copy-list,.ai-prompt-list{display:grid;gap:10px;margin-top:14px}
.ai-copy-list article{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;border:1px solid var(--tj-border-subtle);border-radius:10px}
.ai-copy-list article>i{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:var(--tj-action-blue-soft);color:var(--tj-action-blue);font-size:11px;font-style:normal;font-weight:750}
.ai-copy-list span,.ai-prompt-list header span{color:var(--tj-action-blue);font-size:10px;font-weight:700}
.ai-copy-list h4{margin:3px 0;color:var(--tj-text-strong);font-size:14px}
.ai-copy-list p,.ai-copy-list small{display:block;margin:0;color:var(--tj-text-muted);font-size:11px;line-height:1.55}
.ai-copy-list small{margin-top:5px;color:var(--tj-text-muted)}
.ai-prompt-list article{padding:14px;border:1px solid var(--tj-border-subtle);border-radius:10px;background:var(--spectrum-background-layer-2)}
.ai-prompt-list header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ai-prompt-list header button{margin:0;padding:0}
.ai-prompt-list p{margin:9px 0 0;color:var(--tj-text-body);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.65}
.ai-delivery-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.ai-delivery-board section{padding:16px;border:1px solid var(--tj-border-subtle);border-radius:10px}
.ai-delivery-board h4{margin:0 0 12px;color:var(--tj-text-strong);font-size:13px}
.ai-delivery-board section>div{display:grid;gap:9px}
.ai-delivery-board label{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;color:var(--tj-text-muted);font-size:11px;line-height:1.45;cursor:pointer}
.ai-delivery-board input{margin:1px 0 0;accent-color:var(--tj-action-blue)}
@media(max-width:1380px){.ai-image-card-grid{grid-template-columns:repeat(4,minmax(130px,1fr))}
}
@media(max-width:1080px){.ai-workflow-steps{grid-template-columns:repeat(4,1fr);gap:8px}
.ai-workflow-steps>b{display:none}
.ai-workflow-layout{grid-template-columns:1fr}
.ai-product-line-grid{grid-template-columns:1fr 1fr}
.ai-image-card-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}
}
@media(max-width:720px){body:not(.login-body) .view>.module-hero.ai-workflow-hero{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:10px !important;padding:14px !important}
body:not(.login-body) .view>.module-hero.ai-workflow-hero h2{font-size:18px !important;line-height:1.25 !important}
body:not(.login-body) .view>.module-hero.ai-workflow-hero p{font-size:11px !important;line-height:1.5 !important}
.ai-workflow-hero-actions,.ai-workflow-summary,.ai-output-section-head{align-items:stretch;grid-template-columns:1fr;flex-direction:column}
.ai-workflow-hero-actions>span{display:none}
.ai-workflow-hero-actions .secondary-button{width:100%}
.ai-workflow-steps{grid-template-columns:1fr 1fr;padding:12px}
.ai-product-line-section{padding:14px}
.ai-product-line-heading{align-items:flex-start;flex-direction:column;gap:5px}
.ai-product-line-grid{grid-template-columns:1fr 1fr}
.ai-product-line-grid button{grid-template-columns:32px minmax(0,1fr);gap:8px;min-height:72px;padding:9px}
.ai-product-line-grid button>i{width:32px;height:32px}
.ai-product-line-grid strong{white-space:normal}
.ai-workflow-steps>div{justify-content:flex-start}
.ai-workflow-form-row,.ai-workflow-form-actions,.ai-delivery-board{grid-template-columns:1fr}
.ai-workflow-tabs{gap:14px;overflow-x:auto}
.ai-workflow-tabs button{flex:0 0 auto}
.ai-workflow-tab-panel{padding:14px}
.ai-selling-points{justify-content:flex-start}
.ai-image-card-grid{grid-template-columns:1fr 1fr}
}
.ai-copy-status{align-self:center;padding:7px 11px;border:1px solid var(--tj-border-control);border-radius:999px;color:var(--tj-action-blue);background:var(--tj-action-blue-soft);font-size:11px;font-weight:700;white-space:nowrap}
.ai-stage-nav{display:grid;grid-template-columns:repeat(7,auto);align-items:center;justify-content:start;gap:16px;margin-bottom:12px;padding:12px 16px;border:1px solid var(--ai-copy-border-muted);border-radius:12px;background:var(--ai-copy-surface)}
.ai-stage-nav>div{display:flex;align-items:center;gap:9px;min-width:142px;color:var(--tj-text-muted)}
.ai-stage-nav>div>i{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid var(--tj-border-control);border-radius:9px;background:var(--spectrum-background-layer-2);font-size:12px;font-style:normal;font-weight:800}
.ai-stage-nav>div>span{display:grid;gap:2px}
.ai-stage-nav strong{font-size:12px;font-weight:800}
.ai-stage-nav small{font-size:10px;font-weight:500}
.ai-stage-nav>div.active{color:var(--ai-copy-accent)}
.ai-stage-nav>div.active>i{border-color:var(--ai-copy-accent);color:var(--ai-copy-on-accent);background:var(--ai-copy-accent);box-shadow:var(--ai-copy-accent-shadow)}
.ai-stage-nav>b{color:var(--spectrum-text-disabled);font-size:22px;font-weight:400}
.ai-copy-workspace{display:grid;grid-template-columns:minmax(350px,0.82fr) minmax(510px,1.18fr);align-items:start;gap:12px}
.ai-copy-input-panel,.ai-listing-output-panel{overflow:hidden;border:1px solid var(--ai-copy-panel-border);border-radius:14px;background:var(--ai-copy-surface);box-shadow:var(--ai-copy-panel-shadow)}
.ai-copy-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ai-copy-divider)}
.ai-copy-panel-head>div{display:flex;align-items:center;gap:10px}
.ai-copy-panel-head>div>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--ai-copy-on-accent);background:var(--ai-copy-accent);font-size:14px;font-weight:800}
.ai-copy-panel-head section{display:grid;gap:3px}
.ai-copy-panel-head h3,.ai-copy-panel-head p{margin:0}
.ai-copy-panel-head h3{color:var(--tj-text-strong);font-size:16px}
.ai-copy-panel-head p{color:var(--tj-text-muted);font-size:11px}
.ai-copy-panel-head>button,.ai-listing-block header>button{border:0;color:var(--ai-copy-accent);background:transparent;font-size:11px;font-weight:700;cursor:pointer}
.ai-output-head>button{padding:7px 11px;border-radius:8px;background:var(--ai-copy-accent-soft)}
.ai-copy-form{display:grid;gap:13px;padding:16px 18px}
.ai-copy-form>label,.ai-copy-form-row>label{display:grid;gap:6px}
.ai-copy-form label>span{color:var(--tj-text-body);font-size:12px;font-weight:750}
.ai-copy-form label>span em{color:var(--tj-danger);font-style:normal}
.ai-copy-form input:not(.ai-product-image-input),.ai-copy-form select,.ai-copy-form textarea,.ai-listing-block textarea{width:100%;border:1px solid var(--ai-copy-control-border);border-radius:9px;outline:none;color:var(--tj-text-strong);background:var(--ai-copy-surface);font:inherit;transition:border-color 0.18s ease,box-shadow 0.18s ease}
.ai-copy-form input:not(.ai-product-image-input),.ai-copy-form select{height:42px;padding:0 11px}
.ai-copy-form textarea,.ai-listing-block textarea{padding:10px 11px;line-height:1.55;resize:vertical}
.ai-copy-form input:not(.ai-product-image-input):focus,.ai-copy-form select:focus,.ai-copy-form textarea:focus,.ai-listing-block textarea:focus{border-color:var(--tj-action-blue);box-shadow:0 0 0 3px rgba(60,110,220,0.1)}
.ai-copy-form label>small{color:var(--tj-text-muted);font-size:10px;line-height:1.4}
.ai-product-images-field{position:relative;display:grid;gap:var(--spectrum-spacing-100)}
.ai-product-images-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-100)}
.ai-product-images-heading>span{color:var(--tj-text-body);font-size:12px;font-weight:750}
.ai-product-images-heading em{color:var(--spectrum-negative);font-style:normal}
.ai-product-images-heading small,.ai-product-image-note{margin:0;color:var(--spectrum-text-secondary);font-size:10px}
.ai-product-image-upload{position:relative;display:grid;min-height:112px;place-items:center;align-content:center;gap:var(--spectrum-spacing-50);padding:var(--spectrum-spacing-150);border:1px dashed var(--spectrum-border-hover);border-radius:var(--spectrum-card-radius);color:var(--spectrum-text-secondary);background:var(--spectrum-background-layer-2);font:inherit;text-align:center;cursor:pointer;transition:border-color 160ms ease,background 160ms ease}
.ai-product-image-upload:hover{border-color:var(--spectrum-accent-visual);background:var(--tj-action-blue-soft)}
.ai-product-image-upload.is-full{display:none}
.ai-product-image-input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;opacity:0}
.ai-product-image-upload-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--tj-content-bg);background:var(--spectrum-accent-background);font-size:20px;line-height:1}
.ai-product-image-upload strong{color:var(--spectrum-text-primary);font-size:12px}
.ai-product-image-upload small{max-width:300px;font-size:10px;line-height:1.45}
.ai-product-image-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spectrum-spacing-100)}
.ai-product-image-preview{position:relative;min-width:0;margin:0;padding:5px;border:1px solid var(--spectrum-border-default);border-radius:9px;background:var(--spectrum-background-layer-1)}
.ai-product-image-preview img{display:block;width:100%;aspect-ratio:1;border-radius:6px;object-fit:contain;background:var(--spectrum-background-layer-2)}
.ai-product-image-preview figcaption{overflow:hidden;margin-top:5px;color:var(--spectrum-text-secondary);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.ai-product-image-preview button{position:absolute;top:8px;right:8px;display:grid;width:24px;height:24px;padding:0;place-items:center;border:1px solid rgba(0,0,0,0.12);border-radius:50%;color:var(--tj-content-bg);background:rgba(34,34,34,0.72);font-size:16px;line-height:1;cursor:pointer}
.ai-copy-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ai-copy-form-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:0 18px 18px}
.ai-copy-form-actions button{min-height:42px}
.ai-listing-results{display:grid;gap:10px;padding:12px;background:var(--spectrum-background-layer-2)}
.ai-title-policy{display:grid;gap:4px;padding:11px 13px;border:1px solid var(--tj-border-control);border-radius:10px;color:var(--tj-action-blue);background:var(--tj-action-blue-soft)}
.ai-title-policy strong{color:var(--tj-action-blue);font-size:12px}
.ai-title-policy span{font-size:10px;line-height:1.55}
.ai-listing-block{padding:13px;border:1px solid var(--ai-copy-border-subtle);border-radius:11px;background:var(--ai-copy-surface)}
.ai-listing-block>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.ai-listing-block>header>div{display:flex;align-items:center;gap:8px}
.ai-listing-block header i{color:var(--tj-text-muted);font-size:10px;font-style:normal;font-weight:800}
.ai-listing-block h4{margin:0;color:var(--tj-text-strong);font-size:13px}
.ai-listing-block header small{color:var(--tj-text-muted);font-size:10px}
.ai-policy-badge{padding:2px 6px;border-radius:999px;color:var(--tj-positive);background:var(--tj-tone-success-bg);font-size:9px;font-weight:700;white-space:nowrap}
.ai-listing-block>textarea{min-height:76px;font-size:12px}
.ai-bullet-results{display:grid;gap:7px}
.ai-listing-bullet{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:8px}
.ai-listing-bullet>i{display:grid;width:26px;height:26px;margin-top:5px;place-items:center;border-radius:8px;color:var(--ai-copy-accent);background:var(--ai-copy-accent-soft);font-size:10px;font-style:normal;font-weight:800}
.ai-listing-bullet textarea{min-height:66px;font-size:11px}
.ai-listing-empty{display:grid;min-height:88px;place-items:center;border:1px dashed var(--tj-border-control);border-radius:9px;color:var(--tj-text-muted);background:var(--spectrum-background-layer-2);font-size:11px}
@media(max-width:1120px){.ai-stage-nav{grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;overflow-x:auto}
.ai-stage-nav>b{display:none}
.ai-copy-workspace{grid-template-columns:1fr}
}
@media(max-width:720px){.ai-copy-status{justify-self:start}
.ai-stage-nav{display:flex;padding:10px}
.ai-stage-nav>div{min-width:132px}
.ai-copy-panel-head{align-items:flex-start;padding:14px}
.ai-copy-panel-head p{max-width:210px}
.ai-copy-form{padding:14px}
.ai-copy-form-row,.ai-copy-form-actions{grid-template-columns:1fr}
.ai-copy-form-actions{padding:0 14px 14px}
.ai-listing-results{padding:9px}
}
#view-ai-image-workflow{--ai-copy-accent:var(--tj-action-blue);--ai-copy-accent-soft:var(--tj-action-blue-soft);--ai-copy-accent-shadow:0 5px 12px rgba(36,87,213,0.2);--ai-copy-border-muted:var(--tj-border-subtle);--ai-copy-border-subtle:var(--tj-border-subtle);--ai-copy-control-border:var(--tj-border-control);--ai-copy-divider:var(--tj-border-subtle);--ai-copy-on-accent:var(--tj-content-bg);--ai-copy-panel-border:var(--tj-border-subtle);--ai-copy-panel-shadow:0 7px 22px rgba(28,43,72,0.045);--ai-copy-surface:var(--tj-content-bg);--ai-content-font-size:13px;--ai-meta-font-size:11px}
#view-ai-image-workflow .ai-copy-workspace{grid-template-columns:minmax(320px,1fr) minmax(0,2fr)}
#view-ai-image-workflow .ai-copy-form label>span,#view-ai-image-workflow .ai-product-images-heading>span,#view-ai-image-workflow .ai-copy-form input:not(.ai-product-image-input),#view-ai-image-workflow .ai-copy-form select,#view-ai-image-workflow .ai-copy-form textarea,#view-ai-image-workflow .ai-listing-block textarea,#view-ai-image-workflow .ai-listing-bullet textarea,#view-ai-image-workflow .ai-listing-block h4,#view-ai-image-workflow .ai-copy-form-actions button{font-size:var(--ai-content-font-size)}
#view-ai-image-workflow .ai-copy-panel-head p,#view-ai-image-workflow .ai-copy-form label>small,#view-ai-image-workflow .ai-product-images-heading small,#view-ai-image-workflow .ai-product-image-note,#view-ai-image-workflow .ai-listing-block header small,#view-ai-image-workflow .ai-title-policy span{font-size:var(--ai-meta-font-size)}
#view-ai-image-workflow .ai-listing-block header i,#view-ai-image-workflow .ai-policy-badge{font-size:10px}
#view-ai-image-workflow .ai-copy-panel-head>button,#view-ai-image-workflow .ai-listing-block header>button{font-size:12px}
#view-ai-image-workflow .ai-listing-bullet textarea{min-height:72px}
#view-ai-image-workflow .ai-policy-badge-old{color:var(--tj-text-muted);background:var(--tj-border-subtle)}
@media(max-width:980px){#view-ai-image-workflow .ai-copy-workspace{grid-template-columns:1fr}
}
.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.admin-account-panel{grid-column:1 / -1}
.admin-account-form{align-items:end;margin-bottom:12px}
.admin-account-actions{display:flex;gap:8px;align-items:center}
.admin-account-actions .primary-button,.admin-account-actions .secondary-button{height:var(--tj-control-height)}
.admin-account-table-wrap{max-height:360px}
@media(max-width:1200px){.admin-grid{grid-template-columns:1fr}
}
#view-cashflow .cashflow-stack{grid-template-columns:1fr;gap:12px;margin-top:12px}
#view-cashflow .cashflow-stack .table-wrap{overflow-x:auto}
body:not(.login-body) .payable-dashboard-grid{gap:12px}
.payable-hero{align-items:flex-start}
.payable-update{justify-content:flex-end;text-align:right}
.payable-update small{max-width:360px;color:var(--tj-text-muted);font-size:12px;font-weight:750;line-height:1.45}
.payable-summary-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
.payable-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start}
.payable-pressure-card.danger strong{color:var(--tj-tone-danger-strong)}
.payable-pressure-card.warning strong{color:var(--tj-tone-warning-strong)}
.payable-visual-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}
.payable-status-panel{min-width:0}
.payable-status-legend,.payable-status-breakdown,.payable-status-metrics{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--tj-text-muted);font-size:12px;font-weight:750}
.payable-status-legend{margin-bottom:12px}
.payable-status-legend span{display:inline-flex;align-items:center;gap:6px}
.payable-status-legend i{width:10px;height:10px;border-radius:2px}
.payable-status-legend .payable,.payable-comparison-line .payable{background:var(--tj-text-strong)}
.payable-status-legend .paid,.payable-comparison-line .paid,.payable-stack .paid{background:var(--tj-action-blue)}
.payable-status-legend .applying,.payable-stack .applying{background:var(--tj-tone-warning-bg)}
.payable-status-legend .unapplied,.payable-comparison-line .unapplied,.payable-stack .unapplied{background:var(--tj-tone-danger-strong)}
.payable-status-legend .other,.payable-stack .other{background:var(--tj-tone-neutral-bg)}
.payable-status-rows{display:grid;gap:12px}
.payable-status-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);background:linear-gradient(180deg,var(--tj-content-bg),var(--tj-surface-muted))}
.payable-status-title{display:grid;gap:4px}
.payable-status-title strong{color:var(--tj-text-strong);font-size:15px;font-weight:900}
.payable-status-title span{color:var(--tj-text-muted);font-size:12px;font-weight:800}
.payable-stack{grid-column:1 / -1;height:28px;display:flex;overflow:hidden;border-radius:var(--tj-control-radius);background:var(--tj-surface-muted);box-shadow:var(--tj-shadow-inset-control)}
.payable-stack span{min-width:0;display:grid;place-items:center;overflow:hidden;color:var(--tj-content-bg);font-size:11px;font-weight:850;white-space:nowrap}
.payable-stack span[style^="width:0"]{display:none}
.payable-stack em{max-width:100%;overflow:hidden;padding:0 6px;font-style:normal;text-overflow:ellipsis}
.payable-status-breakdown{grid-column:1 / -1;padding-top:2px}
.payable-comparison-bars{grid-column:1 / -1;display:grid;gap:8px}
.payable-comparison-line{display:grid;grid-template-columns:72px minmax(120px,1fr) 120px;gap:10px;align-items:center}
.payable-comparison-line span,.payable-comparison-line strong{color:var(--tj-text-muted);font-size:12px;font-weight:800}
.payable-comparison-line strong{color:var(--tj-text-strong);text-align:right;white-space:nowrap}
.payable-comparison-line div{height:12px;overflow:hidden;border-radius:var(--tj-control-radius);background:var(--tj-surface-muted);box-shadow:var(--tj-shadow-inset-control-soft)}
.payable-comparison-line i{display:block;min-width:2px;height:100%;border-radius:inherit}
.payable-object-panel svg,.payable-waterfall-panel svg{width:100%;min-height:220px}
.payable-flow-card{display:grid;grid-template-columns:70px minmax(150px,0.65fr) minmax(260px,1fr) minmax(150px,0.65fr) minmax(260px,1fr);gap:12px;align-items:stretch;padding:14px}
.payable-flow-label{min-width:50px;display:grid;place-items:center;color:var(--tj-brand-dark);font-weight:900}
.payable-flow-main,.payable-flow-branch>div{display:grid;align-content:center;gap:6px;min-height:64px;padding:10px 12px;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-panel-radius);background:var(--tj-surface-muted)}
.payable-flow-main span,.payable-flow-branch span{color:var(--tj-text-muted);font-size:12px;font-weight:750}
.payable-flow-main strong,.payable-flow-branch strong{color:var(--tj-text-strong);font-size:18px;font-weight:900;white-space:nowrap}
.payable-flow-branch{display:grid;gap:8px;position:relative}
.payable-flow-branch::before{content:"";position:absolute;left:-8px;top:18px;bottom:18px;width:8px;border:2px solid var(--tj-border-accent-muted);border-right:0;border-radius:var(--tj-panel-radius) 0 0 var(--tj-panel-radius)}
.payable-flow-branch.danger strong{color:var(--tj-danger-text-strong)}
.payable-flow-branch.compact{display:none;grid-column:2 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}
.payable-flow-branch.compact::before{display:none}
.payable-chart-panel svg{width:100%;min-height:320px}
.payable-tabs{margin:0 0 12px;gap:6px}
.payable-tabs button{min-width:auto;height:var(--tj-control-height-compact);padding:0 14px;border-radius:var(--tj-control-radius);font-size:13px;white-space:nowrap}
.detail-tabs{margin-top:0}
#view-payables .section-title{margin-top:14px}
@media(max-width:1180px){.payable-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)))}
.payable-visual-grid{grid-template-columns:1fr}
.payable-status-panel{grid-column:1 / -1}
}
@media(max-width:720px){.payable-hero,.payable-update{align-items:stretch;text-align:left}
.payable-flow-card,.payable-flow-branch.compact,.payable-visual-grid,.payable-status-row{grid-template-columns:1fr}
.payable-comparison-line{grid-template-columns:68px minmax(0,1fr)}
.payable-comparison-line strong{grid-column:2;text-align:left}
.payable-flow-label{justify-content:start;min-width:0}
.payable-flow-branch::before{display:none}
.payable-status-breakdown{grid-column:auto}
#view-payables .payable-visual-grid{grid-template-columns:1fr}
#view-payables .payable-kpi-grid{grid-template-columns:1fr}
}
.factory-inventory-hero{align-items:flex-start}
#view-factory-inventory.active{display:flex;flex-direction:column;height:calc(100vh - 28px);min-height:680px;overflow:hidden}
.factory-inventory-sticky{flex:0 0 auto;position:relative;z-index:4;padding-bottom:var(--spectrum-spacing-150);background:linear-gradient(180deg,var(--tj-page-bg) 0%,var(--tj-page-bg) 86%,color-mix(in srgb,var(--tj-page-bg) 92%,transparent) 100%)}
.factory-inventory-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start}
.factory-inventory-panel{display:flex;flex:1 1 auto;flex-direction:column;margin-top:var(--spectrum-spacing-150);min-height:0}
.factory-inventory-table-wrap{flex:1 1 auto;max-height:none;min-height:0;overflow:auto}
#factory-inventory-table .factory-order-row td{padding:0;border-bottom:0;background:color-mix(in srgb,var(--tj-action-blue) 8%,var(--tj-content-bg))}
.factory-order-strip{display:flex;min-height:52px;align-items:center;gap:var(--spectrum-spacing-200);padding:0 var(--spectrum-spacing-200);color:var(--tj-text-muted);font-size:13px;font-weight:700;white-space:nowrap}
.factory-order-strip strong{min-width:180px;color:var(--tj-action-blue);font-size:14px}
.factory-order-strip span{overflow:hidden;text-overflow:ellipsis}
#factory-inventory-table .factory-item-row td{height:52px;padding-top:var(--spectrum-spacing-75);padding-bottom:var(--spectrum-spacing-75)}
#factory-inventory-table td small{display:block;margin-top:var(--spectrum-spacing-50);color:var(--tj-text-muted);font-size:12px;font-weight:700}
.factory-inventory-image{display:block;width:42px;height:42px;border:1px solid var(--tj-border-strong);border-radius:var(--spectrum-control-radius);object-fit:cover;background:var(--tj-surface-muted)}
.factory-image-placeholder{display:grid;width:42px;height:42px;place-items:center;border:1px dashed var(--tj-border-strong);border-radius:var(--spectrum-control-radius);color:var(--spectrum-text-disabled);background:var(--tj-surface-muted);font-size:12px;font-weight:700}
.factory-row-muted{color:var(--tj-text-muted);font-size:12px;font-weight:700}
.factory-shipped-input{width:92px;height:var(--tj-control-height);padding:0 var(--spectrum-spacing-100);border:1px solid var(--tj-border-strong);border-radius:var(--tj-control-radius);color:var(--tj-text-strong);background:var(--tj-content-bg);font:inherit;font-weight:700;text-align:right}
.factory-shipped-input:focus-visible{outline:var(--spectrum-focus-ring-width) solid var(--spectrum-focus-ring-color);outline-offset:var(--spectrum-focus-ring-gap)}
@media(max-width:720px){#view-factory-inventory.active{height:auto;min-height:0;overflow:visible}
#view-factory-inventory .factory-inventory-hero{grid-template-columns:minmax(0,1fr);align-items:start}
#view-factory-inventory .factory-inventory-hero>div:first-child,#view-factory-inventory .factory-inventory-hero .hero-actions{width:100%;min-width:0}
#view-factory-inventory .factory-inventory-hero .hero-actions{justify-content:flex-start}
}
.supplier-board-hero{align-items:flex-start}
#view-supplier-board.active{display:flex;flex-direction:column;height:calc(100vh - 28px);min-height:680px;overflow:hidden}
.supplier-board-sticky{flex:0 0 auto;position:relative;z-index:4;padding-bottom:var(--spectrum-spacing-150);background:linear-gradient(180deg,var(--tj-page-bg) 0%,var(--tj-page-bg) 86%,color-mix(in srgb,var(--tj-page-bg) 92%,transparent) 100%)}
.supplier-board-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start}
.supplier-board-panel{display:flex;flex:1 1 auto;flex-direction:column;margin-top:var(--spectrum-spacing-150);min-height:0}
.supplier-board-table-wrap{flex:1 1 auto;max-height:none;min-height:0;overflow:auto}
#supplier-board-table td small{display:block;margin-top:var(--spectrum-spacing-50);color:var(--tj-text-muted);font-size:12px;font-weight:700}
.supplier-board-image,#view-supplier-board .image-placeholder{width:44px;height:44px;border-radius:var(--spectrum-control-radius)}
.supplier-board-image{display:block;object-fit:cover;border:1px solid var(--tj-border-subtle);background:var(--tj-surface-muted)}
@media(max-width:1180px){#view-supplier-board .supplier-board-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)))}
}
@media(max-width:720px){#view-supplier-board .supplier-board-kpi-grid{grid-template-columns:1fr}
}
.supplier-detail-hero{align-items:flex-start}
.supplier-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.supplier-detail-actions .file-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.supplier-detail-actions .file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}
.supplier-detail-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start}
.supplier-detail-modal{width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--tj-border-subtle);border-radius:12px;background:var(--tj-content-bg);box-shadow:var(--tj-shadow-modal)}
@media(max-width:720px){.supplier-detail-kpi-grid{grid-template-columns:1fr}
#view-supplier-detail .supplier-detail-kpi-grid{grid-template-columns:1fr}
}
#view-provision .inventory-table-stack{grid-template-columns:1fr;gap:12px;margin-top:12px}
#view-provision .inventory-table-stack .table-wrap{overflow-x:auto}
#view-provision .inventory-chart-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.9fr) minmax(0,1fr);gap:12px;margin-top:10px}
#view-provision .inventory-chart-grid svg{width:100%;min-height:300px}
#view-provision .axis{stroke:var(--tj-border-accent-muted);stroke-width:1}
#view-provision .grid-line{stroke:var(--tj-border-subtle);stroke-dasharray:5 5}
#view-provision :is(.label,.legend){fill:var(--tj-tone-neutral-text);font-size:13px}
#view-provision .value-label{fill:var(--tj-text-body);font-size:13px}
#view-provision .inventory-snapshot-note{align-self:center;color:var(--spectrum-text-secondary);font-size:12px;line-height:1.4;white-space:normal}
#view-provision .inventory-formula-note{display:block;margin-top:8px;padding:8px 10px;color:var(--tj-text-muted);background:var(--tj-surface-muted);border:1px solid var(--tj-border-subtle);border-radius:var(--tj-control-radius);font-size:12px;line-height:1.5}
#view-provision .inventory-status-note{display:block;margin-top:6px}
#view-provision .chart-bucket{color:var(--tj-action-blue);fill:var(--tj-action-blue);stroke:var(--tj-action-blue)}
#view-provision .chart-bucket--0-30,#view-provision .chart-bucket--1{color:var(--tj-positive);fill:var(--tj-positive);stroke:var(--tj-positive)}
#view-provision .chart-bucket--31-60,#view-provision .chart-bucket--2{color:var(--spectrum-accent-visual);fill:var(--spectrum-accent-visual);stroke:var(--spectrum-accent-visual)}
#view-provision .chart-bucket--61-90,#view-provision .chart-bucket--3{color:var(--tj-action-blue);fill:var(--tj-action-blue);stroke:var(--tj-action-blue)}
#view-provision .chart-bucket--91-180,#view-provision .chart-bucket--4{color:var(--tj-warning);fill:var(--tj-warning);stroke:var(--tj-warning)}
#view-provision .chart-bucket--181-270,#view-provision .chart-bucket--5{color:var(--spectrum-negative);fill:var(--spectrum-negative);stroke:var(--spectrum-negative)}
#view-provision .chart-bucket--271-plus,#view-provision .chart-bucket--6{color:var(--tj-danger);fill:var(--tj-danger);stroke:var(--tj-danger)}
#view-provision .inventory-donut-track{stroke:var(--tj-tone-neutral-bg)}
#view-provision .bucket-dot{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:2px;background:currentColor}
#view-provision .provision-risk-row{background:var(--tj-tone-warning-row-bg)}
@media(max-width:1200px){#view-provision .inventory-chart-grid{grid-template-columns:1fr}
}
#view-store-operating-monthly-report,#view-store-operating-monthly-report .detail-panel,#view-store-operating-monthly-report .store-operating-report-table-wrap{min-width:0}
#view-store-operating-monthly-report .panel-head{min-width:0;align-items:flex-start}
#view-store-operating-monthly-report .panel-head> :is(h2,p){min-width:0}
#view-store-operating-monthly-report .store-operating-report-table-wrap{max-width:100%;width:100%;position:relative;overflow:auto;overscroll-behavior:contain}
#view-store-operating-monthly-report #store-operating-report-table th{text-align:center;white-space:nowrap;background:var(--tj-action-blue);color:var(--tj-text-inverse)}
#view-store-operating-monthly-report #store-operating-report-table thead tr:first-child th{position:sticky;top:0;z-index:4}
#view-store-operating-monthly-report #store-operating-report-table thead tr:nth-child(2) th{position:sticky;top:38px;z-index:3}
.store-operating-report-result-row>td{background:var(--tj-tone-caution-row-bg)}
#view-store-operating-monthly-report tr[data-report-row-level="1"]>*{background:var(--tj-tone-neutral-bg);font-weight:700}
#view-store-operating-monthly-report .store-operating-report-disclosure{display:inline-flex;align-items:center;gap:var(--spectrum-spacing-75);padding:var(--spectrum-spacing-50);color:inherit;font:inherit;text-align:left;background:transparent;border:0;border-radius:var(--spectrum-control-radius);cursor:pointer}
#view-store-operating-monthly-report .store-operating-report-disclosure:focus-visible{outline:var(--spectrum-focus-ring-width) solid var(--spectrum-focus-ring-color);outline-offset:var(--spectrum-focus-ring-gap)}
#view-store-operating-monthly-report #store-operating-report-status{max-width:100%;margin:0;overflow-wrap:anywhere;color:var(--tj-text-muted);font-size:12px;line-height:1.45;white-space:normal}
.store-operating-row-visibility-modal{width:min(760px,100%);max-height:min(760px,calc(100vh - 52px));overflow:hidden;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-modal-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-modal)}
.store-operating-row-visibility-modal .modal-body{display:grid;gap:var(--spectrum-spacing-200)}
.store-operating-row-visibility-search{display:grid;gap:var(--spectrum-spacing-75);color:var(--tj-text-strong);font-size:14px;font-weight:600}
.store-operating-row-visibility-search input{width:100%}
.store-operating-row-visibility-actions,.store-operating-row-visibility-group-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spectrum-spacing-100)}
.store-operating-row-visibility-actions{padding-bottom:var(--spectrum-spacing-150);border-bottom:1px solid var(--tj-border-subtle)}
.store-operating-row-visibility-actions .text-button:last-child{margin-left:auto}
.store-operating-row-visibility-groups{display:grid;max-height:min(46vh,460px);overflow:auto;border:1px solid var(--tj-border-subtle);border-radius:var(--tj-control-radius)}
.store-operating-row-visibility-group{margin:0;padding:var(--spectrum-spacing-150) var(--spectrum-spacing-200) var(--spectrum-spacing-200);border:0;border-bottom:1px solid var(--tj-border-subtle)}
.store-operating-row-visibility-group:last-child{border-bottom:0}
.store-operating-row-visibility-group legend{padding:0;color:var(--tj-text-strong);font-weight:700}
.store-operating-row-visibility-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-150)}
.store-operating-row-visibility-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spectrum-spacing-100) var(--spectrum-spacing-200);margin-top:var(--spectrum-spacing-150)}
.store-operating-row-visibility-item{display:flex;align-items:center;gap:var(--spectrum-spacing-75);color:var(--tj-text-body);line-height:1.4}
.store-operating-row-visibility-item input{flex:0 0 auto}
.store-operating-row-visibility-status{min-height:1.4em;margin:0;color:var(--tj-text-muted);font-size:13px}
@media(max-width:720px){.store-operating-row-visibility-modal{max-height:calc(100vh - 20px)}
.store-operating-row-visibility-modal .modal-head,.store-operating-row-visibility-modal .modal-body,.store-operating-row-visibility-modal .modal-foot{padding-right:var(--spectrum-spacing-150);padding-left:var(--spectrum-spacing-150)}
.store-operating-row-visibility-items{grid-template-columns:1fr}
.store-operating-row-visibility-actions .text-button:last-child{margin-left:0}
}
#view-lowfee .lowfee-warning-row.risk-high{background:var(--tj-tone-danger-row-bg)}
#view-lowfee .lowfee-warning-row.risk-mid{background:var(--tj-tone-warning-row-bg)}
#view-lowfee .lowfee-warning-row.risk-low{background:var(--tj-tone-caution-row-bg)}
.ads-analysis-panel{display:grid;gap:14px}
.ads-analysis-kpis{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start}
.ads-analysis-list{display:grid;gap:10px}
.ads-analysis-card{display:grid;gap:9px;padding:14px;border:1px solid var(--tj-border-control);border-left-width:4px;border-radius:8px;background:var(--tj-content-bg)}
.ads-analysis-card.danger{border-left-color:var(--tj-tone-danger-text)}
.ads-analysis-card.success{border-left-color:var(--tj-tone-success-text)}
.ads-analysis-card.scale{border-left-color:var(--tj-tone-info-text)}
.ads-analysis-card.muted{border-left-color:var(--tj-text-muted)}
.ads-analysis-card-head{display:flex;align-items:center;gap:10px}
.ads-analysis-card-head span{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--tj-tone-neutral-bg);color:var(--tj-tone-neutral-text);font-size:12px;font-weight:900}
.ads-analysis-card-head strong{color:var(--tj-text-strong)}
.ads-analysis-card p{margin:0;color:var(--tj-text-body);line-height:1.55}
.ads-analysis-card>small{color:var(--tj-text-strong);font-weight:800;line-height:1.5}
.ads-analysis-terms,.ads-analysis-metrics{display:flex;flex-wrap:wrap;gap:8px}
.ads-analysis-terms span,.ads-analysis-metrics span{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:7px;background:var(--tj-surface-muted);color:var(--tj-text-strong);font-size:12px;font-weight:800}
.ads-analysis-terms small{margin-left:8px;color:var(--tj-text-muted);font-weight:700}
.ads-keyword-panel{display:grid;gap:14px}
.ads-keyword-kpis{grid-template-columns:repeat(auto-fill,minmax(var(--tj-kpi-card-min-width),var(--tj-kpi-card-width)));justify-content:start}
.ads-keyword-kpis .metric-tile{height:var(--tj-kpi-card-height)}
.ads-keyword-kpis .metric-tile.warning strong,.ads-keyword-primary.losing{color:var(--tj-tone-warning-text)}
.ads-keyword-kpis .metric-tile.success strong,.ads-keyword-primary.scale{color:var(--tj-tone-success-text)}
.ads-keyword-kpis .metric-tile.danger strong,.ads-keyword-primary.pause{color:var(--tj-tone-danger-text)}
.ads-keyword-kpis .metric-tile.muted strong,.ads-keyword-primary.rank-drop{color:var(--tj-tone-info-text)}
.ads-keyword-table-wrap td{vertical-align:top}
.ads-keyword-table-wrap td strong,.ads-keyword-table-wrap td span,.ads-keyword-table-wrap td small{display:block}
.ads-keyword-table-wrap td strong{color:var(--tj-text-strong)}
.ads-keyword-table-wrap td small{margin-top:4px;color:var(--tj-text-muted);line-height:1.45}
.ads-keyword-primary{font-weight:900}
.ads-keyword-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.ads-keyword-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--tj-tone-neutral-bg);color:var(--tj-tone-neutral-text);font-size:12px;font-weight:800}
.ads-keyword-badge.losing{background:var(--tj-tone-warning-bg);color:var(--tj-tone-warning-text)}
.ads-keyword-badge.scale{background:var(--tj-tone-success-bg);color:var(--tj-tone-success-text)}
.ads-keyword-badge.pause{background:var(--tj-tone-danger-bg);color:var(--tj-tone-danger-text)}
.ads-keyword-badge.rank-drop{background:var(--tj-tone-info-bg);color:var(--tj-tone-info-text)}
.ads-portfolio-table-wrap td:first-child strong{color:var(--tj-text-strong)}
.ads-portfolio-table-wrap td:first-child small{color:var(--tj-text-muted)}
.ads-column-panel{margin-top:10px}
.column-picker{display:grid;gap:14px}
.column-picker section{display:grid;gap:8px}
.column-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--tj-text-strong)}
.column-group-head button{border:0;background:transparent;color:var(--tj-action-blue);font:inherit;font-weight:800;cursor:pointer}
.column-options{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px 12px}
.column-options label{display:inline-flex;align-items:center;gap:6px;min-height:28px;color:var(--tj-text-body);font-size:13px;font-weight:700}
.column-options input{width:15px;height:15px;accent-color:var(--tj-action-blue)}
.aftersales-mail-workspace{display:grid;grid-template-columns:minmax(280px,320px) minmax(420px,1fr) minmax(320px,380px);gap:0;align-items:stretch;max-width:100%;min-height:calc(100vh - 230px);border:1px solid var(--spectrum-border-default);border-radius:var(--spectrum-card-radius);overflow:hidden;background:var(--tj-content-bg)}
.aftersales-mail-workspace>.panel{min-width:0;border:0;border-radius:0;box-shadow:none}
.aftersales-mail-list-panel,.aftersales-mail-message-panel{border-right:1px solid var(--spectrum-border-default) !important}
.aftersales-mail-list-panel{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:var(--spectrum-spacing-150);background:var(--tj-page-bg)}
.aftersales-mail-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spectrum-spacing-100)}
.aftersales-mail-kpis article{min-width:0;padding:var(--spectrum-spacing-100);border:1px solid var(--spectrum-border-default);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg)}
.aftersales-mail-kpis span,.aftersales-mail-list-meta{color:var(--tj-text-muted);font-size:12px}
.aftersales-mail-kpis strong{display:block;margin-top:var(--spectrum-spacing-50);color:var(--tj-text-strong);font-size:18px}
.aftersales-mail-list-meta{display:flex;justify-content:space-between;gap:var(--spectrum-spacing-100)}
.aftersales-mail-list{min-height:0;overflow:auto;margin:0 calc(var(--spectrum-spacing-200) * -1) calc(var(--spectrum-spacing-200) * -1)}
.aftersales-mail-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--spectrum-spacing-150);padding:var(--spectrum-spacing-150) var(--spectrum-spacing-200);border-top:1px solid var(--spectrum-border-default);cursor:pointer}
.aftersales-mail-item:hover,.aftersales-mail-item.is-selected{background:color-mix(in srgb,var(--tj-action-blue) 12%,var(--tj-content-bg))}
.aftersales-mail-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--tj-action-blue) 24%,var(--tj-page-bg));color:var(--tj-action-blue);font-weight:700}
.aftersales-mail-item-main,.aftersales-mail-item-top{min-width:0}
.aftersales-mail-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-100)}
.aftersales-mail-item-top strong,.aftersales-mail-item-subject,.aftersales-mail-item-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aftersales-mail-item-top time,.aftersales-mail-item-snippet,.aftersales-mail-item-foot{color:var(--tj-text-muted);font-size:12px}
.aftersales-mail-item-subject{margin-top:var(--spectrum-spacing-50);color:var(--tj-text-strong);font-weight:600}
.aftersales-mail-item-snippet{margin-top:var(--spectrum-spacing-50)}
.aftersales-mail-item-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-100);margin-top:var(--spectrum-spacing-100)}
.aftersales-mail-empty{padding:var(--spectrum-spacing-300);color:var(--tj-text-muted);text-align:center}
.aftersales-mail-message-panel,.aftersales-mail-reply-panel{display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--tj-content-bg)}
.aftersales-mail-body,.aftersales-mail-reply{min-width:0;min-height:0}
.aftersales-mail-body{overflow:auto;padding-right:var(--spectrum-spacing-50)}
.aftersales-mail-meta{display:grid;gap:var(--spectrum-spacing-75);margin-bottom:var(--spectrum-spacing-200);padding:var(--spectrum-spacing-200);border-radius:var(--spectrum-control-radius);background:var(--tj-page-bg);color:var(--tj-text-muted)}
.aftersales-mail-meta strong{color:var(--tj-text-strong);font-size:15px}
.aftersales-mail-body pre{min-height:240px;overflow:visible;margin:0;padding:var(--spectrum-spacing-100) var(--spectrum-spacing-50);border:0;border-radius:0;background:transparent;color:var(--tj-text-strong);font:inherit;line-height:1.75;white-space:pre-wrap}
.aftersales-mail-attachments{margin-top:var(--spectrum-spacing-200)}
.aftersales-mail-attachments h3{margin:0 0 var(--spectrum-spacing-150);font-size:15px}
.aftersales-mail-attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spectrum-spacing-150)}
.aftersales-mail-attachment-grid a{display:grid;gap:var(--spectrum-spacing-75);color:var(--tj-text-muted);font-size:12px;text-decoration:none}
.aftersales-mail-attachment-grid img{width:100%;max-height:520px;object-fit:contain;border:1px solid var(--spectrum-border-default);border-radius:var(--spectrum-control-radius);background:var(--tj-page-bg)}
.aftersales-mail-attachment-grid img.is-loading{opacity:.55}
.aftersales-mail-attachment-grid img.is-error{object-fit:contain}
.aftersales-mail-attachment-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aftersales-mail-ai-head,.aftersales-mail-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-150)}
.aftersales-mail-ai-head h3{margin:0;font-size:15px}
.aftersales-mail-reply{display:grid;gap:var(--spectrum-spacing-150);align-content:start}
.aftersales-mail-reply textarea,#aftersales-mail-ai-suggestion{width:100%;box-sizing:border-box;border:1px solid var(--spectrum-border-default);border-radius:var(--spectrum-control-radius);padding:var(--spectrum-spacing-150);font:inherit;resize:vertical}
.aftersales-mail-reply textarea:focus,#aftersales-mail-ai-suggestion:focus{outline:2px solid var(--spectrum-focus-ring-color);outline-offset:2px}
.aftersales-mail-replies{display:grid;gap:var(--spectrum-spacing-150);color:var(--tj-text-muted);font-size:13px}
.aftersales-mail-replies article{padding:var(--spectrum-spacing-150);border:1px solid var(--spectrum-border-default);border-radius:var(--spectrum-control-radius);background:var(--tj-page-bg)}
.aftersales-mail-replies strong,.aftersales-mail-replies span{display:block}
.aftersales-mail-replies p{margin:var(--spectrum-spacing-75) 0 0}
@media(max-width:1180px){.aftersales-mail-workspace{grid-template-columns:1fr;min-height:0}
.aftersales-mail-list-panel,.aftersales-mail-message-panel{border-right:0 !important;border-bottom:1px solid var(--spectrum-border-default) !important}
.aftersales-mail-list{max-height:420px}
}
@media(max-width:760px){#view-aftersales-mail>.module-hero,body:not(.login-body) #view-aftersales-mail>.module-hero{display:grid !important;grid-template-columns:minmax(0,1fr) !important;align-items:stretch !important}
#view-aftersales-mail>.module-hero>div:first-child,#view-aftersales-mail>.module-hero .hero-actions,body:not(.login-body) #view-aftersales-mail>.module-hero>div:first-child,body:not(.login-body) #view-aftersales-mail>.module-hero .hero-actions{grid-column:1 / -1 !important;width:100% !important;min-width:0 !important;max-width:100% !important}
#view-aftersales-mail>.module-hero h2,#view-aftersales-mail>.module-hero p,body:not(.login-body) #view-aftersales-mail>.module-hero h2,body:not(.login-body) #view-aftersales-mail>.module-hero p{width:100% !important;max-width:100% !important;overflow-wrap:anywhere}
#view-aftersales-mail>.module-hero .hero-actions,body:not(.login-body) #view-aftersales-mail>.module-hero .hero-actions{justify-content:flex-start !important}
}
body:not(.login-body) #view-guide{padding:0}
body:not(.login-body) #view-guide.active{display:block}
body:not(.login-body) .knowledge-doc-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 104px);overflow:hidden;border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-soft)}
body:not(.login-body) .knowledge-doc-sidebar{display:flex;flex-direction:column;min-width:0;padding:var(--spectrum-spacing-200) var(--spectrum-spacing-150);border-right:1px solid var(--tj-border-subtle);background:var(--tj-content-bg)}
body:not(.login-body) .knowledge-doc-brand{display:flex;align-items:center;gap:var(--spectrum-spacing-150);min-width:0;margin-bottom:var(--spectrum-spacing-150);padding-bottom:var(--spectrum-spacing-150);border-bottom:1px solid var(--tj-border-subtle)}
body:not(.login-body) .knowledge-doc-brand strong,body:not(.login-body) .knowledge-doc-brand small,body:not(.login-body) .knowledge-tree-group strong,body:not(.login-body) .knowledge-tree-group>div button,body:not(.login-body) .knowledge-file-row strong,body:not(.login-body) .knowledge-file-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:not(.login-body) .knowledge-doc-brand strong{display:block;color:var(--tj-text-strong);font-size:15px;font-weight:760}
body:not(.login-body) .knowledge-doc-brand small{display:block;color:var(--tj-text-muted);font-size:11px}
body:not(.login-body) .knowledge-doc-logo{display:inline-grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:var(--spectrum-control-radius);color:var(--tj-text-inverse);background:var(--tj-action-blue)}
body:not(.login-body) .knowledge-doc-logo svg,body:not(.login-body) .knowledge-search-box svg,body:not(.login-body) .knowledge-file-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}
body:not(.login-body) .knowledge-upload-button{width:100%;height:var(--tj-control-height-compact);margin:0 0 var(--spectrum-spacing-200);border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);color:var(--tj-text-body);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-soft);cursor:pointer;font-size:13px;font-weight:700}
body:not(.login-body) .knowledge-sidebar-title{margin:2px 0 var(--spectrum-spacing-100);color:var(--tj-text-muted);font-size:12px;font-weight:700}
body:not(.login-body) .knowledge-doc-tree,body:not(.login-body) .knowledge-tree-group,body:not(.login-body) .knowledge-tree-group>div{display:grid}
body:not(.login-body) .knowledge-doc-tree{gap:var(--spectrum-spacing-75);overflow:auto;padding-top:var(--spectrum-spacing-50)}
body:not(.login-body) .knowledge-tree-loading{padding:var(--spectrum-spacing-100);color:var(--tj-text-muted);font-size:12px}
body:not(.login-body) .knowledge-tree-group,body:not(.login-body) .knowledge-tree-group>div{gap:2px}
body:not(.login-body) .knowledge-tree-group button{width:100%;min-width:0;border:0;border-radius:var(--spectrum-control-radius);background:transparent;color:var(--tj-text-body);cursor:pointer;font:inherit;text-align:left}
body:not(.login-body) .knowledge-tree-group>button{display:grid;grid-template-columns:14px 16px minmax(0,1fr);align-items:center;height:28px;padding:0 var(--spectrum-spacing-100);font-size:13px;font-weight:760}
body:not(.login-body) .knowledge-tree-group>div button{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;height:28px;padding:0 var(--spectrum-spacing-100);color:var(--tj-text-body);font-size:13px}
body:not(.login-body) .knowledge-tree-group.is-collapsed>button{color:var(--tj-text-body)}
body:not(.login-body) .knowledge-tree-group button.active,body:not(.login-body) .knowledge-tree-group button:hover{color:var(--tj-action-blue);background:var(--tj-action-blue-soft)}
body:not(.login-body) .knowledge-tree-group small{color:var(--tj-text-muted);font-size:11px}
body:not(.login-body) .knowledge-tree-caret{color:var(--tj-text-muted);font-size:12px;line-height:1;text-align:center}
body:not(.login-body) .knowledge-tree-folder{width:14px;height:11px;border-radius:3px 3px 2px 2px;background:var(--tj-action-blue);box-shadow:inset 0 4px 0 rgba(255,255,255,0.28)}
body:not(.login-body) .knowledge-doc-main{min-width:0;overflow:auto;background:var(--tj-page-bg)}
body:not(.login-body) .knowledge-doc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-150);min-height:74px;padding:var(--spectrum-spacing-200) 18px;border-bottom:1px solid var(--tj-border-subtle);background:var(--tj-content-bg)}
body:not(.login-body) .knowledge-toolbar-title{min-width:190px}
body:not(.login-body) .knowledge-toolbar-title h1{margin:0;color:var(--tj-text-strong);font-size:22px;line-height:1.25}
body:not(.login-body) .knowledge-toolbar-title p{margin:5px 0 0;color:var(--tj-text-muted);font-size:13px}
body:not(.login-body) .knowledge-search-box{display:flex;flex:1 1 320px;align-items:center;gap:var(--spectrum-spacing-100);max-width:420px;height:var(--tj-control-height);padding:0 var(--spectrum-spacing-150);border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);color:var(--tj-text-muted);background:var(--tj-content-bg)}
body:not(.login-body) .knowledge-search-box:focus-within{border-color:var(--spectrum-focus-ring-color);box-shadow:var(--tj-focus-ring)}
body:not(.login-body) .knowledge-search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--tj-text-body);font:inherit;font-size:13px}
body:not(.login-body) .knowledge-toolbar-actions,body:not(.login-body) .knowledge-embed-actions{display:flex;align-items:center;gap:var(--spectrum-spacing-100)}
body:not(.login-body) .knowledge-toolbar-actions button{width:auto;height:var(--tj-control-height);border-radius:var(--spectrum-control-radius);cursor:pointer;font-size:13px;font-weight:700}
body:not(.login-body) .knowledge-toolbar-actions .primary-button{border:0;color:var(--tj-text-inverse);background:var(--tj-action-blue)}
body:not(.login-body) .knowledge-toolbar-actions .primary-button:hover{background:var(--tj-action-blue-hover)}
body:not(.login-body) .knowledge-toolbar-actions .ghost-button{border:1px solid var(--tj-border-subtle);color:var(--tj-text-body);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-soft)}
body:not(.login-body) .knowledge-toolbar-actions .ghost-button:hover{background:var(--tj-surface-muted)}
body:not(.login-body) .knowledge-file-board,body:not(.login-body) .knowledge-embed-panel{margin:18px;overflow:hidden;border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-soft)}
body:not(.login-body) .knowledge-file-titlebar{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-150);padding:18px}
body:not(.login-body) .knowledge-file-titlebar h2{margin:0;color:var(--tj-text-strong);font-size:16px;font-weight:760;line-height:1.3}
body:not(.login-body) .knowledge-file-titlebar h2::before{content:"";display:inline-block;width:4px;height:16px;margin-right:9px;border-radius:3px;vertical-align:-3px;background:var(--tj-action-blue)}
body:not(.login-body) .knowledge-file-titlebar p{margin:5px 0 0;color:var(--tj-text-muted);font-size:12px}
body:not(.login-body) .knowledge-file-titlebar span{color:var(--tj-text-muted);font-size:12px}
body:not(.login-body) .knowledge-file-table{display:grid}
body:not(.login-body) .knowledge-file-row{display:grid;grid-template-columns:minmax(240px,1fr) 150px 150px 36px;align-items:center;min-height:50px;border-top:1px solid var(--tj-border-subtle);color:var(--tj-text-body)}
body:not(.login-body) .knowledge-file-row>span{min-width:0;padding:0 18px}
body:not(.login-body) .knowledge-file-row>span:first-child{display:flex;align-items:center;gap:var(--spectrum-spacing-150)}
body:not(.login-body) .knowledge-file-header{min-height:var(--tj-control-height);color:var(--tj-text-muted);background:var(--tj-surface-muted);font-size:12px;font-weight:700}
body:not(.login-body) .knowledge-file-row-button{width:100%;border-right:0;border-bottom:0;border-left:0;background:var(--tj-content-bg);cursor:pointer;font:inherit;text-align:left}
body:not(.login-body) .knowledge-file-row-button:hover,body:not(.login-body) .knowledge-file-row:hover{background:color-mix(in srgb,var(--tj-action-blue) 5%,var(--tj-content-bg))}
body:not(.login-body) .knowledge-file-row strong{color:var(--tj-text-strong);font-size:13px;font-weight:700}
body:not(.login-body) .knowledge-file-row small{display:block;margin-left:2px;color:var(--tj-text-muted);font-size:11px}
body:not(.login-body) .knowledge-file-icon{display:inline-grid;flex:0 0 18px;width:18px;height:18px;place-items:center;color:var(--tj-action-blue)}
body:not(.login-body) .knowledge-file-icon.folder svg{fill:currentColor;stroke:currentColor}
body:not(.login-body) .knowledge-doc-open{padding:5px 9px;border:1px solid color-mix(in srgb,var(--tj-action-blue) 24%,var(--tj-border-subtle));border-radius:var(--spectrum-control-radius);color:var(--tj-action-blue);background:var(--tj-action-blue-soft);cursor:pointer;font:inherit;font-size:13px;font-weight:700;text-decoration:none}
body:not(.login-body) .knowledge-doc-title-button{display:inline-flex;align-items:center;gap:var(--spectrum-spacing-150);max-width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}
body:not(.login-body) .knowledge-doc-title-button>span{min-width:0}
body:not(.login-body) .knowledge-doc-title-button:hover strong{color:var(--tj-action-blue)}
body:not(.login-body) .knowledge-doc-title-button:focus-visible,body:not(.login-body) .knowledge-tree-group button:focus-visible,body:not(.login-body) .knowledge-toolbar-actions button:focus-visible,body:not(.login-body) .knowledge-embed-actions a:focus-visible,body:not(.login-body) .knowledge-embed-actions button:focus-visible{border-radius:var(--spectrum-control-radius);outline:var(--spectrum-focus-ring-width) solid var(--spectrum-focus-ring-color);outline-offset:var(--spectrum-focus-ring-gap)}
body:not(.login-body) .knowledge-table-empty{padding:34px 22px;border-top:1px solid var(--tj-border-subtle);color:var(--tj-text-muted);font-size:13px}
body:not(.login-body) .knowledge-document-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:hidden;border:1px solid var(--tj-border-control);border-radius:var(--spectrum-card-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-modal)}
body:not(.login-body) .knowledge-document-modal .modal-body{overflow:auto}
body:not(.login-body) .knowledge-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spectrum-spacing-200)}
body:not(.login-body) .knowledge-modal-grid label{display:grid;gap:var(--spectrum-spacing-100);color:var(--tj-text-muted);font-size:13px;font-weight:700}
body:not(.login-body) .knowledge-modal-grid input,body:not(.login-body) .knowledge-modal-grid select{width:100%;height:var(--tj-control-height);padding:0 var(--spectrum-spacing-150);border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg);color:var(--tj-text-strong);font:inherit;font-weight:600}
body:not(.login-body) .knowledge-modal-list{margin-top:18px}
body:not(.login-body) .knowledge-admin-table-wrap{max-height:300px;border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius)}
body:not(.login-body) .knowledge-admin-table-wrap table{border-collapse:collapse;font-size:13px}
body:not(.login-body) .knowledge-admin-table-wrap th,body:not(.login-body) .knowledge-admin-table-wrap td{padding:10px var(--spectrum-spacing-150);border-bottom:1px solid var(--tj-border-subtle);vertical-align:middle}
body:not(.login-body) .knowledge-admin-table-wrap th{color:var(--tj-text-muted);background:var(--tj-surface-muted);font-weight:700}
body:not(.login-body) .knowledge-embed-panel[hidden]{display:none}
body:not(.login-body) .knowledge-embed-panel>header{display:flex;align-items:center;justify-content:space-between;gap:var(--spectrum-spacing-200);padding:var(--spectrum-spacing-200) 18px;border-bottom:1px solid var(--tj-border-subtle);background:var(--tj-surface-muted)}
body:not(.login-body) .knowledge-embed-panel>header span{color:var(--tj-text-muted);font-size:12px;font-weight:700}
body:not(.login-body) .knowledge-embed-panel>header h2{margin:4px 0 0;color:var(--tj-text-strong);font-size:17px;line-height:1.3}
body:not(.login-body) .knowledge-embed-panel>header p{margin:4px 0 0;color:var(--tj-text-muted);font-size:12px}
body:not(.login-body) .knowledge-embed-actions{flex:0 0 auto}
body:not(.login-body) .knowledge-embed-actions a,body:not(.login-body) .knowledge-embed-actions button{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 var(--spectrum-spacing-150);border-radius:var(--spectrum-control-radius);cursor:pointer;font:inherit;font-size:13px;font-weight:700;text-decoration:none}
body:not(.login-body) .knowledge-embed-actions a{border:1px solid color-mix(in srgb,var(--tj-action-blue) 24%,var(--tj-border-subtle));color:var(--tj-action-blue);background:var(--tj-action-blue-soft)}
body:not(.login-body) .knowledge-embed-actions button{border:1px solid var(--tj-border-control);color:var(--tj-text-body);background:var(--tj-content-bg)}
body:not(.login-body) .knowledge-embed-frame-wrap{min-height:min(72vh,760px);background:var(--tj-page-bg)}
body:not(.login-body) .knowledge-embed-frame-wrap iframe{display:block;width:100%;min-height:min(72vh,760px);border:0;background:var(--tj-content-bg)}
body:not(.login-body) .knowledge-embed-note{padding:9px 18px;border-bottom:1px solid var(--tj-border-subtle);color:var(--tj-text-muted);background:var(--tj-surface-muted);font-size:12px;line-height:1.5}
body:not(.login-body) .knowledge-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
body:not(.login-body) .knowledge-section-card{display:grid;gap:var(--spectrum-spacing-100);min-height:168px;padding:var(--spectrum-spacing-200);border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-soft)}
body:not(.login-body) .knowledge-section-card.active{border-color:color-mix(in srgb,var(--tj-action-blue) 38%,var(--tj-border-subtle));background:color-mix(in srgb,var(--tj-action-blue) 5%,var(--tj-content-bg))}
body:not(.login-body) .knowledge-section-card span{width:fit-content;padding:var(--spectrum-spacing-50) 9px;border-radius:999px;color:var(--tj-action-blue);background:var(--tj-action-blue-soft);font-size:12px;font-weight:760}
body:not(.login-body) .knowledge-section-card strong{color:var(--tj-text-strong);font-size:18px;line-height:1.3}
body:not(.login-body) .knowledge-section-card p{margin:0;color:var(--tj-text-muted);line-height:1.55}
body:not(.login-body) .knowledge-section-card small{align-self:end;color:var(--tj-text-muted);font-weight:700}
body:not(.login-body) .knowledge-dynamic-panel{margin-top:10px}
body:not(.login-body) .knowledge-library-tree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spectrum-spacing-150)}
body:not(.login-body) .knowledge-directory-card{display:grid;gap:10px;min-width:0}
body:not(.login-body) .knowledge-directory-card>header,body:not(.login-body) .knowledge-folder-card{border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-surface-muted)}
body:not(.login-body) .knowledge-directory-card>header{padding:var(--spectrum-spacing-150) 13px}
body:not(.login-body) .knowledge-directory-card span,body:not(.login-body) .knowledge-folder-card span,body:not(.login-body) .knowledge-doc-link span{display:block;margin-bottom:5px;color:var(--tj-text-muted);font-size:12px;font-weight:700}
body:not(.login-body) .knowledge-directory-card strong,body:not(.login-body) .knowledge-folder-card strong,body:not(.login-body) .knowledge-doc-link strong{display:block;color:var(--tj-text-strong);line-height:1.35}
body:not(.login-body) .knowledge-folder-card{padding:var(--spectrum-spacing-150)}
body:not(.login-body) .knowledge-folder-card.is-empty{border-style:dashed}
body:not(.login-body) .knowledge-folder-card header{display:grid;gap:2px}
body:not(.login-body) .knowledge-folder-card small,body:not(.login-body) .knowledge-doc-link small{color:var(--tj-text-muted);font-size:12px}
body:not(.login-body) .knowledge-folder-card p{margin:9px 0 0;color:var(--tj-text-muted);line-height:1.55}
body:not(.login-body) .knowledge-doc-list{display:grid;gap:var(--spectrum-spacing-100);margin-top:10px}
body:not(.login-body) .knowledge-doc-link{display:block;padding:10px 11px;border:1px solid var(--tj-border-subtle);border-radius:var(--spectrum-control-radius);background:var(--tj-content-bg);color:inherit;text-decoration:none}
body:not(.login-body) .knowledge-doc-link:hover{border-color:color-mix(in srgb,var(--tj-action-blue) 35%,var(--tj-border-subtle));box-shadow:var(--tj-shadow-soft)}
@media(max-width:1100px){body:not(.login-body) .knowledge-doc-shell{grid-template-columns:1fr}
body:not(.login-body) .knowledge-doc-sidebar{border-right:0;border-bottom:1px solid var(--tj-border-subtle)}
body:not(.login-body) .knowledge-file-row{grid-template-columns:minmax(180px,1fr) 110px 110px 54px}
body:not(.login-body) .knowledge-doc-toolbar,body:not(.login-body) .knowledge-embed-panel>header{align-items:stretch;flex-direction:column}
body:not(.login-body) .knowledge-toolbar-actions,body:not(.login-body) .knowledge-embed-actions{width:100%}
body:not(.login-body) .knowledge-toolbar-actions button,body:not(.login-body) .knowledge-embed-actions a,body:not(.login-body) .knowledge-embed-actions button{flex:1 1 0}
body:not(.login-body) .knowledge-file-row>span{padding:0 var(--spectrum-spacing-150)}
body:not(.login-body) .knowledge-modal-grid{grid-template-columns:1fr}
body:not(.login-body) .knowledge-section-grid,body:not(.login-body) .knowledge-library-tree{grid-template-columns:1fr}
}
#view-certificates .certificate-status,#view-certificates .certificate-dialog-status{min-height:20px;margin:var(--spectrum-spacing-100) 0;color:var(--tj-text-muted);font-size:13px}
#view-certificates .certificate-table-wrap{overflow-x:auto}
#view-certificates .certificate-editor-dialog,#view-certificates .certificate-import-dialog{width:min(620px,calc(100vw - 40px));margin:auto;padding:var(--spectrum-spacing-300);border:1px solid var(--tj-border-subtle);border-radius:var(--tj-modal-radius);color:var(--tj-text-strong);background:var(--tj-content-bg);box-shadow:var(--tj-shadow-modal)}
#view-certificates .certificate-editor-dialog::backdrop,#view-certificates .certificate-import-dialog::backdrop{background:var(--tj-overlay-backdrop)}
#view-certificates .certificate-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spectrum-spacing-200);margin-top:var(--spectrum-spacing-200)}
#view-certificates .certificate-form-grid label,#view-certificates .certificate-file-field{display:grid;gap:var(--spectrum-spacing-100);color:var(--tj-text-muted);font-size:14px;font-weight:700}
#view-certificates .certificate-sku-selected{display:flex;flex-wrap:wrap}
#view-certificates .certificate-file-field{margin-top:var(--spectrum-spacing-200)}
#view-certificates .certificate-import-dialog p{color:var(--tj-text-muted);line-height:1.6}
@media(max-width:720px){#view-certificates .certificate-form-grid{grid-template-columns:minmax(0,1fr)}
}
button,input,select{font:inherit}
body:not(.login-body){min-height:100vh;background:var(--tj-page-bg) !important;background-image:none !important}
body:not(.login-body) .app-shell,html.os-windows body:not(.login-body) .app-shell{display:grid !important;grid-template-columns:var(--sidebar-expanded-width-v1) minmax(0,1fr) !important;gap:0 !important;min-height:100vh !important;margin:0 !important;padding:0 !important;background:var(--tj-shell-bg) !important;background-image:none !important;overflow:visible !important;transition:grid-template-columns 0.2s ease !important}
body:not(.login-body) .app-shell.sidebar-collapsed,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width-v1) minmax(0,1fr) !important}
body:not(.login-body) .dashboard{display:block !important;min-width:0 !important;margin:0 !important;padding:0 12px 12px 0 !important;gap:12px !important;background:var(--tj-shell-bg) !important;background-image:none !important;overflow:visible !important}
body:not(.login-body) .sidebar,html.os-windows body:not(.login-body) .sidebar{position:sticky !important;top:0 !important;z-index:1200 !important;display:block !important;width:var(--sidebar-expanded-width-v1) !important;min-width:0 !important;max-width:var(--sidebar-expanded-width-v1) !important;height:100vh !important;margin:0 !important;padding:86px 10px 62px !important;border:0 !important;border-radius:0 !important;background:var(--tj-bar-bg) !important;background-image:none !important;box-shadow:none !important;color:#222222 !important;overflow:visible !important}
body:not(.login-body) .app-shell.sidebar-collapsed .sidebar,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width-v1) !important;max-width:var(--sidebar-collapsed-width-v1) !important;padding:86px 7px 62px !important}
body:not(.login-body) .brand,body:not(.login-body) .app-shell.sidebar-collapsed .brand{position:fixed !important;top:12px !important;left:18px !important;z-index:5001 !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:7px !important;width:var(--tj-brand-lockup-width) !important;max-width:var(--tj-brand-lockup-width) !important;height:32px !important;min-height:32px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;overflow:visible !important;pointer-events:none !important}
body:not(.login-body) .brand .brand-logo-card,body:not(.login-body) .app-shell.sidebar-collapsed .brand .brand-logo-card{display:grid !important;flex:0 0 30px !important;place-items:center !important;width:30px !important;height:40px !important;min-height:40px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:7px !important;background:var(--tj-content-bg) !important;box-shadow:none !important;overflow:visible !important}
body:not(.login-body) .brand-text,body:not(.login-body) .app-shell.sidebar-collapsed .brand-text{display:block !important;flex:0 0 auto !important;width:auto !important;min-width:max-content !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;white-space:nowrap !important;opacity:1 !important;visibility:visible !important;transform:none !important}
body:not(.login-body) .brand-text strong,body:not(.login-body) .app-shell.sidebar-collapsed .brand-text strong{display:block !important;width:auto !important;min-width:max-content !important;max-width:none !important;color:var(--tj-text-strong) !important;font-size:14px !important;font-weight:760 !important;line-height:1 !important;letter-spacing:0 !important;white-space:nowrap !important;overflow:visible !important;text-overflow:clip !important}
body:not(.login-body) .nav,body:not(.login-body) .app-shell.sidebar-collapsed .nav{display:grid !important;grid-template-columns:1fr !important;align-items:start !important;gap:7px !important;width:100% !important;min-height:0 !important;max-height:calc(100vh - 104px) !important;margin:0 !important;padding:0 0 44px !important;background:transparent !important;overflow:visible !important}
body:not(.login-body) .app-shell.sidebar-collapsed .nav{max-height:none !important;padding-bottom:0 !important;gap:9px !important}
body:not(.login-body) .nav-group{margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;overflow:visible !important}
body:not(.login-body) .nav-home-item,body:not(.login-body) .nav-group-title,html.os-windows body:not(.login-body) .nav-group-title{box-sizing:border-box !important;width:100% !important;max-width:100% !important;height:34px !important;min-height:34px !important;margin:0 !important;padding:0 9px !important;border:0 !important;border-radius:8px !important;background:transparent !important;background-image:none !important;color:var(--tj-text-strong) !important;font-size:14px !important;font-weight:760 !important;line-height:1.15 !important;overflow:visible !important;box-shadow:none !important;cursor:pointer !important}
body:not(.login-body) .nav-home-item{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:6px !important}
body:not(.login-body) .nav-group-title,html.os-windows body:not(.login-body) .nav-group-title{display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important}
body:not(.login-body) .nav-group-title>span:nth-child(2),html.os-windows body:not(.login-body) .nav-group-title>span:nth-child(2){display:block !important;overflow:visible !important;color:inherit !important;font-size:inherit !important;font-weight:720 !important;line-height:1.1 !important;white-space:nowrap !important}
body:not(.login-body) .nav-home-item.active,body:not(.login-body) .nav-item.active,body:not(.login-body) .nav-group.is-active>.nav-group-title{color:var(--tj-text-inverse) !important;background:var(--tj-action-blue) !important;background-image:none !important;box-shadow:none !important}
body:not(.login-body) .nav-home-item .nav-icon,body:not(.login-body) .nav-item.active .nav-icon{display:grid !important;flex:0 0 26px !important;place-items:center !important;width:26px !important;height:26px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:9px !important;background:rgba(255,255,255,0.14) !important;color:inherit !important;overflow:visible !important}
body:not(.login-body) .nav-group-icon{display:grid !important;flex:0 0 24px !important;place-items:center !important;width:24px !important;height:24px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:7px !important;background:transparent !important;color:#1f2937 !important;overflow:visible !important}
body:not(.login-body) .nav-group.is-active>.nav-group-title .nav-group-icon{color:var(--tj-text-inverse) !important;background:rgba(255,255,255,0.14) !important}
body:not(.login-body) .nav-item.active .nav-label{color:var(--tj-text-inverse) !important}
body:not(.login-body) .nav-icon svg,body:not(.login-body) .nav-group-icon svg{display:block !important;width:16px !important;height:16px !important}
body:not(.login-body) .nav-group-caret{flex:0 0 20px !important;width:20px !important;height:20px !important;color:inherit !important}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title,html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title{display:grid !important;grid-template-columns:28px !important;place-items:center !important;justify-content:center !important;align-items:center !important;width:56px !important;max-width:56px !important;height:50px !important;min-height:50px !important;padding:0 !important;gap:0 !important}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item .nav-icon,body:not(.login-body) .app-shell.sidebar-collapsed .nav-item.active .nav-icon{flex-basis:22px !important;width:22px !important;height:22px !important;border-radius:0 !important}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-icon{flex-basis:24px !important;width:24px !important;height:24px !important}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item .nav-label,body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title>span:nth-child(2),html.os-windows body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title>span:nth-child(2){display:block !important;width:auto !important;height:auto !important;margin:0 !important;overflow:hidden !important;color:inherit !important;font-size:14px !important;font-weight:720 !important;line-height:1.1 !important;white-space:nowrap !important}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-home-item{grid-template-rows:22px auto !important;grid-template-columns:1fr !important;align-content:center !important;gap:4px !important}
body:not(.login-body) .app-shell.sidebar-collapsed .nav-group-title{grid-template-rows:24px auto !important;grid-template-columns:1fr !important;align-content:center !important;gap:4px !important}
body:not(.login-body) .topbar{position:sticky !important;top:0 !important;z-index:980 !important;display:flex !important;align-items:flex-start !important;justify-content:flex-end !important;gap:10px !important;width:auto !important;min-width:0 !important;height:max(var(--tj-topbar-fixed-height),calc(132px - 8vw)) !important;min-height:max(var(--tj-topbar-fixed-height),calc(132px - 8vw)) !important;margin:0 calc(var(--tj-content-inline-gap) * -1) 0 0 !important;padding:11px 18px 0 12px !important;border:0 !important;border-radius:0 !important;background:var(--tj-topbar-bg) !important;background-image:none !important;box-shadow:none !important;overflow:visible !important}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb,body:not(.login-body) .app-shell.sidebar-collapsed .topbar-breadcrumb.module-breadcrumb{position:absolute !important;top:47px !important;left:var(--tj-content-inline-gap) !important;order:0 !important;display:flex !important;align-items:center !important;flex:1 1 auto !important;width:auto !important;max-width:min(520px,calc(100vw - 180px)) !important;height:24px !important;min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb ol{display:flex !important;align-items:center !important;gap:7px !important;min-width:max-content !important;width:auto !important;margin:0 !important;padding:0 !important;list-style:none !important}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb button{display:inline-flex !important;align-items:center !important;height:24px !important;min-height:24px !important;padding:0 2px !important;border:0 !important;border-radius:8px !important;background:transparent !important;color:#66758a !important;font-size:13px !important;font-weight:650 !important;line-height:1 !important;letter-spacing:0 !important;white-space:nowrap !important}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-current{color:var(--tj-text-strong) !important;font-size:14px !important;font-weight:700 !important}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .breadcrumb-home-dot{flex:0 0 7px !important;width:7px !important;height:7px !important;margin-right:5px !important}
body:not(.login-body) .topbar-breadcrumb.module-breadcrumb .module-breadcrumb-separator{width:14px !important;height:24px !important;color:#aeb8c6 !important}
body:not(.login-body) .topbar .world-clock,body:not(.login-body) .world-clock{position:relative !important;z-index:2 !important;order:1 !important;align-items:center !important;justify-content:flex-end !important;flex:0 1 auto !important;min-width:0 !important;min-height:18px !important;margin:0 2px 0 auto !important;padding:0 !important;gap:10px !important;color:#6d6d6d !important;font-size:11px !important;font-weight:680 !important;line-height:1 !important;text-align:right !important;overflow:hidden !important}
body:not(.login-body) .world-clock span{font-size:11px !important;line-height:1 !important}
body:not(.login-body) .top-actions{position:relative !important;z-index:2 !important;order:2 !important;display:flex !important;align-items:flex-start !important;justify-content:flex-end !important;flex:0 0 auto !important;gap:6px !important;margin:0 !important;padding:0 !important}
body:not(.login-body) .account-trigger,body:not(.login-body) .account-trigger:hover,body:not(.login-body) .account-menu.is-open .account-trigger{height:30px !important;min-height:30px !important;padding:0 10px 0 8px !important;border:0 !important;border-radius:8px !important;background:var(--tj-user-blue-bg) !important;background-image:none !important;color:var(--tj-text-inverse) !important;box-shadow:none !important}
body:not(.login-body) .account-logout{top:37px !important}
body:not(.login-body) #sidebar-toggle{position:absolute !important;left:8px !important;top:calc(100vh - 48px) !important;z-index:auto !important;display:block !important;width:34px !important;height:34px !important;min-height:0 !important;margin:0 !important;padding:1px 6px !important;border:0 !important;border-radius:10px !important;background:#ffffff !important;background-image:none !important;color:#1f2937 !important;box-shadow:none !important;font-size:22px !important;font-weight:400 !important}
body:not(.login-body) .sidebar .nav .nav-icon svg,body:not(.login-body) .sidebar .nav .nav-group-icon svg,body:not(.login-body) .sidebar .nav .nav-icon svg path,body:not(.login-body) .sidebar .nav .nav-group-icon svg path{fill:none !important;stroke:currentColor !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important}
body:not(.login-body) .sidebar .nav .nav-group .nav-item,html.os-windows body:not(.login-body) .sidebar .nav .nav-group .nav-item{appearance:none !important;border:0 !important;outline:0 !important;box-shadow:none !important}
body:not(.login-body) .sidebar .nav .nav-group .nav-item:not(:hover):not(:focus-visible):not(.active),html.os-windows body:not(.login-body) .sidebar .nav .nav-group .nav-item:not(:hover):not(:focus-visible):not(.active){background:transparent !important}
body:not(.login-body) .app-shell:not(.sidebar-collapsed) .sidebar .nav .nav-group .nav-item.active .nav-icon,html.os-windows body:not(.login-body) .app-shell:not(.sidebar-collapsed) .sidebar .nav .nav-group .nav-item.active .nav-icon{flex:0 0 24px !important;justify-self:center !important;align-self:center !important;width:24px !important;height:24px !important;margin:0 !important;border-radius:8px !important;background:transparent !important}
body:not(.login-body) .app-shell:not(.sidebar-collapsed) .sidebar .nav .nav-group .nav-item.active .nav-icon svg,html.os-windows body:not(.login-body) .app-shell:not(.sidebar-collapsed) .sidebar .nav .nav-group .nav-item.active .nav-icon svg{transform:none !important;transform-box:fill-box !important;transform-origin:center !important}
body:not(.login-body) .brand-mark,body:not(.login-body) .primary-button,body:not(.login-body) .button-primary,body:not(.login-body) .action-button,body:not(.login-body) #manual-sync-button,body:not(.login-body) #budget-upload-button,body:not(.login-body) #fba-run-test-button,body:not(.login-body) #cashflow-refresh-button,body:not(.login-body) #cashflow-capture-button,body:not(.login-body) #inventory-provision-refresh,body:not(.login-body) #lowfee-refresh,body:not(.login-body) #pulse-refresh-button,body:not(.login-body) .nav-item.active,body:not(.login-body) .nav-home-item.active,body:not(.login-body) .tabs>button.active,body:not(.login-body) .tabs .store-tabs button.active,body:not(.login-body) .knowledge-doc-logo,body:not(.login-body) .account-trigger,body:not(.login-body) .breadcrumb-home-icon{background:var(--tj-action-blue) !important;background-image:none !important}
body:not(.login-body) .primary-button:hover,body:not(.login-body) .button-primary:hover,body:not(.login-body) .action-button:hover,body:not(.login-body) #manual-sync-button:hover,body:not(.login-body) #budget-upload-button:hover,body:not(.login-body) #fba-run-test-button:hover,body:not(.login-body) #cashflow-refresh-button:hover,body:not(.login-body) #cashflow-capture-button:hover,body:not(.login-body) #inventory-provision-refresh:hover,body:not(.login-body) #lowfee-refresh:hover,body:not(.login-body) #pulse-refresh-button:hover,body:not(.login-body) .account-trigger:hover,body:not(.login-body) .account-menu.is-open .account-trigger{background:var(--tj-action-blue-hover) !important;background-image:none !important}
body:not(.login-body) .view>.module-hero::before,body:not(.login-body) .metric-tile::before,body:not(.login-body) .section-title::before,body:not(.login-body) .panel-title::before,body:not(.login-body) .review-primary-result::before,body:not(.login-body) .kpi-card:not(.kpi-green):not(.kpi-orange):not(.kpi-red) .kpi-progress span{background:var(--tj-action-blue) !important;background-image:none !important}
.login-body .admin-login-logo,.login-body .login-corner-toggle,.login-body .login-button:not(.is-disabled){background:var(--tj-action-blue) !important;background-image:none !important}
.login-body .login-button:not(.is-disabled):hover{background:var(--tj-action-blue-hover) !important;background-image:none !important}
table.data-table th{text-align:left;font-variant-numeric:tabular-nums}
table.data-table td{text-align:left}
table.data-table td.table-cell--number{text-align:right;font-variant-numeric:tabular-nums}
table.data-table th.table-cell--number{font-variant-numeric:tabular-nums}
table.data-table :is(th,td)[data-width-align="right"]{text-align:right}
table.data-table :is(th,td)[data-width-align="center"]{text-align:center}
.table-state-row td,.table-state-cell{text-align:left}
.table-resize-handle{cursor:col-resize;touch-action:none}
