/* A financial overview: expense total, destinations, supporting inventory. */
.management-overview {
  --mo-ink:#292a2d;--mo-muted:#65626c;--mo-line:#7d74831f;--mo-surface:#eae8ee;--mo-card:#f7f5f7;--mo-tint:#e2dce9;--mo-warning:#795016;--mo-radius:32px;--mo-mesh-opacity:.28;--mo-mesh-duration:42s;--mo-mesh-delay:-8s;--mo-shadow:0 8px 30px #342d3c06;--mo-ease:cubic-bezier(.22,1,.36,1);
  position:relative;max-width:1440px;min-width:0;margin:0 auto;color:var(--mo-ink);font-size:16px;line-height:1.45;container:management-overview/inline-size;
}

html[data-theme="dark"] .management-overview {--mo-ink:#f7f3f6;--mo-muted:#bdb8c2;--mo-line:#f0e5ff17;--mo-surface:#303034;--mo-card:#232326;--mo-tint:#403946;--mo-warning:#efd0a2;--mo-mesh-opacity:.22;--mo-shadow:0 14px 32px #00000016}
body:has(.management-overview) {--page-background:#f0eef2;background:var(--page-background);transition:background-color .6s ease}
html[data-theme="dark"] body:has(.management-overview) {--page-background:#111113}
html[data-theme] body:has(#navigation:not([hidden])):has(.management-overview) {background:var(--page-background)}
body:has(.management-overview) #header .warehouse-context {display:none}
body:has(.management-overview) #header.site-header {position:relative;top:auto;min-height:64px}
body:has(.management-overview) #header.site-header>.brand {display:flex}
body:has(.management-overview .mo-dialog[open]) {overflow:hidden}
.management-overview * {box-sizing:border-box}
.management-overview :is(h1,h2,h3,h4,h5,p,dl,dd) {margin:0}
.management-overview :is(button,a,input,select,summary) {font-family:inherit}
.management-overview :is(button,a,summary) {-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.management-overview :is(button,a,summary):focus-visible {outline:3px solid var(--erp-focus,#9167b3);outline-offset:4px}
.management-overview :is(input,select):focus-visible {outline:3px solid var(--erp-focus,#9167b3);outline-offset:2px}
.management-overview :is(h2,h3,h4,h5,strong,p,small,dt,dd) {overflow-wrap:anywhere}
.management-overview [hidden] {display:none!important}
.management-overview :is(input,select) {min-width:0;max-width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--erp-control-line,var(--mo-line));border-radius:18px;background:var(--mo-card);color:var(--mo-ink);font-size:16px}
.management-overview .button {min-height:44px;border-radius:24px;font-size:16px}
.management-overview :is(.mo-muted,small) {color:var(--mo-muted)}
.mo-topbar {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.mo-heading {min-width:0}
.mo-heading h1 {font-size:clamp(32px,3.5vw,44px);font-weight:400;line-height:1.12;letter-spacing:-1.4px}
.mo-heading p {margin-top:8px;color:var(--mo-muted);font-size:16px}
.mo-eyebrow {display:block;margin-bottom:6px;color:var(--mo-muted);font-size:14px;font-weight:500;letter-spacing:.06em}
.mo-filter-host {min-width:0;max-width:68%;margin-left:auto}
.mo-report-caption {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 16px;color:var(--mo-muted);font-size:14px}
.mo-report-caption p {display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.mo-caption-separator {opacity:.5}
.mo-caption-actions {display:flex;align-items:center;gap:8px;flex:none}
.mo-caption-actions .mo-text-link {font-size:14px;color:var(--mo-muted)}
.mo-info-mark {display:inline-grid;place-items:center;width:24px;height:24px;border:1.5px solid currentColor;border-radius:50%;font-family:serif;font-size:16px}
.mo-icon-button {display:inline-grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--mo-line);border-radius:50%;background:var(--mo-card);color:var(--mo-ink);font-size:28px;line-height:1;cursor:pointer}
.mo-icon-button svg {width:24px;height:24px}
.mo-icon-button:hover {background:var(--mo-surface)}
.mo-message {display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0;padding:24px;border-radius:24px;background:var(--mo-surface);font-size:16px}
.mo-message:empty {display:none}
html[data-theme] .management-overview [data-mo-message] {position:fixed;z-index:50;right:24px;bottom:24px;max-width:min(520px,calc(100vw - 32px));margin:0;padding:12px 16px;gap:10px;border:1px solid var(--mo-line);border-radius:20px;background:var(--mo-card);color:var(--mo-ink);box-shadow:0 8px 32px #0002;font-size:14px;line-height:1.4}
.management-overview [data-mo-result][aria-busy="true"] {cursor:progress}
.mo-loading-dashboard .mo-hero-value,.mo-loading-dashboard .mo-metric>strong {color:var(--mo-muted)}
.mo-loading-line {display:block;width:80%;height:12px;margin-top:20px;border-radius:8px;background:var(--mo-line)}
.mo-loading-line-short {width:52%;margin-top:8px}
.mo-loading-panels {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mo-loading-panels>.mo-panel {min-height:220px}
@media(max-width:720px) {.mo-loading-panels {grid-template-columns:1fr}html[data-theme] .management-overview [data-mo-message] {right:16px;bottom:calc(104px + env(safe-area-inset-bottom,0px))}}
.mo-dashboard {display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.mo-summary {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch;gap:16px;min-width:0}
.mo-summary-side {display:grid;align-content:start;gap:12px;min-width:0}
.mo-summary-side:has(.mo-invoice-card) {grid-template-rows:minmax(0,1fr) auto;align-content:stretch}
.mo-dashboard>.oi-stack {align-self:start;min-width:0}
.mo-panel {min-width:0;margin:0;padding:26px;border:1px solid var(--mo-line);border-radius:var(--mo-radius);background:var(--mo-card)}
.mo-section-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:18px}
.mo-section-heading>div {min-width:0}
.mo-section-heading h2 {font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.7px}
.mo-section-heading p {margin-top:6px;color:var(--mo-muted);font-size:16px}
.mo-period-tag,.mo-warehouse-tag {font-size:14px;color:var(--mo-muted)}
.mo-warehouse-tag {max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 13px;border-radius:24px;background:var(--mo-surface)}
.mo-text-link {display:inline-flex;align-items:center;justify-content:start;gap:8px;min-height:44px;padding:8px 0;border:0;background:none;color:var(--mo-ink);font-size:16px;font-weight:500;line-height:1.35;text-decoration:none;cursor:pointer}
.mo-text-link:hover {text-decoration:underline;text-underline-offset:4px}
.mo-text-link svg,.mo-soft-button svg,.mo-primary-button svg {width:22px;height:22px;flex:none}
.mo-soft-button,.mo-back-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--mo-line);border-radius:25px;background:var(--mo-surface);color:var(--mo-ink);font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;cursor:pointer}
.mo-soft-button:hover,.mo-back-button:hover {background:var(--mo-tint)}
.mo-back-button {margin-bottom:18px}

/* Reference composition, with the clinic's mint, peach and lavender mesh. */
.mo-visually-hidden {position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
.mo-hero {position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:start;gap:12px;min-width:0;min-height:370px;padding:36px 28px 24px;border:1px solid #c5bbcd55;border-radius:32px;overflow:hidden;background:#e8dce1;color:#262a27;--mo-mesh-opacity:1;--mo-mesh-duration:38s;--mo-mesh-delay:-9s}
.mo-hero::before {content:"";position:absolute;top:13px;left:calc(50% - 15px);width:30px;height:3px;border-radius:2px;background:#242925}
.mo-hero h2 {max-width:100%;margin-bottom:2px;font-size:18px;line-height:1}
.mo-dot-title {display:block;width:260px;max-width:100%;height:auto;color:#26332e}
.mo-hero-value {position:relative;z-index:1;max-width:100%;font-size:clamp(42px,4.2cqw,60px);font-weight:500;line-height:1.08;letter-spacing:-2.2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mo-hero-caption {position:relative;z-index:1;max-width:34ch;color:#414a41;font-size:16px}
.mo-pending {display:block;color:var(--mo-warning)!important;font-size:14px;line-height:1.45}
.mo-hero>.mo-pending {position:relative;z-index:1;max-width:34ch;color:#68431a!important}
.mo-hero-footer {position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:12px}
.mo-primary-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 19px;border:1px solid transparent;border-radius:28px;background:#292c29;color:#fffdf7;font-size:16px;line-height:1.3;font-weight:500;cursor:pointer;text-decoration:none}
.mo-primary-button:hover {background:#43473e}
.mo-action-capsule {display:inline-flex;align-items:center;flex:none;gap:2px;padding:4px;border:1px solid #131b1880;border-radius:32px;background:#282e2a;box-shadow:0 2px 3px #3a45401a}
.mo-action-capsule .mo-primary-button {background:#fffef8;color:#252c27;padding-inline:16px}
.mo-action-capsule .mo-primary-button:hover {background:#e4f0e7}
.mo-year-button {display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:60px;min-height:48px;padding:10px 12px;border:0;border-radius:26px;background:transparent;color:#fffef8;font-size:16px;line-height:1.3;cursor:pointer}
.mo-year-button:hover {background:#ffffff18}
.mo-rosette {display:block;flex:0 1 76px;min-width:44px;width:76px;height:auto;color:#28242e;pointer-events:none}
.mo-trend-mini {position:relative;z-index:1;display:grid;gap:10px;width:100%;min-height:122px;margin-top:auto;padding:12px 0 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.mo-mini-chart {display:flex;align-items:stretch;justify-content:space-between;gap:5px;width:100%}
.mo-mini-column {display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:end;gap:7px;min-width:0}
.mo-mini-column>span:first-child {display:flex;align-items:end;justify-content:center;width:100%;height:70px}
.mo-mini-column i {display:block;width:min(100%,20px);height:0;min-height:0;border-radius:7px;background:#526d63}
.mo-mini-return i {background:#876d93}
.mo-mini-incomplete i {background-image:repeating-linear-gradient(135deg,transparent 0 3px,#ffffff55 3px 4px)}
.mo-mini-month,.mo-mini-caption {font-size:14px;line-height:1.3;color:#414a41}
.mo-mini-caption {display:flex;align-items:center;justify-content:space-between;gap:8px}
.mo-trend-mini:hover i {filter:brightness(.9)}

/* Cabinet rows lead directly to the category and material detail sheet. */
.mo-expenses {display:flex;flex-direction:column}
.mo-expense-preview {display:grid;align-content:start;gap:6px;flex:1}
.mo-expense-row {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:0 14px;width:100%;min-height:69px;padding:9px 8px 10px;border:0;border-radius:16px;background:transparent;color:var(--mo-ink);text-align:left;cursor:pointer}
.mo-expense-row:hover {background:var(--mo-surface)}
.mo-expense-name {grid-row:1;min-width:0}
.mo-expense-name>strong {display:block;font-size:16px;font-weight:500;line-height:1.3}
.mo-expense-name>small {display:block;margin-top:4px;font-size:14px;line-height:1.3}
.mo-expense-value {grid-column:2;grid-row:1;max-width:100%;font-size:22px;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums;text-align:right}
.mo-expense-arrow {grid-column:3;grid-row:1;width:22px;height:22px;color:var(--mo-muted)}
.mo-expense-arrow svg {width:22px;height:22px}
.mo-expense-bar {grid-column:1/3;display:block;height:4px;margin-top:10px;overflow:hidden;border-radius:4px;background:var(--mo-line)}
.mo-expense-bar>span {display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c9f92,#b4a0c7)}
.mo-expense-bar-return>span {background:#aa85ba}
.mo-preview-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:10px;border-top:1px solid var(--mo-line)}
.mo-preview-footer>span {font-size:14px;color:var(--mo-muted)}
.mo-preview-footer .mo-text-link {flex:none}
.mo-clear-state {display:grid;justify-items:center;align-content:center;gap:10px;min-height:210px;padding:24px 16px;text-align:center}
.mo-clear-state>span {display:grid;place-items:center;width:52px;height:52px;margin-bottom:4px;border-radius:50%;background:var(--mo-tint);color:var(--mo-ink);font-size:26px}
.mo-clear-state h3 {font-size:20px;font-weight:500}
.mo-clear-state p {max-width:34ch;font-size:16px;color:var(--mo-muted)}
.mo-expense-empty {min-height:230px}

/* Supporting figures and quick actions share readable typography and icons. */
.mo-secondary-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.mo-metric {display:flex;flex-direction:column;align-items:start;gap:10px;min-width:0;min-height:215px;padding:24px;border:1px solid var(--mo-line);border-radius:var(--mo-radius);background:var(--mo-card)}
.mo-metric-top {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin-bottom:8px}
.mo-metric h2 {font-size:16px;font-weight:500;line-height:1.3}
.mo-metric-icon {display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--mo-line);border-radius:50%;background:var(--mo-surface);color:var(--mo-ink)}
.mo-metric-icon svg {width:24px;height:24px}
.mo-metric>strong {max-width:100%;font-size:clamp(28px,2.9cqw,40px);font-weight:400;line-height:1.15;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.mo-metric p {font-size:14px;color:var(--mo-muted)}
.mo-metric>.mo-text-link,.mo-metric-footnote {margin-top:auto}
.mo-metric-footnote {font-size:14px;color:var(--mo-muted)}
.mo-metric-quarantine {background:var(--mo-surface)}
.mo-invoice-card {position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:0;min-width:0;min-height:245px;padding:12px 22px 24px;border:1px solid #797c7833;border-radius:var(--mo-radius);overflow:hidden;background:#252725;color:#fffdf8;text-decoration:none;--mo-mesh-opacity:.86;--mo-mesh-duration:46s;--mo-mesh-delay:-17s}
.mo-invoice-card>span:last-child:not(.mo-invoice-caption) {display:none}
.mo-invoice-art {display:block;flex:none;width:160px;max-width:100%;height:auto;margin:auto;object-fit:contain;filter:drop-shadow(0 3px 9px #b4c7c315)}
.mo-invoice-caption {position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:48px}
.mo-invoice-badge {display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#b1cbc215;color:#fffef8}
.mo-invoice-badge svg {width:25px;height:25px;fill:#fffef8;stroke:#6e8179;stroke-width:1.3}
.mo-invoice-copy {min-width:0}
.mo-invoice-card strong {display:block;font-size:20px;font-weight:400;line-height:1.25;letter-spacing:-.5px;text-wrap:balance}
.mo-invoice-card:hover {box-shadow:inset 0 0 0 1px #cfdfd477}
.mo-management {grid-column:1/-1;padding:22px 26px}
.mo-management .mo-section-heading {margin-bottom:16px}
.mo-management .mo-section-heading h2 {font-size:22px}
.mo-management-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mo-management-link {display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:12px;min-width:0;min-height:80px;padding:14px;border:1px solid transparent;border-radius:20px;background:var(--mo-surface);color:var(--mo-ink);text-decoration:none}
.mo-management-link:hover {background:var(--mo-tint);border-color:var(--mo-line)}
.mo-management-icon {display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--mo-card)}
.mo-management-icon svg {width:24px;height:24px}
.mo-management-link strong {display:block;font-size:16px;font-weight:500;line-height:1.3}
.mo-management-link small {display:block;margin-top:4px;font-size:14px;line-height:1.3}
.mo-management-link>span:last-child {color:var(--mo-muted);font-size:20px}

/* Slow, independently phased mesh layers keep financial content stationary. */
.mo-dashboard :is(.mo-hero,.mo-panel,.mo-metric,.mo-invoice-card) {position:relative;isolation:isolate;overflow:hidden;box-shadow:var(--mo-shadow);transition:background-color .65s ease,border-color .5s ease,box-shadow .6s var(--mo-ease),transform .6s var(--mo-ease),color .45s ease}
.mo-dashboard :is(.mo-hero,.mo-panel,.mo-metric,.mo-invoice-card)::after {content:"";position:absolute;z-index:-1;inset:-18%;pointer-events:none;background:radial-gradient(ellipse at 4% 88%,#91cfc5 0,transparent 54%),radial-gradient(ellipse at 96% 95%,#b59bd6 0,transparent 54%),radial-gradient(ellipse at 60% 120%,#e8bba2 0,transparent 55%);opacity:var(--mo-mesh-opacity);transform-origin:50% 70%;animation:mo-mesh-drift var(--mo-mesh-duration) ease-in-out var(--mo-mesh-delay) infinite alternate}
.mo-dashboard .mo-hero::after {background:radial-gradient(ellipse at 5% 5%,#71d2c9 0,transparent 61%),radial-gradient(ellipse at 98% 90%,#c09bdf 0,transparent 59%),radial-gradient(ellipse at 63% 60%,#f4c09b 0,transparent 65%),radial-gradient(ellipse at 80% 0,#f0e6e0 0,transparent 45%)}
.mo-dashboard .mo-invoice-card::after {inset:-8%;background:radial-gradient(ellipse 80% 57% at 0 115%,#a4d6d0 0,transparent 88%),radial-gradient(ellipse 70% 52% at 55% 120%,#e8c2a7 0,transparent 88%),radial-gradient(ellipse 75% 58% at 112% 114%,#c7a7d8 0,transparent 88%)}
.mo-expenses {--mo-mesh-opacity:.15;--mo-mesh-duration:54s;--mo-mesh-delay:-24s}
.mo-metric-inventory {--mo-mesh-duration:44s;--mo-mesh-delay:-6s}
.mo-dashboard .mo-metric-inventory::after {background:radial-gradient(ellipse at 5% 95%,#88c7bd 0,transparent 69%),radial-gradient(ellipse at 90% 120%,#c9d8ac 0,transparent 65%)}
.mo-metric-receipts {--mo-mesh-duration:48s;--mo-mesh-delay:-21s}
.mo-dashboard .mo-metric-receipts::after {background:radial-gradient(ellipse at 95% 100%,#c9a2d9 0,transparent 68%),radial-gradient(ellipse at 10% 120%,#eac7a7 0,transparent 67%)}
.mo-metric-quarantine {--mo-mesh-opacity:.14;--mo-mesh-duration:52s;--mo-mesh-delay:-31s;background:var(--mo-card)}
.mo-management {--mo-mesh-opacity:.18;--mo-mesh-duration:56s;--mo-mesh-delay:-15s}
html[data-theme="dark"] .mo-metric {--mo-mesh-opacity:.28}
html[data-theme="dark"] .mo-metric-quarantine {--mo-mesh-opacity:.13}
.mo-metric-icon {border-color:transparent;background:#ffffff7d;box-shadow:0 1px 0 #ffffff80 inset}
html[data-theme="dark"] .mo-metric-icon {background:#ffffff0b;box-shadow:0 1px 0 #ffffff12 inset}
.mo-management-link {position:relative;min-height:94px;border-radius:25px;background:#ffffff6e;border-color:#ffffff40}
html[data-theme="dark"] .mo-management-link {background:#ffffff06;border-color:#ffffff0b}
.mo-management-icon {border-radius:50%;background:#ffffff99}
html[data-theme="dark"] .mo-management-icon {background:#ffffff0c}
.mo-expense-row {padding-inline:14px;border-radius:20px}
.mo-expense-bar {height:3px;background:var(--mo-line)}
.mo-expense-bar>span {background:linear-gradient(90deg,#83bdb1,#b8a0ce)}
.mo-expense-bar-return>span {background:#aa85ba}
.mo-expense-name>strong,.mo-section-heading h2 {font-weight:400}
.management-overview :is(.mo-icon-button,.mo-soft-button,.mo-text-link,.mo-primary-button,.mo-year-button,.mo-expense-row,.mo-management-link,.mo-clinic-card,summary) {transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .5s var(--mo-ease),transform .5s var(--mo-ease)}
.mo-invoice-art {transition:transform .9s var(--mo-ease)}
.mo-dashboard :is(.mo-panel,.mo-metric,.mo-invoice-card):focus-within {border-color:#aa96bba8;box-shadow:0 0 0 1px #b49cc433,var(--mo-shadow)}
.mo-management-link:focus-visible {background:var(--mo-tint)}

/* Light reference: a quiet silver canvas, milk glass and one graphite metric. */
html[data-theme="light"] body:has(.management-overview) {--page-background:#dcddda}
html[data-theme="light"] .management-overview {
  --mo-ink:#282c29;--mo-muted:#575d58;--mo-line:#3a463514;--mo-surface:#e1e3de;
  --mo-card:#f4f5f0;--mo-tint:#d9e3dc;--mo-warning:#795018;--mo-mesh-opacity:.18;
  --mo-shadow:inset 0 1px 0 #ffffff66,0 5px 18px #27302704;
}
html[data-theme="light"] .mo-hero {background:#eee6df;border-color:#ffffff36}
html[data-theme="light"] .mo-dashboard .mo-hero::after {
  background:radial-gradient(ellipse at 2% 5%,#88ded4 0,transparent 62%),radial-gradient(ellipse at 100% 100%,#c9a6e7 0,transparent 60%),radial-gradient(ellipse at 58% 65%,#ffcca7 0,transparent 66%),radial-gradient(ellipse at 92% 2%,#f9f3e9 0,transparent 52%);
}
html[data-theme="light"] .mo-expenses {--mo-mesh-opacity:.09;border-color:#ffffff50;background:#f4f5f0}
html[data-theme="light"] .mo-metric-inventory {
  --mo-ink:#fafaf4;--mo-muted:#d1d6cf;--mo-warning:#f1d4ae;--mo-line:#ffffff1f;
  --mo-mesh-opacity:.22;background:#303632;color:var(--mo-ink);border-color:#ffffff14;
  box-shadow:inset 0 1px 0 #ffffff13;
}
html[data-theme="light"] .mo-dashboard .mo-metric-inventory::after {
  background:radial-gradient(ellipse at 0 0,#698e7a 0,transparent 62%),radial-gradient(ellipse at 110% 110%,#94739e 0,transparent 65%);
}
html[data-theme="light"] .mo-metric-inventory .mo-metric-icon {background:#ffffff10;box-shadow:inset 0 1px 0 #ffffff15}
html[data-theme="light"] .mo-metric-receipts {--mo-mesh-opacity:.14;background:#f0f0ec;border-color:#ffffff50}
html[data-theme="light"] .mo-metric-quarantine {--mo-muted:#515750;--mo-mesh-opacity:.1;background:#cfd3cc;border-color:#ffffff36}
html[data-theme="light"] .mo-invoice-card {
  --mo-mesh-opacity:.85;background:#c3c8c1;border-color:#ffffff40;color:#2d382f;
  box-shadow:inset 0 1px 0 #ffffff33;
}
html[data-theme="light"] .mo-invoice-badge {background:#ffffff35;color:#2d382f}
html[data-theme="light"] .mo-invoice-badge svg {fill:#fafbf5;stroke:#526557}
html[data-theme="light"] .mo-management {--mo-mesh-opacity:.1;background:#e6e7e2;border-color:#ffffff30}
html[data-theme="light"] .mo-management-link {background:#f9faf4b8;border-color:#ffffff45}
html[data-theme="light"] .mo-management-link:hover,
html[data-theme="light"] .mo-management-link:focus-visible {background:var(--mo-tint)}
html[data-theme="light"] .mo-warehouse-tag {background:#d6dcd3}

@media (hover:hover) and (pointer:fine) {
  .mo-dashboard :is(.mo-hero,.mo-panel,.mo-metric,.mo-invoice-card):hover {transform:translateY(-3px);border-color:#a39aaa80;box-shadow:0 15px 38px #33243815}
  html[data-theme="dark"] .mo-dashboard :is(.mo-hero,.mo-panel,.mo-metric,.mo-invoice-card):hover {box-shadow:0 15px 38px #00000040;border-color:#d2bbdf42}
  .mo-invoice-card:hover .mo-invoice-art {transform:translateY(-4px) rotate(-3deg) scale(1.025)}
  .mo-management-link:hover {transform:translateY(-2px);background:var(--mo-tint)}
  .mo-expense-row:hover {background:var(--mo-surface)}
  .management-overview :is(.mo-icon-button,.mo-soft-button,.mo-primary-button,.mo-year-button):hover {transform:translateY(-1px)}
}
@keyframes mo-mesh-drift {
  0% {transform:translate3d(-3%,-2%,0) rotate(-5deg) scale(1.04);opacity:calc(var(--mo-mesh-opacity) * .9)}
  50% {transform:translate3d(3%,2%,0) rotate(2deg) scale(1.1);opacity:var(--mo-mesh-opacity)}
  100% {transform:translate3d(-1%,4%,0) rotate(6deg) scale(1.06);opacity:calc(var(--mo-mesh-opacity) * .94)}
}

/* Cabinet → category → material hierarchy, with details shown on demand. */
.mo-dialog {position:fixed;inset:0;width:min(900px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:min(88dvh,960px);margin:auto;padding:0;border:1px solid var(--mo-line);border-radius:32px;background:var(--mo-card);color:var(--mo-ink);box-shadow:var(--erp-modal-shadow,0 24px 100px #10101044);overflow:hidden;overscroll-behavior:contain}
.mo-dialog:not([open]) {display:none}
.mo-dialog[open] {display:flex;flex-direction:column;animation:mo-dialog-in .18s ease both}
.mo-dialog::backdrop {background:#1113117a;backdrop-filter:blur(8px)}
.mo-dialog-small {width:min(620px,calc(100vw - 48px))}
.mo-dialog-handle {display:none}
.mo-dialog-heading {display:flex;align-items:start;justify-content:space-between;gap:20px;flex:none;padding:26px 28px 22px;border-bottom:1px solid var(--mo-line)}
.mo-dialog-heading>div {min-width:0}
.mo-dialog-heading h2 {font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.7px}
.mo-dialog-heading p {margin-top:9px;font-size:14px;color:var(--mo-muted)}
.mo-dialog-heading .mo-icon-button {background:var(--mo-surface)}
.mo-dialog-body {min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 28px 28px;scrollbar-width:thin;scrollbar-color:var(--mo-muted) transparent}
.mo-search {display:grid;gap:8px;min-width:0;font-size:14px}
.mo-search input {width:100%;background:var(--mo-surface)}
.mo-list-caption {margin:14px 0!important;font-size:14px;color:var(--mo-muted)}
.mo-cabinet-list {display:grid;gap:12px}
.mo-cabinet {min-width:0;border:1px solid var(--mo-line);border-radius:24px;background:var(--mo-surface);overflow:hidden}
.management-overview :is(.mo-cabinet,.mo-category,.mo-product,.mo-cabinet-history)>summary {display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:12px;min-height:76px;padding:18px 20px;list-style:none;cursor:pointer;user-select:none}
.management-overview summary::-webkit-details-marker {display:none}
.management-overview :is(.mo-cabinet,.mo-category,.mo-product,.mo-cabinet-history)>summary:hover {background:var(--mo-tint)}
.management-overview summary>span {min-width:0}
.mo-cabinet-name>strong {font-size:18px;font-weight:500}
.mo-cabinet summary small,.mo-category summary small {display:block;margin-top:4px;font-size:14px;line-height:1.35}
.mo-cabinet-value {text-align:right;font-variant-numeric:tabular-nums}
.mo-cabinet-value>strong {font-size:24px;font-weight:500;letter-spacing:-.5px}
.mo-chevron {display:block;width:22px;height:22px;color:var(--mo-muted);text-align:center;transition:transform .18s ease}
.mo-chevron svg {display:block;width:22px;height:22px}
.management-overview details[open]>summary>.mo-chevron {transform:rotate(180deg)}
.mo-cabinet-detail {padding:0 20px 20px}
.mo-flow-note {display:flex;flex-wrap:wrap;gap:10px 24px;padding:15px 0;border-top:1px solid var(--mo-line);font-size:14px;color:var(--mo-muted)}
.mo-flow-note strong {color:var(--mo-ink);font-weight:500;font-variant-numeric:tabular-nums}
.mo-categories {display:grid;gap:10px;margin-top:16px}
.mo-category {min-width:0;border:1px solid var(--mo-line);border-radius:18px;background:var(--mo-card);overflow:hidden}
.management-overview .mo-category>summary {min-height:72px;padding:16px;gap:10px}
.mo-category>summary strong {font-size:16px;font-weight:500}
.mo-category>summary>strong {font-variant-numeric:tabular-nums;text-align:right}
.mo-products {display:grid;gap:0;padding:0 16px 12px}
.mo-product {min-width:0;border-top:1px solid var(--mo-line)}
.management-overview .mo-product>summary {min-height:72px;padding:16px 0;gap:12px;background:none}
.mo-product-heading>strong {display:block;font-size:16px;font-weight:500;line-height:1.4}
.mo-product-heading>small,.mo-product-heading>.mo-muted {display:block;margin-top:4px;font-size:14px;color:var(--mo-muted)}
.mo-archived {display:block;margin-top:4px;font-size:14px;color:var(--mo-muted)}
.mo-product-spend {font-variant-numeric:tabular-nums;text-align:right}
.mo-product-spend>strong {font-size:18px;font-weight:500}
.mo-product-spend>small {display:block;font-size:14px}
.mo-product-details {padding:0 0 18px}
.mo-product-figures {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0!important}
.mo-product-figures dt {font-size:14px;color:var(--mo-muted)}
.mo-product-figures dd {margin-top:5px;font-size:16px;font-variant-numeric:tabular-nums}
.mo-stock h5 {margin:22px 0 8px;font-size:16px;font-weight:500}
.mo-stock-row {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--mo-line)}
.mo-stock-row:last-child {border:0}
.mo-stock-row>div {min-width:0}
.mo-stock-row :is(strong,span,small) {display:block}
.mo-stock-row strong {font-size:16px;font-weight:500}
.mo-stock-row span {margin-top:4px;font-size:14px}
.mo-stock-row small {margin-top:5px;font-size:14px}
.mo-stock-row .mo-text-link {flex:none}
.mo-product-suppliers {margin-top:12px!important;color:var(--mo-muted);font-size:14px;line-height:1.5}
.mo-product-link {margin-top:8px}
.mo-show-more {margin-top:18px}
.mo-empty {padding:20px 0;color:var(--mo-muted);font-size:16px}
.mo-cabinet-history {margin-top:18px;border:1px solid var(--mo-line);border-radius:18px;overflow:hidden}
.management-overview .mo-cabinet-history>summary {grid-template-columns:minmax(0,1fr) 22px;min-height:64px;padding:14px 16px;font-size:16px}
.mo-cabinet-history .mo-monthly {margin:0;padding:0 16px 16px;border:0}
.mo-clinic-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mo-clinic-card {display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:9px 12px;min-width:0;padding:22px;border:1px solid var(--mo-line);border-radius:24px;background:var(--mo-surface);color:var(--mo-ink);text-align:left;cursor:pointer}
.mo-clinic-card:hover {background:var(--mo-tint)}
.mo-clinic-card>span:first-child {font-size:18px;overflow-wrap:anywhere}
.mo-clinic-card>strong {grid-column:1;font-size:28px;font-weight:500;font-variant-numeric:tabular-nums}
.mo-clinic-card>small {grid-column:1;font-size:14px}
.mo-clinic-arrow {grid-column:2;grid-row:1/4;font-size:22px}
.mo-quarantine-list article {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid var(--mo-line)}
.mo-quarantine-list article:first-child {padding-top:0;border:0}
.mo-quarantine-list article>div {min-width:0}
.mo-quarantine-list h3 {font-size:18px;font-weight:500}
.mo-quarantine-list p,.mo-quarantine-list small {margin-top:5px;font-size:14px;color:var(--mo-muted)}
.mo-quarantine-list .mo-text-link {flex:none}
.mo-accounting-details {display:grid;gap:22px}
.mo-accounting-details dt {margin-bottom:6px;font-size:18px;font-weight:500}
.mo-accounting-details dd {font-size:16px;color:var(--mo-muted);line-height:1.6}
.mo-accounting-note {margin-top:22px!important;font-size:14px;color:var(--mo-muted);line-height:1.6}
.mo-monthly {margin:20px 0;padding:20px 0;border-block:1px solid var(--mo-line)}
.mo-monthly>header {margin-bottom:16px}
.mo-monthly h4 {font-size:18px;font-weight:500}
.mo-monthly>header p {margin-top:6px;font-size:14px;color:var(--mo-muted)}
.mo-month-list {display:grid;gap:8px}
.mo-month-row {display:grid;grid-template-columns:minmax(130px,.9fr) minmax(80px,1fr) minmax(100px,.75fr);align-items:center;gap:16px;min-height:54px;padding:9px 0}
.mo-month-name strong {display:block;font-size:16px;font-weight:500;text-transform:capitalize}
.mo-month-name small {display:block;margin-top:4px;font-size:14px}
.mo-month-track {position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:8px;border-radius:6px;background:var(--mo-surface)}
.mo-month-track::after {content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:var(--mo-muted);opacity:.45}
.mo-month-track>span {display:flex;min-width:0;height:8px}
.mo-month-negative {justify-content:end}
.mo-month-track i {display:block;width:0;height:100%;border-radius:6px;background:#7c9f92}
.mo-month-negative i {background:#aa85ba}
.mo-month-value {text-align:right;font-variant-numeric:tabular-nums}
.mo-month-value strong {font-size:18px;font-weight:500}
.mo-month-value small {display:block;margin-top:4px;font-size:14px;line-height:1.35}
.mo-dialog[data-mo-dialog="months"] .mo-monthly {margin:0;padding:0;border:0}
.mo-dialog[data-mo-dialog="months"] .mo-monthly>header h4 {display:none}

@container management-overview (max-width:1100px) {
  .mo-secondary-grid,.mo-management-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .mo-metric {min-height:205px}
  .mo-panel {padding:24px}
  .mo-hero {padding:36px 26px 24px}
  .mo-expense-value {font-size:20px}
}
@container management-overview (max-width:850px) {
  .mo-topbar {align-items:start;flex-direction:column;gap:18px;margin-bottom:18px}
  .mo-filter-host {width:100%;max-width:none;margin:0}
  .mo-dashboard {grid-template-columns:minmax(0,1fr);gap:14px}
  .mo-summary {gap:14px}
  .mo-hero {min-height:315px;padding:34px 26px 22px}
  .mo-hero-value {font-size:54px}
  .mo-hero-caption {max-width:40ch}
  .mo-hero-footer {padding-top:16px}
  .mo-secondary-grid {gap:14px}
  .mo-expense-row:nth-child(n+4) {display:none}
  .mo-expense-row {min-height:66px}
  .mo-expenses .mo-section-heading {margin-bottom:12px}
  .mo-expense-empty {min-height:170px}
  .mo-trend-mini {margin-top:8px}
}
@container management-overview (max-width:550px) {
  .mo-heading {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
  .mo-heading h1 {font-size:34px;letter-spacing:-1.1px}
  .mo-heading p {margin-top:0;font-size:14px}
  .mo-topbar {gap:14px;margin-bottom:10px}
  .mo-report-caption {gap:8px;margin-bottom:12px}
  .mo-report-caption p {gap:5px;line-height:1.4}
  .mo-caption-actions {gap:4px}
  .mo-caption-actions .mo-text-link {width:44px;justify-content:center}
  .mo-caption-actions .mo-text-link>span:last-child {display:none}
  .mo-hero {min-height:295px;padding:32px 20px 18px;border-radius:30px;gap:8px}
  .mo-dot-title {width:230px}
  .mo-hero-caption {font-size:14px}
  .mo-hero-value {font-size:46px;letter-spacing:-1.7px}
  .mo-hero-footer {gap:8px;padding-top:6px}
  .mo-action-capsule .mo-primary-button {padding-inline:12px;gap:7px}
  .mo-year-button {padding-inline:10px;min-width:56px}
  .mo-rosette {flex-basis:64px;width:64px}
  .mo-panel {padding:20px;border-radius:28px}
  .mo-section-heading {gap:10px;margin-bottom:14px}
  .mo-section-heading h2 {font-size:24px}
  .mo-section-heading p {font-size:14px}
  .mo-period-tag {display:none}
  .mo-expense-row {gap:0 9px;padding:10px 0;min-height:68px}
  .mo-expense-value {font-size:20px;max-width:135px}
  .mo-expense-bar {margin-top:9px}
  .mo-preview-footer {gap:8px;margin-top:12px;padding-top:8px}
  .mo-preview-footer>span {max-width:43%;font-size:14px}
  .mo-preview-footer .mo-text-link {font-size:14px}
  .mo-secondary-grid {gap:12px}
  .mo-metric {min-height:202px;padding:17px 15px;gap:9px;border-radius:27px}
  .mo-metric-top {align-items:center;gap:6px;margin-bottom:7px}
  .mo-metric h2 {font-size:14px}
  .mo-metric>strong {font-size:29px;letter-spacing:-.8px}
  .mo-metric .mo-text-link {font-size:14px}
  .mo-invoice-card {min-height:230px;padding:10px 14px 20px;border-radius:27px}
  .mo-invoice-art {width:140px}
  .mo-invoice-caption {gap:8px}
  .mo-invoice-badge {width:34px;height:34px}
  .mo-invoice-badge svg {width:23px;height:23px}
  .mo-invoice-card strong {font-size:17px}
  .mo-management .mo-section-heading {margin-bottom:14px}
  .mo-management-grid {gap:8px}
  .mo-management-link {grid-template-columns:44px minmax(0,1fr);gap:9px;min-height:76px;padding:10px;border-radius:19px}
  .mo-management-link small,.mo-management-link>span:last-child {display:none}
  .mo-management-link strong {font-size:16px;overflow-wrap:normal;word-break:normal;hyphens:auto}
  .mo-warehouse-tag {padding:8px 10px}
}
@media screen and (max-width:600px) {
  body:not(.camera-mode):has(.management-overview)>.shell {padding-top:16px}
}
@container management-overview (max-width:360px) {
  .mo-panel {padding:18px}
  .mo-hero {padding:32px 16px 18px}
  .mo-dot-title {width:218px}
  .mo-hero-value {font-size:44px}
  .mo-hero-footer {gap:6px;flex-wrap:wrap}
  .mo-rosette {margin-left:auto}
  .mo-metric {padding:16px 12px}
  .mo-metric-top {flex-wrap:wrap;flex-direction:column-reverse;align-items:start;gap:10px}
  .mo-metric>strong {font-size:28px}
  .mo-invoice-card {padding:10px 12px 18px}
  .mo-invoice-art {width:130px}
  .mo-invoice-caption {gap:6px}
  .mo-invoice-card strong {font-size:16px}
  .mo-expense-row {grid-template-columns:minmax(0,1fr) auto 16px;gap:0 7px}
  .mo-expense-value {max-width:110px;font-size:18px}
  .mo-expense-arrow,.mo-expense-arrow svg {width:18px;height:18px}
  .mo-management-link {grid-template-columns:minmax(0,1fr);justify-items:start;gap:8px;padding:12px}
  .mo-soft-button {padding-inline:12px}
}
@container management-overview (max-width:320px) {
  .mo-hero-value {font-size:36px;letter-spacing:-1.4px}
}
@media (max-width:600px) {
  .mo-dialog {inset:auto 0 0;width:100%;max-width:100%;max-height:91dvh;margin:0;padding-bottom:env(safe-area-inset-bottom);border-radius:30px 30px 0 0;border-bottom:0}
  .mo-dialog[open] {animation:mo-sheet-in .2s ease both}
  .mo-dialog-handle {display:block;flex:none;width:36px;height:4px;margin:10px auto 0;border-radius:4px;background:var(--mo-muted);opacity:.45}
  .mo-dialog-heading {gap:14px;padding:18px 20px}
  .mo-dialog-heading h2 {font-size:24px}
  .mo-dialog-heading p {font-size:14px}
  .mo-dialog-body {padding:20px 14px 24px}
  .management-overview :is(.mo-cabinet,.mo-category,.mo-product)>summary {grid-template-columns:minmax(0,1fr) auto 20px;gap:8px;padding:16px 14px;min-height:76px}
  .mo-cabinet-name>strong {font-size:16px}
  .mo-cabinet-value>strong {font-size:21px}
  .mo-cabinet-value {max-width:130px}
  .mo-cabinet-detail {padding:0 12px 14px}
  .management-overview .mo-category>summary {padding:14px 10px;gap:8px}
  .mo-category>summary strong {font-size:16px}
  .mo-category>summary>strong {max-width:110px}
  .mo-products {padding:0 10px 8px}
  .management-overview .mo-product>summary {grid-template-columns:minmax(0,1fr) 20px;padding:16px 0;gap:8px}
  .mo-product-heading {grid-column:1;grid-row:1}
  .mo-product-spend {grid-column:1;grid-row:2;text-align:left}
  .mo-product-spend>small {display:inline;margin-left:8px}
  .mo-product-summary>.mo-chevron {grid-column:2;grid-row:1/3}
  .mo-product-figures {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .mo-product-figures>div:last-child {grid-column:1/-1}
  .mo-stock-row {align-items:start;flex-direction:column;gap:6px}
  .mo-clinic-grid {grid-template-columns:minmax(0,1fr)}
  .mo-quarantine-list article {align-items:start;flex-direction:column;gap:6px}
  .mo-month-row {grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 0}
  .mo-month-track {grid-column:1/-1;grid-row:2;margin-top:3px}
  .mo-month-value {grid-column:2;grid-row:1;max-width:150px}
  .mo-month-value small {max-width:150px}
}
/* Clear actions and soft capsules share the invoice card's generous rhythm. */
.mo-metric {gap:8px;min-height:252px;padding:22px 24px;border-radius:34px}
.mo-metric-top {margin-bottom:10px;min-height:56px}
.mo-metric-icon {width:56px;height:56px;border:1px solid var(--mo-line);background:transparent;box-shadow:none}
.mo-metric-icon svg {width:26px;height:26px}
.mo-metric h2 {font-size:19px;font-weight:400;letter-spacing:-.35px}
.mo-metric>strong {margin-top:3px;font-size:clamp(30px,3.1cqw,42px);font-weight:400;letter-spacing:-1.2px}
.mo-metric p {line-height:1.4}
.mo-metric-action {display:inline-grid;place-items:center;flex:none;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border:1px solid #ffffff15;border-radius:50%;background:#292e2b;color:#f8faf4;font-size:26px;font-weight:400;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .35s ease,color .35s ease,transform .45s var(--mo-ease),box-shadow .45s ease}
.mo-metric-action:hover,.mo-metric-action:focus-visible {background:#4b5b4e;box-shadow:0 4px 15px #1b32272b;transform:rotate(8deg)}
.mo-metric-action:active {transform:scale(.93)}
html[data-theme="dark"] .mo-metric-action,
html[data-theme="light"] .mo-metric-inventory .mo-metric-action {background:#f4f7ee;color:#26332b;border-color:transparent}
html[data-theme="dark"] .mo-metric-action:hover,
html[data-theme="light"] .mo-metric-inventory .mo-metric-action:hover {background:#d9e6db}
.mo-expenses {padding:24px;border-radius:34px}
.mo-expense-preview {gap:10px}
.mo-expense-row {grid-template-columns:46px minmax(0,1fr) auto 36px;gap:0 12px;padding:14px 16px;border:1px solid #ffffff0b;border-radius:32px;background:#ffffff08}
.mo-expense-emblem {grid-column:1;grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--mo-line);border-radius:50%;color:var(--mo-ink);background:#ffffff0c}
.mo-expense-emblem svg {width:21px;height:21px}
.mo-expense-name {grid-column:2}
.mo-expense-value {grid-column:3;font-size:21px}
.mo-expense-arrow {grid-column:4;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff0b}
.mo-expense-arrow svg {width:19px;height:19px}
.mo-expense-bar {grid-column:2/4;height:2px;margin-top:10px}
html[data-theme="light"] .mo-expense-row {background:#ffffff9c;border-color:#ffffff80}
html[data-theme="light"] .mo-expense-emblem {background:#e6ebe280}
html[data-theme="light"] .mo-expense-arrow {background:#e4e9e1}
.mo-preview-footer {border-top:0;padding-top:6px}
.mo-management {padding:22px 24px;border-radius:34px;background:transparent;border-color:var(--mo-line)}
.mo-management-grid {gap:12px}
.mo-management-link {grid-template-columns:48px minmax(0,1fr) 32px;min-height:92px;gap:12px;padding:14px;border-radius:999px}
.mo-management-icon {width:48px;height:48px;background:#ffffff0c;border:1px solid var(--mo-line)}
.mo-management-link>span:last-child {display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff0b}
html[data-theme="light"] .mo-management-link>span:last-child {background:#e1e7dc}
.mo-dialog-heading {align-items:start;flex-shrink:0}
.mo-dialog-back {min-height:44px;margin:0 0 14px;padding:10px 16px;border:1px solid var(--mo-line);border-radius:999px;background:var(--mo-surface);color:var(--mo-ink)}
.mo-dialog-heading>.mo-icon-button {margin-top:0}
@container management-overview (max-width:550px) {
  .mo-metric {min-height:240px;padding:18px 16px;border-radius:30px}
  .mo-metric-top {min-height:50px;margin-bottom:8px}
  .mo-metric-icon {width:50px;height:50px}
  .mo-metric h2 {font-size:16px}
  .mo-metric>strong {font-size:29px;letter-spacing:-1px}
  .mo-expenses {padding:20px 14px;border-radius:30px}
  .mo-expenses .mo-section-heading,.mo-expenses .mo-preview-footer {padding-inline:4px}
  .mo-expense-row {grid-template-columns:36px minmax(0,1fr) auto;gap:0 9px;padding:13px 12px;border-radius:27px}
  .mo-expense-emblem {width:34px;height:34px;grid-row:1/3}
  .mo-expense-emblem svg {width:18px;height:18px}
  .mo-expense-value {grid-column:2;grid-row:2;margin-top:6px;text-align:left;max-width:none;font-size:20px}
  .mo-expense-arrow {grid-column:3;grid-row:1/3;width:32px;height:32px}
  .mo-expense-bar {grid-column:2/4;grid-row:3}
  .mo-management {padding:20px 14px;border-radius:30px}
  .mo-management-link {grid-template-columns:40px minmax(0,1fr);min-height:82px;padding:12px 10px;gap:8px;border-radius:28px}
  .mo-management-icon {width:40px;height:40px}
  .mo-management-link>span:last-child {display:none}
  .mo-management-link strong {font-size:15px}
  .mo-dialog-back {margin-bottom:10px}
}
@container management-overview (max-width:360px) {
  .mo-metric {padding:16px 12px}
  .mo-metric-top {flex-direction:row;flex-wrap:nowrap;align-items:center}
  .mo-metric-icon {width:44px;height:44px}
  .mo-metric>strong {font-size:26px}
  .mo-management-link {grid-template-columns:minmax(0,1fr);border-radius:26px}
}
@media (min-width:1000px) {body:has(#navigation:not([hidden])):has(.management-overview) .shell {padding-bottom:28px}}
@keyframes mo-dialog-in {from {opacity:0;transform:translateY(10px) scale(.99)} to {opacity:1;transform:none}}
@keyframes mo-sheet-in {from {opacity:0;transform:translateY(24px)} to {opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce) {.mo-chevron {transition:none}.management-overview .mo-dialog[open] {animation:none}}

/* Cabinet drilldown shares the quiet, luminous surfaces of the room dossier. */
.mo-cabinet-dialog {
  --room-panel:#ffffffb8;--room-glass:#ffffff80;--room-glow-blue:#bfd9f46b;--room-glow-plum:#e4bedb5c;--room-glow-teal:#a7ded849;
  background:#f4f3f7;width:min(960px,calc(100vw - 48px));border-radius:36px;
}
html[data-theme="dark"] .mo-cabinet-dialog {
  --room-panel:#12141bcc;--room-glass:#ffffff06;--room-glow-blue:#1f5d973d;--room-glow-plum:#74335030;--room-glow-teal:#14686724;
  --mo-card:#14151b;--mo-surface:#1d1f28;--mo-muted:#bcbecb;--mo-line:#d1d6ff1a;background:#101115;
}
.mo-cabinet-dialog .mo-dialog-heading {padding:26px 30px 22px;background:radial-gradient(ellipse at 85% 0,var(--room-glow-blue),transparent 65%)}
.mo-cabinet-dialog .mo-dialog-heading h2 {font-size:clamp(26px,3vw,36px);font-weight:400;letter-spacing:-1px}
.mo-cabinet-dialog .mo-dialog-body {padding:22px 30px 30px}
.mo-cabinet-dialog .mo-dialog-back {background:var(--room-glass);font-weight:400}
.mo-cabinet-dialog .mo-cabinet {border-radius:28px;background:var(--room-panel)}
.mo-cabinet-dialog .mo-cabinet[open] {background:transparent;border-color:transparent}
.management-overview .mo-cabinet-dialog .mo-cabinet[open]>summary {min-height:58px;padding:12px 8px;grid-template-columns:minmax(0,1fr) 22px}
.mo-cabinet-dialog .mo-cabinet[open]>summary>.mo-cabinet-value {display:none}
.mo-cabinet-summary-label {display:none}
.mo-cabinet-dialog[data-mo-focused-cabinet] [data-mo-all-cabinets] {display:none}
.mo-cabinet-dialog[data-mo-focused-cabinet] .mo-cabinet[open]>summary .mo-cabinet-name {display:none}
.mo-cabinet-dialog[data-mo-focused-cabinet] .mo-cabinet[open]>summary .mo-cabinet-summary-label {display:block;color:var(--mo-muted);font-size:14px}
.management-overview .mo-cabinet-dialog .mo-cabinet[open]>summary:hover {background:var(--room-glass);border-radius:18px}
.mo-cabinet-dialog .mo-cabinet[open]>summary .mo-cabinet-name>strong {font-size:18px;font-weight:400}
.mo-cabinet-dialog .mo-cabinet-detail {padding:6px 0 0}
.mo-cabinet-spotlight {position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:28px 28px 30px;border:1px solid var(--mo-line);border-radius:30px;background:radial-gradient(ellipse at 95% 0,var(--room-glow-blue),transparent 70%),radial-gradient(ellipse at 0 100%,var(--room-glow-plum),transparent 65%),radial-gradient(ellipse at 80% 100%,var(--room-glow-teal),transparent 60%),var(--room-panel)}
.mo-cabinet-spotlight-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--mo-muted);font-size:15px}
.mo-cabinet-material-count {padding:7px 12px;border:1px solid var(--mo-line);border-radius:999px;font-size:13px;background:var(--room-glass);text-align:center}
.mo-cabinet-total {display:block;margin:22px 0 8px;font-size:clamp(42px,6vw,68px);font-weight:300;line-height:1.1;letter-spacing:-2.5px;font-variant-numeric:tabular-nums}
.mo-cabinet-spotlight>p {font-size:14px;color:var(--mo-muted)}
.mo-cabinet-spotlight>.mo-pending {display:block;margin-top:12px;font-size:14px}
.mo-cabinet-flow {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px!important}
.mo-cabinet-flow>div {min-width:0;padding:13px 16px;background:var(--room-glass);border:1px solid var(--mo-line);border-radius:22px}
.mo-cabinet-flow dt {display:flex;align-items:center;gap:7px;color:var(--mo-muted);font-size:13px}
.mo-cabinet-flow dt>span {font-size:18px;color:var(--mo-ink)}
.mo-cabinet-flow dd {margin-top:5px;font-size:21px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.mo-cabinet-spectrum {position:absolute;inset:auto 0 0;height:3px;opacity:.8;background:linear-gradient(90deg,#bc8d9e,#b6a1d4 35%,#709cce 65%,#6ab7ac)}
.mo-cabinet-section-label {display:flex;align-items:center;gap:10px;margin:26px 6px 12px}
.mo-cabinet-section-label h3 {font-size:20px;font-weight:400;letter-spacing:-.4px}
.mo-cabinet-section-label>span {display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border:1px solid var(--mo-line);border-radius:50%;font-size:13px;color:var(--mo-muted)}
.mo-cabinet-dialog .mo-categories {margin-top:0;gap:10px}
.mo-cabinet-dialog .mo-category {background:var(--room-panel);border-radius:25px}
.management-overview .mo-cabinet-dialog .mo-category>summary {min-height:82px;padding:18px 20px}
.mo-cabinet-dialog .mo-category>summary>strong {font-size:19px;font-weight:400}
.mo-cabinet-dialog .mo-category summary small {font-size:13px}
.mo-cabinet-dialog .mo-products {padding:0 20px 10px}
.mo-cabinet-dialog .mo-product-figures {padding:16px;border-radius:20px;background:var(--room-glass)}
.mo-cabinet-dialog .mo-cabinet-history {margin-top:18px;border-radius:28px;background:radial-gradient(ellipse at 100% 0,var(--room-glow-blue),transparent 80%),radial-gradient(ellipse at 0 100%,var(--room-glow-plum),transparent 70%),var(--room-panel)}
.management-overview .mo-cabinet-dialog .mo-cabinet-history>summary {min-height:76px;padding:20px;font-size:20px;font-weight:400;letter-spacing:-.4px}
.mo-cabinet-dialog .mo-cabinet-history .mo-monthly {padding:0 20px 22px}
.mo-cabinet-dialog .mo-cabinet-history .mo-monthly h4 {display:none}
.mo-cabinet-dialog .mo-cabinet-history .mo-month-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mo-cabinet-dialog .mo-cabinet-history .mo-month-row {grid-template-columns:minmax(0,1fr);align-content:space-between;gap:14px;min-height:142px;padding:16px;border:1px solid var(--mo-line);border-radius:24px;background:var(--room-glass)}
.mo-cabinet-dialog .mo-cabinet-history .mo-month-name {grid-column:1;max-width:none}
.mo-cabinet-dialog .mo-cabinet-history .mo-month-name strong {font-size:14px;font-weight:400}
.mo-cabinet-dialog .mo-cabinet-history .mo-month-name small {font-size:12px}
.mo-cabinet-dialog .mo-cabinet-history .mo-month-track {grid-column:1;grid-row:3;width:100%;background:var(--mo-line)}
.mo-cabinet-dialog .mo-cabinet-history .mo-month-value {grid-column:1;grid-row:2;max-width:none;text-align:left}
.mo-cabinet-dialog .mo-cabinet-history .mo-month-value strong {font-size:21px;font-weight:400;letter-spacing:-.6px}
.mo-cabinet-dialog .mo-cabinet-history .mo-month-value small {font-size:12px}
@media(max-width:600px) {
  .mo-cabinet-dialog {width:100%;border-radius:30px 30px 0 0}
  .mo-cabinet-dialog .mo-dialog-heading {padding:16px 18px}
  .mo-cabinet-dialog .mo-dialog-body {padding:16px 14px 24px}
  .mo-cabinet-spotlight {padding:22px 18px 26px;border-radius:26px}
  .mo-cabinet-spotlight-heading {gap:10px;font-size:14px}
  .mo-cabinet-material-count {font-size:12px;padding:7px 10px}
  .mo-cabinet-total {font-size:clamp(36px,10vw,52px);letter-spacing:-1.8px}
  .mo-cabinet-flow {gap:8px;margin-top:22px!important}
  .mo-cabinet-flow>div {padding:12px;border-radius:18px}
  .mo-cabinet-flow dd {font-size:19px}
  .management-overview .mo-cabinet-dialog .mo-category>summary {padding:16px 14px}
  .mo-cabinet-dialog .mo-category>summary>strong {font-size:17px}
  .mo-cabinet-dialog .mo-products {padding:0 14px 8px}
  .mo-cabinet-dialog .mo-product-figures {padding:12px;gap:10px}
  .mo-cabinet-dialog .mo-cabinet-history .mo-month-list {grid-template-columns:repeat(2,minmax(0,1fr))}
  .mo-cabinet-dialog .mo-cabinet-history .mo-monthly {padding:0 14px 18px}
  .mo-cabinet-dialog .mo-cabinet-history .mo-month-row {padding:14px;border-radius:21px}
}
@media (prefers-reduced-motion:reduce) {
  body:has(.management-overview),.management-overview *,.management-overview *::before,.management-overview *::after {animation:none!important;transition:none!important}
  .mo-dashboard :is(.mo-hero,.mo-panel,.mo-metric,.mo-invoice-card):hover,.mo-invoice-card:hover .mo-invoice-art,.mo-management-link:hover,.management-overview :is(.mo-icon-button,.mo-soft-button,.mo-primary-button,.mo-year-button):hover {transform:none}
}

/* Home uses one considered material in either theme, with compact factual
   metadata and large figures rather than decorative empty card space. */
@media screen {
  html[data-theme] .management-overview .mo-dashboard {
    --mo-home-surface:var(--erp-surface);
    --mo-home-line:color-mix(in srgb,var(--erp-line) 75%,transparent);
    --mo-home-shadow:inset 0 1px 0 #ffffff8c,0 10px 28px #24232b05;
    align-items:start;
    gap:16px;
  }
  html[data-theme="dark"] .management-overview .mo-dashboard {
    --mo-home-surface:#191a1c;
    --mo-home-line:#ffffff0c;
    --mo-home-shadow:inset 0 1px 0 #ffffff06,0 12px 30px #00000012;
  }
  html[data-theme] .management-overview .mo-dashboard .mo-hero {
    --erp-summary-ink:var(--erp-ink);
    --erp-summary-muted:var(--erp-muted);
    --erp-summary-line:var(--mo-home-line);
    --erp-summary-warning:var(--erp-warning);
    min-height:0;
    gap:10px;
    padding:24px;
    border-radius:30px;
    color:var(--erp-ink);
    background:radial-gradient(ellipse at 3% 0,color-mix(in srgb,var(--erp-chart-lilac) 12%,transparent),transparent 67%),radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--erp-chart-mint) 7%,transparent),transparent 65%),var(--mo-home-surface);
    border-color:var(--mo-home-line);
    box-shadow:var(--mo-home-shadow);
  }
  html[data-theme] .management-overview .mo-dashboard .mo-hero::before,
  html[data-theme] .management-overview .mo-dashboard .mo-hero::after {display:none}
  html[data-theme] .management-overview .mo-hero .mo-hero-header {display:flex;align-items:center;gap:12px;width:100%;min-width:0;margin-bottom:2px}
  html[data-theme] .management-overview .mo-hero .mo-hero-header h2 {font-size:20px;font-weight:400;line-height:1.3;letter-spacing:-.5px}
  html[data-theme] .management-overview .mo-hero .mo-hero-emblem {display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--mo-home-line);border-radius:50%;background:linear-gradient(145deg,#ffffff10,#ffffff01);box-shadow:inset 0 1px 0 #ffffff08}
  html[data-theme] .management-overview .mo-hero .mo-hero-emblem svg {width:22px;height:22px}
  html[data-theme] .management-overview .mo-hero .mo-hero-header>.mo-icon-button {margin-left:auto;border-color:transparent;background:transparent;color:var(--erp-muted);box-shadow:none}
  html[data-theme] .management-overview .mo-hero .mo-hero-header .mo-info-mark {width:21px;height:21px;border-width:1px;font-size:14px}
  html[data-theme] .management-overview .mo-hero .mo-hero-operation-count {display:block;margin:0 0 2px;padding:0;border:0;border-radius:0;color:var(--erp-muted);font-size:12px;line-height:1.4;text-align:left}
  html[data-theme] .management-overview .mo-hero .mo-dot-title {width:220px;color:var(--erp-ink)}
  html[data-theme] .management-overview .mo-hero .mo-hero-value {font-size:clamp(42px,4.6cqw,64px);line-height:1.08;font-weight:350;letter-spacing:-2.4px}
  html[data-theme] .management-overview .mo-hero .mo-hero-caption {max-width:none;color:var(--erp-muted);font-size:13px;line-height:1.45}
  html[data-theme] .management-overview .mo-hero>.mo-pending {color:var(--erp-warning)!important;font-size:12px}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow {margin:12px 0 4px;gap:0;border-top:1px solid var(--mo-home-line);border-bottom:1px solid var(--mo-home-line)}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow>div {padding:14px 0;border:0;border-radius:0;background:none}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow>div+div {padding-left:18px;border-left:1px solid var(--mo-home-line)}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow dt {display:flex;align-items:center;gap:7px;margin-bottom:6px;color:var(--erp-muted);font-size:12px;line-height:1.4}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow dt svg {width:17px;height:17px}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow dd {font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.7px;color:var(--erp-ink)}
  html[data-theme] .management-overview .mo-hero .mo-hero-footer {margin-top:6px;padding-top:0}
  html[data-theme] .management-overview .mo-hero .mo-rosette {flex-basis:44px;min-width:36px;width:44px;color:var(--erp-muted)}
  html[data-theme] .management-overview .mo-hero .mo-action-capsule {border-color:var(--mo-home-line);background:var(--erp-soft);box-shadow:none}
  html[data-theme] .management-overview .mo-hero .mo-action-capsule .mo-primary-button {min-height:44px;padding:10px 15px;background:var(--erp-primary);color:var(--erp-primary-ink);font-size:14px}
  html[data-theme] .management-overview .mo-hero .mo-year-button {min-height:44px;color:var(--erp-ink);font-size:14px}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid {gap:14px}
  html[data-theme] .management-overview .mo-dashboard .mo-metric {
    --mo-ink:var(--erp-ink);
    --mo-muted:var(--erp-muted);
    --mo-line:var(--mo-home-line);
    --mo-warning:var(--erp-warning);
    --mo-card-glow:var(--erp-chart-mint);
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 44px;
    grid-template-rows:auto auto auto auto;
    align-content:start;
    align-items:center;
    gap:10px;
    min-height:0;
    padding:20px;
    border-radius:28px;
    border-color:var(--mo-home-line);
    background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--mo-card-glow) 8%,transparent),transparent 70%),var(--mo-home-surface);
    color:var(--erp-ink);
    box-shadow:var(--mo-home-shadow);
  }
  html[data-theme] .management-overview .mo-dashboard .mo-metric-receipts {--mo-card-glow:var(--erp-chart-lilac)}
  html[data-theme] .management-overview .mo-dashboard .mo-metric-quarantine {--mo-card-glow:var(--erp-muted)}
  html[data-theme] .management-overview .mo-dashboard .mo-metric-top {display:contents}
  html[data-theme] .management-overview .mo-dashboard .mo-metric-icon {grid-column:1;grid-row:1;width:40px;height:40px;border:1px solid var(--mo-home-line);background:linear-gradient(145deg,#ffffff0c,#ffffff02);color:var(--erp-ink);box-shadow:inset 0 1px 0 #ffffff08}
  html[data-theme] .management-overview .mo-dashboard .mo-metric-icon svg {width:21px;height:21px}
  html[data-theme] .management-overview .mo-dashboard .mo-metric h2 {grid-column:2;grid-row:1;font-size:16px;font-weight:400;line-height:1.3;letter-spacing:-.35px}
  html[data-theme] .management-overview .mo-dashboard .mo-metric .mo-metric-action {grid-column:3;grid-row:1;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--mo-home-line);background:transparent;color:var(--erp-muted);box-shadow:none}
  html[data-theme] .management-overview .mo-dashboard .mo-metric .mo-metric-action svg {width:20px;height:20px}
  html[data-theme] .management-overview .mo-dashboard .mo-metric>strong {grid-column:1/-1;grid-row:2;margin:9px 0 0;font-size:clamp(30px,3.15cqw,44px);font-weight:350;line-height:1.12;letter-spacing:-1.6px}
  html[data-theme] .management-overview .mo-dashboard .mo-metric>p {grid-column:1/-1;grid-row:3;font-size:12px;line-height:1.45;color:var(--erp-muted)}
  html[data-theme] .management-overview .mo-dashboard .mo-metric>:is(.mo-pending,.mo-metric-footnote) {grid-column:1/-1;grid-row:4;margin:0;font-size:11px;line-height:1.4}
  html[data-theme] .management-overview .mo-dashboard .mo-invoice-card {min-height:0;gap:6px;padding:18px 20px;border-radius:28px;background:radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--erp-chart-lilac) 10%,transparent),transparent 75%),var(--mo-home-surface);border-color:var(--mo-home-line);box-shadow:var(--mo-home-shadow);color:var(--erp-ink)}
  html[data-theme] .management-overview .mo-dashboard .mo-invoice-art {width:106px;height:106px;margin:auto;object-fit:contain}
  html[data-theme] .management-overview .mo-dashboard .mo-invoice-caption {gap:10px;min-height:40px}
  html[data-theme] .management-overview .mo-dashboard .mo-invoice-badge {width:36px;height:36px;background:transparent;border:1px solid var(--mo-home-line);color:var(--erp-ink)}
  html[data-theme] .management-overview .mo-dashboard .mo-invoice-badge svg {width:20px;height:20px}
  html[data-theme] .management-overview .mo-dashboard .mo-invoice-card strong {font-size:17px;font-weight:400;line-height:1.35;letter-spacing:-.4px}
  html[data-theme] .management-overview .mo-dashboard .mo-invoice-copy small:not(.mo-visually-hidden) {display:block;margin-top:4px;font-size:11px;color:var(--erp-muted)}
  html[data-theme] .management-overview .mo-section-heading h2 {font-size:23px;font-weight:400}
  html[data-theme] .management-overview .mo-dashboard .mo-management {padding:20px 22px;border-radius:28px;border-color:var(--mo-home-line);background:var(--mo-home-surface);box-shadow:var(--mo-home-shadow)}
  html[data-theme] .management-overview .mo-dashboard .mo-management-link {min-height:74px;padding:12px;border-radius:22px;background:transparent;border-color:var(--mo-home-line)}
  html[data-theme] .management-overview .mo-dashboard .mo-management-icon {width:40px;height:40px;background:transparent;border-color:var(--mo-home-line)}
  html[data-theme] .management-overview .mo-dashboard .mo-management-link strong {font-size:14px;font-weight:500}
  html[data-theme] .management-overview .mo-dashboard .mo-management-link small {font-size:11px}
  @container management-overview (max-width:1050px) {
    html[data-theme] .management-overview .mo-dashboard .mo-metric {grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:18px}
    html[data-theme] .management-overview .mo-dashboard .mo-metric .mo-metric-action {grid-column:2}
    html[data-theme] .management-overview .mo-dashboard .mo-metric h2 {grid-column:1/-1;grid-row:2}
    html[data-theme] .management-overview .mo-dashboard .mo-metric>strong {grid-row:3;margin-top:2px;font-size:32px}
    html[data-theme] .management-overview .mo-dashboard .mo-metric>p {grid-row:4}
    html[data-theme] .management-overview .mo-dashboard .mo-metric>:is(.mo-pending,.mo-metric-footnote) {grid-row:5}
  }
  @container management-overview (max-width:600px) {
    html[data-theme] .management-overview .mo-heading {display:block}
    html[data-theme] .management-overview .mo-heading h1 {font-size:34px;line-height:1.12;letter-spacing:-1.2px}
    html[data-theme] .management-overview .mo-heading p {margin-top:6px;font-size:13px;line-height:1.45}
    html[data-theme] .management-overview .mo-dashboard {gap:14px}
    html[data-theme] .management-overview .mo-dashboard .mo-hero {gap:8px;padding:22px 20px;border-radius:28px}
    html[data-theme] .management-overview .mo-hero .mo-hero-header {gap:10px;margin-bottom:2px}
    html[data-theme] .management-overview .mo-hero .mo-hero-header h2 {font-size:19px}
    html[data-theme] .management-overview .mo-hero .mo-hero-value {font-size:46px;letter-spacing:-1.8px}
    html[data-theme] .management-overview .mo-hero .mo-hero-flow dd {font-size:23px}
    html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid {gap:12px}
    html[data-theme] .management-overview .mo-dashboard .mo-metric {gap:8px;padding:16px;border-radius:24px}
    html[data-theme] .management-overview .mo-dashboard .mo-metric h2 {font-size:15px}
    html[data-theme] .management-overview .mo-dashboard .mo-metric>strong {font-size:28px;letter-spacing:-1.1px}
    html[data-theme] .management-overview .mo-dashboard .mo-metric>p {font-size:11px}
    html[data-theme] .management-overview .mo-dashboard .mo-metric>:is(.mo-pending,.mo-metric-footnote) {font-size:10px}
    html[data-theme] .management-overview .mo-dashboard .mo-invoice-card {padding:16px 14px;border-radius:24px}
    html[data-theme] .management-overview .mo-dashboard .mo-invoice-art {width:96px;height:96px}
    html[data-theme] .management-overview .mo-dashboard .mo-invoice-caption {gap:7px}
    html[data-theme] .management-overview .mo-dashboard .mo-invoice-card strong {font-size:15px}
    html[data-theme] .management-overview .mo-dashboard .mo-management {padding:18px 16px;border-radius:28px}
  }
  @container management-overview (max-width:360px) {
    html[data-theme] .management-overview .mo-dashboard .mo-hero {padding:20px 16px}
    html[data-theme] .management-overview .mo-hero .mo-hero-emblem {width:38px;height:38px}
    html[data-theme] .management-overview .mo-hero .mo-hero-header h2 {font-size:17px}
    html[data-theme] .management-overview .mo-hero .mo-hero-operation-count {font-size:11px}
    html[data-theme] .management-overview .mo-hero .mo-hero-value {font-size:40px;letter-spacing:-1.5px}
    html[data-theme] .management-overview .mo-hero .mo-hero-flow>div+div {padding-left:12px}
    html[data-theme] .management-overview .mo-hero .mo-hero-flow dd {font-size:20px}
    html[data-theme] .management-overview .mo-hero .mo-rosette {display:none}
    html[data-theme] .management-overview .mo-hero .mo-action-capsule {width:100%}
    html[data-theme] .management-overview .mo-hero .mo-action-capsule .mo-primary-button {flex:1;padding-inline:12px}
    html[data-theme] .management-overview .mo-dashboard .mo-metric {padding:14px 12px}
    html[data-theme] .management-overview .mo-dashboard .mo-metric>strong {font-size:26px}
  }
}

/* Compact home cards: the figure is primary; data quality has its own control. */
@media screen {
  html[data-theme] .management-overview .mo-dashboard {
    --mo-home-surface:var(--erp-surface);
    --mo-home-line:color-mix(in srgb,var(--erp-line) 72%,transparent);
    --mo-status-ok:#337c56;--mo-status-ok-fill:#3d9b6820;
    --mo-status-warning:#a46713;--mo-status-warning-fill:#cf8a2424;
    --mo-status-danger:#bc4e40;--mo-status-danger-fill:#c7594720;
  }
  html[data-theme="light"] .management-overview .mo-dashboard {--mo-home-surface:#fff}
  html[data-theme="dark"] .management-overview .mo-dashboard {
    --mo-home-surface:var(--erp-surface);--mo-home-line:#ffffff0f;
    --mo-status-ok:#95d1aa;--mo-status-ok-fill:#74c2921d;
    --mo-status-warning:#e8b867;--mo-status-warning-fill:#d1a0521a;
    --mo-status-danger:#eb9c8f;--mo-status-danger-fill:#d979671a;
  }
  html[data-theme] .management-overview .mo-dashboard .mo-hero {
    gap:7px;padding:24px;border-radius:30px;
    background:radial-gradient(ellipse at 0 0,#c9e6db75,transparent 62%),radial-gradient(ellipse at 100% 10%,#ded0ea80,transparent 65%),radial-gradient(ellipse at 100% 100%,#f4dcc764,transparent 60%),#f8f8f3;
  }
  html[data-theme="dark"] .management-overview .mo-dashboard .mo-hero {background:radial-gradient(ellipse at 0 0,#99c9b82c,transparent 62%),radial-gradient(ellipse at 100% 10%,#bd9bd02b,transparent 65%),radial-gradient(ellipse at 100% 100%,#e0b1911f,transparent 60%),#202623}
  html[data-theme] .management-overview .mo-hero .mo-hero-header {position:relative;gap:10px;margin:0 0 12px;align-items:center}
  html[data-theme] .management-overview .mo-hero .mo-hero-heading {min-width:0;flex:1}
  html[data-theme] .management-overview .mo-hero .mo-hero-header h2 {max-width:180px;font-size:19px;line-height:1.2;letter-spacing:-.5px}
  html[data-theme] .management-overview .mo-hero .mo-hero-period {display:block;margin-top:5px;color:var(--erp-muted);font-size:12px;line-height:1.4}
  html[data-theme] .management-overview .mo-hero .mo-hero-emblem {width:40px;height:40px;background:#ffffff0c}
  html[data-theme] .management-overview .mo-hero .mo-hero-tools {display:flex;align-items:center;gap:0;flex:none;margin-left:auto}
  html[data-theme] .management-overview .mo-hero .mo-hero-tools>.mo-icon-button {border:0;background:transparent;color:var(--erp-muted)}
  html[data-theme] .management-overview .mo-hero .mo-hero-total {display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;max-width:100%;min-width:0}
  html[data-theme] .management-overview .mo-hero .mo-hero-value {margin:0;font-size:clamp(42px,4.3cqw,62px);letter-spacing:-2.4px;font-weight:350;line-height:1.05}
  html[data-theme] .management-overview .mo-hero .mo-hero-operation-count {margin:0;font-size:12px;white-space:nowrap}
  html[data-theme] .management-overview .mo-hero .mo-hero-caption {font-size:12px;color:var(--erp-muted)}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow {width:100%;margin:13px 0 3px;gap:0}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow>div {padding:12px 0}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow>div+div {padding-left:18px}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow dt {font-size:12px;margin-bottom:4px}
  html[data-theme] .management-overview .mo-hero .mo-hero-flow dd {font-size:23px}
  html[data-theme] .management-overview .mo-hero .mo-hero-footer {width:100%;margin-top:5px}
  html[data-theme] .management-overview .mo-hero .mo-rosette {width:36px;flex-basis:36px;opacity:.7}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;min-width:0}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid:focus-visible {outline:2px solid var(--erp-focus);outline-offset:4px;border-radius:28px}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric {
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;
    container:mo-metric/inline-size;min-height:190px;padding:16px 18px;border-radius:27px;
    background:var(--mo-home-surface);border-color:var(--mo-home-line);box-shadow:var(--mo-home-shadow);
  }
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric>.mo-mesh {opacity:.08;--mo-blob-strength:.1}
  html[data-theme="dark"] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric>.mo-mesh {opacity:.18;--mo-blob-strength:.12}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric-top {display:flex;align-items:center;justify-content:space-between;flex:none;min-height:32px;width:100%;margin:0 0 4px;gap:8px}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric-icon {width:32px;height:32px;min-width:32px;border:1px solid var(--mo-home-line);background:transparent;color:var(--erp-muted);box-shadow:none}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric-icon svg {width:18px;height:18px}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric h2 {min-width:0;margin:0;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:-.3px;color:var(--erp-muted)}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric>strong {max-width:100%;margin:auto 0 0;padding-top:12px;font-size:clamp(18px,var(--mo-number-size,18cqw),46px);font-weight:400;line-height:1.15;letter-spacing:-1.2px;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric>strong[data-mo-number-length="long"] {font-size:clamp(18px,var(--mo-number-size,14cqw),28px);white-space:normal;overflow-wrap:anywhere;letter-spacing:-.7px}
  html[data-theme] .management-overview .mo-secondary-grid .mo-metric>strong[data-mo-number-fit="short"] {--mo-number-size:38cqw}
  html[data-theme] .management-overview .mo-secondary-grid .mo-metric>strong[data-mo-number-fit="medium"] {--mo-number-size:23.75cqw}
  html[data-theme] .management-overview .mo-secondary-grid .mo-metric>strong[data-mo-number-fit="wide"] {--mo-number-size:19cqw}
  html[data-theme] .management-overview .mo-secondary-grid .mo-metric>strong[data-mo-number-fit="dense"] {--mo-number-size:15.83cqw}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric>p {margin:1px 0 0;color:var(--erp-muted);font-size:12px;line-height:1.4}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric-open {display:inline;min-height:0;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;text-align:left;text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;cursor:pointer}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric-open::after {content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric-open>span[aria-hidden] {display:none}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric-open:focus-visible {outline:none}
  html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric-open:focus-visible::after {outline:2px solid var(--erp-focus);outline-offset:-3px;border-radius:25px}
  html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-card {align-self:start;flex-direction:row;justify-content:flex-start;gap:18px;min-height:112px;padding:8px 22px 8px 16px;border-radius:28px;border-color:var(--mo-home-line);background:radial-gradient(ellipse 80% 55% at 0 115%,#a4d6d04d,transparent 88%),radial-gradient(ellipse 75% 55% at 112% 114%,#c7a7d84d,transparent 88%),#edf0ea;color:#2d382f}
  html[data-theme="dark"] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-card {background:radial-gradient(ellipse 80% 55% at 0 115%,#a4d6d026,transparent 88%),radial-gradient(ellipse 75% 55% at 112% 114%,#c7a7d826,transparent 88%),#252725;color:#fffdf8}
  html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-card>.mo-mesh {opacity:.85;--mo-blob-strength:.68}
  html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-art {width:94px;height:94px;max-width:32%;margin:0;object-fit:contain}
  html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-caption {display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:48px;min-width:0;width:auto;flex:1;padding:0;border-radius:0;background:transparent;color:inherit;box-shadow:none}
  html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-copy {flex:1;min-width:0}
  html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-card strong {font-size:20px;font-weight:400;line-height:1.25;letter-spacing:-.5px;text-wrap:balance}
  html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-badge {order:0;width:36px;height:36px;min-width:36px;border:0;background:#ffffff35;color:inherit}
  html[data-theme="dark"] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-badge {background:#b1cbc21c}
  html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-badge svg {width:23px;height:23px;fill:#fafbf5;stroke:#526557;stroke-width:1.3}
  html[data-theme="dark"] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-badge svg {fill:#fffef8;stroke:#6e8179}
  .management-overview .mo-status {position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin:-6px -6px -6px 0;color:var(--mo-status-ok)}
  .management-overview .mo-status[data-tone="warning"] {color:var(--mo-status-warning)}
  .management-overview .mo-status[data-tone="danger"] {color:var(--mo-status-danger)}
  html[data-theme] .management-overview .mo-status .mo-status-trigger {display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;box-shadow:none;cursor:pointer}
  .management-overview .mo-status-trigger svg {width:22px;height:22px}
  .management-overview .mo-status[data-tone="ok"] svg>circle {fill:var(--mo-status-ok-fill)}
  .management-overview .mo-status[data-tone="warning"] svg>path:first-child {fill:var(--mo-status-warning-fill)}
  .management-overview .mo-status[data-tone="danger"] svg>path:first-child {fill:var(--mo-status-danger-fill)}
  .management-overview .mo-status-tooltip {position:absolute;z-index:8;top:calc(100% + 2px);right:0;display:block;width:max-content;max-width:calc(100cqw - 24px);padding:9px 11px;border:1px solid var(--erp-line);border-radius:14px;background:var(--erp-raised);color:var(--erp-ink);box-shadow:0 5px 20px #00000018;font-size:12px;line-height:1.35;font-weight:400;overflow-wrap:anywhere;text-align:left;pointer-events:auto}
  .management-overview .mo-secondary-grid .mo-status-tooltip {max-width:100cqw}
  .management-overview .mo-hero .mo-status-tooltip {max-width:min(230px,calc(100cqw - 48px));right:-38px}
  html[data-theme] .management-overview .mo-status-trigger[aria-expanded="true"] {background:color-mix(in srgb,currentColor 10%,transparent)}
  @container management-overview (max-width:850px) {
    .management-overview .mo-summary {grid-template-columns:minmax(0,1fr)}
  }
  @container management-overview (max-width:600px) {
    html[data-theme] .management-overview .mo-topbar {gap:14px;margin-bottom:16px}
    html[data-theme] .management-overview .mo-heading h1 {font-size:32px}
    html[data-theme] .management-overview .mo-heading p {font-size:12px;margin-top:5px}
    html[data-theme] .management-overview .mo-dashboard .mo-hero {padding:20px;border-radius:28px;gap:6px}
    html[data-theme] .management-overview .mo-hero .mo-hero-header {gap:8px;margin-bottom:10px}
    html[data-theme] .management-overview .mo-hero .mo-hero-header h2 {font-size:17px}
    html[data-theme] .management-overview .mo-hero .mo-hero-emblem {width:36px;height:36px}
    html[data-theme] .management-overview .mo-hero .mo-hero-value {font-size:48px;letter-spacing:-2px}
    html[data-theme] .management-overview .mo-hero .mo-hero-flow dd {font-size:22px}
    html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid {grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82%,320px);gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 0 8px;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--erp-line) transparent}
    html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric {min-height:176px;padding:16px 18px;border-radius:25px;gap:4px;scroll-snap-align:start;scroll-snap-stop:normal}
    html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric h2 {font-size:14px}
    html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric>strong {font-size:clamp(18px,var(--mo-number-size,18cqw),38px);letter-spacing:-.9px}
    html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-card {min-height:108px;padding:6px 16px 6px 12px;gap:12px;border-radius:27px}
    html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-art {width:94px;height:94px}
    html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-caption {min-height:44px;padding:0;gap:8px}
    html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-card strong {font-size:18px}
    html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-badge {width:32px;height:32px;min-width:32px}
  }
  @container management-overview (max-width:350px) {
    html[data-theme] .management-overview .mo-dashboard .mo-hero {padding:18px 16px}
    html[data-theme] .management-overview .mo-hero .mo-hero-emblem {display:none}
    html[data-theme] .management-overview .mo-hero .mo-hero-value {font-size:42px}
    html[data-theme] .management-overview .mo-hero .mo-hero-flow dd {font-size:19px}
    html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric {padding:16px}
    html[data-theme] .management-overview .mo-dashboard .mo-secondary-grid .mo-metric>strong {letter-spacing:-1px}
    html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-art {width:86px;height:86px}
    html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-caption {gap:6px}
    html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-card strong {font-size:17px}
    html[data-theme] .management-overview .mo-dashboard .mo-summary-side .mo-invoice-badge {width:28px;height:28px;min-width:28px}
  }
  @media(forced-colors:active) {
    .management-overview .mo-status {color:ButtonText!important}
    .management-overview .mo-status-tooltip {background:Canvas;color:CanvasText;border-color:CanvasText}
  }
}