:root{--bg:#080a16;--surface:#0f1224;--surface-2:#151a33;--line:#232a4a;--line-strong:#5f6a9c;--text:#e8eaf7;--muted:#8b92b8;--accent-ink:#0a0c10;--product-whm:#7aa2f7;--product-gp:#4fc1b0;--product-eb:#e8896a;--accent:var(--product-whm);--accent-soft:color-mix(in srgb,var(--accent) 15%,transparent);--accent-glow:color-mix(in srgb,var(--accent) 28%,transparent);--ok:#3fc58f;--warn:#e7a93c;--bad:#ef6678;--info:#6aa5f5;--ok-soft:color-mix(in srgb,var(--ok) 16%,transparent);--warn-soft:color-mix(in srgb,var(--warn) 16%,transparent);--bad-soft:color-mix(in srgb,var(--bad) 16%,transparent);--info-soft:color-mix(in srgb,var(--info) 16%,transparent);--neutral-soft:color-mix(in srgb,var(--muted) 16%,transparent);--radius-card:14px;--radius-control:8px;--radius-pill:999px;--font-sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--font-num:var(--font-mono);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fs-2xs:10px;--fs-xs:11px;--fs-base:12px;--fs-md:14px;--fs-lg:18px;--fs-xl:24px;--fs-kpi:22px;--lh-tight:1.15;--lh-base:1.4;--pad-card:12px;--gap:10px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--row-h:30px;--control-h:30px;--glass-bg:color-mix(in srgb,var(--surface) 52%,transparent);--glass-bg-strong:color-mix(in srgb,var(--surface) 82%,transparent);--glass-border:color-mix(in srgb,var(--text) 13%,transparent);--glass-blur:14px;--shadow-card:0 8px 30px rgba(0,0,0,0.18);--shadow-pop:0 16px 48px rgba(0,0,0,0.45);--dur-fast:120ms;--dur-base:180ms;--ease:cubic-bezier(0.4,0,0.2,1);--z-sticky:10;--z-nav:20;--z-pop:40;--z-modal:50;--z-toast:60;color-scheme:dark}[data-product=whm]{--accent:var(--product-whm)}[data-product=gp]{--accent:var(--product-gp)}[data-product=eb]{--accent:var(--product-eb)}@media (max-width:768px),(pointer:coarse){:root{--fs-base:14px;--fs-xs:12px;--row-h:44px;--control-h:40px;--pad-card:14px}}@media (prefers-reduced-transparency:reduce){:root{--glass-bg:var(--surface);--glass-bg-strong:var(--surface);--glass-blur:0px}}@supports not (backdrop-filter:blur(1px)){:root{--glass-bg:var(--surface);--glass-bg-strong:var(--surface)}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms}}.dh-page-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(52vw 32vw at 88% -6%,var(--accent-glow),transparent 70%),radial-gradient(46vw 34vw at -4% 104%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%)}:focus-visible{outline:2px solid var(--accent)}.dh-num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.dh-label{font-size:var(--fs-2xs);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:var(--fw-semibold)}.dh-glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:var(--pad-card)}:root{--font-sans:var(--font-sans-dh),system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:var(--font-mono-dh),ui-monospace,Menlo,Consolas,monospace;--input-height-xs:calc(var(--control-h) - 4px);--input-height-sm:var(--control-h);--input-height-md:calc(var(--control-h) + 4px);--button-height-xs:calc(var(--control-h) - 4px);--button-height-sm:var(--control-h);--button-height-md:calc(var(--control-h) + 4px)}.mantine-Input-input{background:var(--surface-2);border-color:var(--line-strong);color:var(--text);transition:border-color var(--dur-fast) var(--ease)}.mantine-Input-input::placeholder{color:var(--muted);opacity:1}.mantine-Input-input:focus,.mantine-Input-input:focus-within{border-color:var(--accent)}.mantine-Input-input[data-error]{border-color:var(--bad)}.mantine-Input-input:disabled,.mantine-Input-input[data-disabled]{opacity:.5}.mantine-Card-root,.mantine-Paper-root{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.mantine-Drawer-content,.mantine-Menu-dropdown,.mantine-Modal-content,.mantine-Notification-root,.mantine-Popover-dropdown{background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.mantine-AppShell-navbar{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.whm-topbar-pill{padding:4px 12px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:var(--accent-soft);color:var(--text)}.whm-topbar-pill i,.whm-topbar-pill svg{color:var(--accent)}.whm-topbar-user{padding-left:var(--sp-2)}.whm-signout{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font-size:var(--fs-xs);font-weight:600}.whm-signout:hover{background:var(--accent-soft);border-color:var(--accent)}.mantine-AppShell-header .mantine-Button-root[data-variant=filled],.mantine-AppShell-header .mantine-Button-root[data-variant=light]{height:28px;padding-inline:10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:500}.mantine-AppShell-header .mantine-Button-root[data-variant=light]{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.mantine-AppShell-header .mantine-Button-root[data-variant=light]:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.mantine-AppShell-header .mantine-Button-root[data-variant=light] .mantine-Button-section{color:var(--muted)}.mantine-AppShell-header .mantine-Button-root[data-variant=filled]{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}.mantine-AppShell-header .mantine-Badge-root{height:18px;min-width:18px;padding-inline:6px;border-radius:var(--radius-pill);font-family:var(--font-num);font-size:var(--fs-2xs);font-weight:600}.mantine-AppShell-navbar .mantine-NavLink-root{min-height:32px;padding-block:5px;border-radius:var(--radius-control);color:var(--muted);font-size:var(--fs-base);font-weight:500}.mantine-AppShell-navbar .mantine-NavLink-label{font-size:var(--fs-base)}.mantine-AppShell-navbar .mantine-NavLink-root:hover:not([data-active]){color:var(--text)}.mantine-AppShell-navbar .mantine-NavLink-root[data-active]{box-shadow:inset 2px 0 0 var(--accent)}.mantine-AppShell-navbar .mantine-NavLink-root[data-active] .mantine-NavLink-section:first-child{color:var(--accent)}.mantine-AppShell-navbar .mantine-Text-root[data-nav-section]{font-size:var(--fs-2xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.whm-sidebar-collapse{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:6px 10px;border-radius:var(--radius-control);color:var(--muted);font-size:var(--fs-xs);font-weight:500}.whm-sidebar-collapse:hover{background:var(--accent-soft);color:var(--text)}.whm-sidebar-collapse[data-collapsed]{justify-content:center;padding-inline:0}.whm-sidebar-version{padding:2px 10px 4px;color:var(--muted);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.07em;text-transform:uppercase}.whm-metric-card{border-radius:var(--radius-card)}.whm-metric-card--interactive:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--glass-border))!important}@media (max-width:480px){.whm-topbar-heading{display:none}}:root{--page-max:1440px;--page-pad-x:24px;--page-pad-y:20px;--section-gap:16px;--card-pad:16px}@media (max-width:768px){:root{--page-pad-x:16px;--page-pad-y:16px;--card-pad:14px}}.dh-page{width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--page-pad-y) var(--page-pad-x);display:flex;flex-direction:column;gap:var(--section-gap)}.dh-page-title{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.02em;line-height:var(--lh-tight);color:var(--text)}.dh-page-desc{margin:0;max-width:65ch;font-size:var(--fs-base);line-height:var(--lh-base);color:var(--muted)}.dh-card-title{margin:0;font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:1.3;color:var(--text)}.dh-card-sub{margin:0;line-height:var(--lh-base)}.dh-card-sub,.dh-kpi-label{font-size:var(--fs-xs);color:var(--muted)}.dh-kpi-label{font-weight:var(--fw-medium)}.dh-kpi-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-kpi);font-weight:var(--fw-semibold);letter-spacing:-.02em;line-height:1.1;color:var(--text)}.mantine-Card-root,.whm-surface-card{border-radius:var(--radius-card)}.dh-shell-body{width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--page-pad-y) var(--page-pad-x)}.dh-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:var(--card-pad);min-width:0}.mantine-Title-root.dh-page-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:-.02em}.mantine-Text-root.dh-page-desc{font-size:var(--fs-base);color:var(--muted)}.mantine-Tooltip-tooltip{--tooltip-bg:var(--surface-2);--tooltip-color:var(--text);background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line-strong);box-shadow:var(--shadow-pop);font-size:var(--fs-xs);font-weight:var(--fw-medium);opacity:1}.mantine-Tooltip-tooltip .mantine-Text-root{color:inherit}.mantine-Tooltip-tooltip .mantine-Text-root[c=dimmed],.mantine-Tooltip-tooltip .mantine-Text-root[data-dimmed]{color:var(--muted)}.mantine-Tooltip-arrow{background:var(--surface-2)!important;border-color:var(--line-strong)!important}:root{--whm-sidebar-width:232px;--whm-header-height:52px;--whm-main-max-width:1400px;--whm-bg:var(--bg);--whm-sidebar-bg:var(--glass-bg);--whm-border:var(--glass-border);--whm-header-bg:color-mix(in srgb,var(--bg) 78%,transparent);--whm-brand-gradient:linear-gradient(180deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,var(--bg)) 100%);--whm-scrollbar-thumb:color-mix(in srgb,var(--text) 14%,transparent);--whm-scrollbar-thumb-hover:color-mix(in srgb,var(--text) 24%,transparent);--whm-table-row-hover:var(--accent-soft);--whm-selection-bg:color-mix(in srgb,var(--accent) 35%,transparent);--whm-navlink-hover-bg:var(--accent-soft);--whm-panel-header-bg:transparent;--whm-panel-header-border:var(--line);--whm-surface:var(--glass-bg);--whm-surface-border:var(--glass-border);--whm-card-shadow:var(--shadow-card);--whm-card-shadow-hover:var(--shadow-pop);--whm-canvas-gradient:radial-gradient(ellipse 80% 50% at 100% -10%,var(--accent-glow),transparent 55%),radial-gradient(ellipse 60% 40% at 0% 100%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 50%)}html{scroll-behavior:smooth}body{background-color:var(--whm-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--whm-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--whm-scrollbar-thumb-hover)}.mantine-AppShell-main,.mantine-AppShell-root.whm-dashboard-page .mantine-AppShell-main{background:var(--whm-canvas-gradient),var(--whm-bg)!important}.whm-app-main-inner{max-width:var(--page-max);padding:var(--page-pad-y) var(--page-pad-x)!important;margin-inline:auto;width:100%}.mantine-AppShell-navbar{background-color:var(--whm-sidebar-bg)!important;border-right:1px solid var(--whm-border)!important}.mantine-AppShell-header{background-color:var(--whm-header-bg)!important;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);border-bottom:1px solid var(--whm-border)!important}.mantine-NavLink-root[data-active]{background-color:var(--accent-soft)!important;color:var(--text)!important;font-weight:600!important}.mantine-NavLink-root[data-active]:before{content:none}.mantine-NavLink-root{position:relative}.mantine-NavLink-root:hover:not([data-active]){background-color:var(--whm-navlink-hover-bg)!important}.mantine-Table-tr:hover{background-color:var(--whm-table-row-hover)}.mantine-Card-root{transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease}.whm-surface-card{background-color:var(--whm-surface)!important;border-color:var(--whm-surface-border)!important;box-shadow:var(--whm-card-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.whm-metric-card{position:relative;overflow:hidden}.whm-metric-card:before{content:none}.whm-metric-card--interactive{cursor:pointer}.whm-metric-card--interactive:hover{box-shadow:var(--whm-card-shadow-hover);border-color:color-mix(in srgb,var(--mantine-color-brand-5) 35%,var(--whm-surface-border))!important}.whm-quick-action-card{cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.whm-quick-action-card:hover{box-shadow:var(--whm-card-shadow-hover);border-color:color-mix(in srgb,var(--mantine-color-brand-5) 30%,var(--whm-surface-border))!important}.whm-list-row{display:block;box-sizing:border-box;width:100%;margin:0;padding:var(--mantine-spacing-sm) var(--mantine-spacing-md);border:0;border-bottom:1px solid var(--whm-border);border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;transition:background-color .15s ease;cursor:default}.whm-list-row--interactive{cursor:pointer}.whm-list-row--interactive:hover{background-color:var(--whm-table-row-hover)}.whm-list-row:last-child{border-bottom:none}.whm-attention-callout--interactive:hover{border-color:color-mix(in srgb,var(--whm-attention-border) 70%,var(--mantine-color-brand-5))!important}.whm-kpi-grid .whm-metric-card:first-child{animation-delay:0s}.whm-kpi-grid .whm-metric-card:nth-child(2){animation-delay:50ms}.whm-kpi-grid .whm-metric-card:nth-child(3){animation-delay:.1s}.whm-kpi-grid .whm-metric-card:nth-child(4){animation-delay:.15s}.mantine-AppShell-main>*{animation:whm-fade-in .25s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.mantine-AppShell-main>*{animation:none}.whm-kpi-grid .whm-metric-card{animation-delay:0s!important}.whm-metric-card--interactive:hover,.whm-quick-action-card:hover{box-shadow:var(--whm-card-shadow)}html{scroll-behavior:auto}}@keyframes whm-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--mantine-color-brand-5);outline-offset:2px}@keyframes whm-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes whm-nav-alert-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--bad) 0%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 22%,transparent)}}.whm-nav-alert-pulse{animation:whm-nav-alert-pulse 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.whm-nav-alert-pulse{animation:none}}::selection{background:var(--whm-selection-bg)}.mantine-AppShell-navbar .mantine-Divider-root{border-color:var(--whm-border)}:root:root{--mantine-radius-lg:0.75rem}.whm-replenish-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:14px 16px;border-radius:var(--mantine-radius-md);border-left-color:var(--whm-surface-border);border-left-width:1px;background:var(--mantine-color-body);border:1px solid var(--whm-surface-border);border-left:3px solid var(--whm-replenish-accent,var(--whm-surface-border))}.whm-replenish-card--sending{background:color-mix(in srgb,var(--mantine-color-brand-5) 8%,var(--mantine-color-body));border-color:color-mix(in srgb,var(--mantine-color-brand-5) 34%,var(--whm-surface-border))}.whm-replenish-stock{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:24px;padding:2px 8px;border-radius:999px;border:1px solid var(--whm-surface-border);background:color-mix(in srgb,var(--mantine-color-gray-6) 8%,var(--mantine-color-body));color:var(--mantine-color-text);font-size:var(--mantine-font-size-xs);line-height:1.3;white-space:nowrap}.whm-replenish-stock-name{overflow:hidden;text-overflow:ellipsis;font-weight:700}.whm-replenish-stock-qty{flex:none;font-weight:600;font-family:var(--font-num);font-variant-numeric:tabular-nums}.whm-replenish-stock.is-here{border-color:color-mix(in srgb,var(--mantine-color-brand-6) 45%,var(--whm-surface-border));background:color-mix(in srgb,var(--mantine-color-brand-5) 14%,var(--mantine-color-body))}.whm-replenish-stock.is-empty{color:var(--mantine-color-red-7);border-color:color-mix(in srgb,var(--mantine-color-red-6) 35%,var(--whm-surface-border));background:color-mix(in srgb,var(--mantine-color-red-6) 12%,var(--mantine-color-body))}.whm-replenish-suggest{flex:1;min-width:0;padding:8px 12px;border-radius:var(--mantine-radius-md);font-size:var(--mantine-font-size-sm);font-weight:700;line-height:1.3;text-align:left;color:var(--mantine-color-white);background:var(--mantine-color-brand-6)}.whm-replenish-suggest:hover{background:var(--mantine-color-brand-7)}