:root {
  color-scheme: dark;
  --bg: #080d17;
  --panel: #111827;
  --panel-soft: #0d1524;
  --line: #27324a;
  --muted: #8997af;
  --text: #edf2ff;
  --green: #4ee0a1;
  --sidebar: 282px;
  --page-gutter: clamp(18px, 2.5vw, 44px);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
}

* { box-sizing: border-box; }
html { min-width: 320px; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 82% 0%, #17233b 0, var(--bg) 42%); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; }

.topbar {
  height: 68px;
  padding: 0 clamp(18px, 3.6vw, 54px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #202a3e;
  background: #0a101bf2;
  backdrop-filter: blur(18px);
  position: sticky;
  top: 0;
  z-index: 30;
}
.topbar-start { display: flex; align-items: center; gap: 14px; }
.brand { display: inline-flex; align-items: center; font-weight: 850; letter-spacing: -.02em; }
.brand-name { font-size: 18px; line-height: 1; }
.compact-brand { font-size: 14px; }
.public-actions { display: flex; align-items: center; gap: 12px; }
.header-login { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 18px; border: 1px solid var(--green); border-radius: 10px; color: #04150e; background: var(--green); font-size: 13px; font-weight: 850; box-shadow: 0 8px 26px #4ee0a11f; }
.header-login:hover { transform: translateY(-1px); box-shadow: 0 10px 30px #4ee0a136; }
.theme-switch { display: flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: #101827; }
.theme-switch button { width: 30px; min-height: 28px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 7px; color: #77869e; background: transparent; font-size: 14px; }
.theme-switch button:hover { color: var(--text); background: #1a273d; }
.theme-switch button.active { color: #04150e; background: var(--green); }
.menu-toggle { width: 42px; height: 42px; display: grid; place-content: center; gap: 4px; padding: 0; border: 1px solid var(--line); border-radius: 12px; background: #101827; }
.menu-toggle span { width: 17px; height: 2px; border-radius: 2px; background: #c7d1e2; transition: transform .2s ease; }
.language-switch { display: flex; align-items: center; gap: 5px; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: #101827; }
.language-switch a { min-width: 36px; padding: 7px 8px; border-radius: 7px; color: #7f8ba1; font-size: 12px; font-weight: 800; line-height: 1; text-align: center; }
.language-switch a:hover { color: var(--text); }
.language-switch a.active { color: #04150e; background: var(--green); }
.top-account { position: relative; }
.top-account-trigger { min-height: 44px; display: flex; align-items: center; gap: 9px; padding: 4px 9px 4px 5px; border: 1px solid var(--line); border-radius: 14px; color: var(--text); background: #101827; }
.top-account-trigger:hover,
.top-account.open .top-account-trigger,
.top-account.active .top-account-trigger { border-color: #3b4b65; background: #172238; }
.top-account-name { max-width: 176px; overflow: hidden; font-size: 13px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.top-account-chevron { color: #708099; font-size: 15px; transition: transform .18s ease; }
.top-account.open .top-account-chevron { transform: rotate(180deg); }
.top-account-popover { width: 210px; position: absolute; top: calc(100% + 10px); right: 0; z-index: 60; padding: 7px; border: 1px solid #2c3950; border-radius: 14px; background: #101827; box-shadow: 0 18px 50px #0008; }
.top-account-popover[hidden] { display: none; }
.top-account-popover a,
.top-account-popover button { width: 100%; min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 0; border-radius: 9px; color: #c4cee0; background: transparent; font-size: 13px; font-weight: 750; text-align: left; }
.top-account-popover a:hover,
.top-account-popover button:hover { color: var(--text); background: #1a273d; }
.top-account-popover form { margin: 0; }
.top-account-popover form button { color: #ff9daf; }
.account-menu-icon { width: 17px; height: 17px; flex: 0 0 auto; position: relative; display: inline-block; color: currentColor; }
.account-menu-icon.profile::before { content: ""; width: 6px; height: 6px; position: absolute; top: 1px; left: 5px; border: 1.7px solid currentColor; border-radius: 50%; }
.account-menu-icon.profile::after { content: ""; width: 13px; height: 7px; position: absolute; bottom: 1px; left: 2px; border: 1.7px solid currentColor; border-radius: 8px 8px 4px 4px; }
.account-menu-icon.access::before { content: ""; width: 7px; height: 7px; position: absolute; top: 1px; left: 1px; border: 1.7px solid currentColor; border-radius: 50%; }
.account-menu-icon.access::after { content: ""; width: 10px; height: 2px; position: absolute; top: 10px; left: 7px; border-radius: 2px; background: currentColor; box-shadow: 5px 3px 0 -0.3px currentColor; transform: rotate(-42deg); transform-origin: left center; }
.account-menu-icon.users::before,
.account-menu-icon.users::after { content: ""; position: absolute; border: 1.7px solid currentColor; border-radius: 50%; }
.account-menu-icon.users::before { width: 6px; height: 6px; top: 1px; left: 2px; box-shadow: 7px 1px 0 -1.7px transparent, 7px 1px 0 0 currentColor; }
.account-menu-icon.users::after { width: 14px; height: 7px; bottom: 0; left: 1px; border-radius: 8px 8px 3px 3px; }
.account-menu-icon.logout::before { content: ""; width: 9px; height: 12px; position: absolute; top: 2px; left: 1px; border: 1.7px solid currentColor; border-right: 0; border-radius: 3px 0 0 3px; }
.account-menu-icon.logout::after { content: ""; width: 8px; height: 8px; position: absolute; top: 5px; right: 0; border-top: 1.8px solid currentColor; border-right: 1.8px solid currentColor; transform: rotate(45deg); }

.sidebar {
  position: fixed;
  top: 68px;
  bottom: 0;
  left: 0;
  z-index: 25;
  width: var(--sidebar);
  padding: 24px 18px 18px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #202a3e;
  background: #0a101bf7;
  box-shadow: 18px 0 50px #0002;
  transition: transform .24s ease;
}
.sidebar-nav { display: grid; gap: 5px; padding-top: 0; }
.sidebar-link { min-height: 46px; display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 9px; padding: 10px 12px; border-radius: 12px; color: #aeb9cd; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }
.sidebar-link::-webkit-details-marker { display: none; }
.sidebar-link:hover { color: var(--text); background: #172238; }
.sidebar-link.active { color: var(--text); background: #123126; box-shadow: inset 0 0 0 1px #4ee0a13d; }
.nav-icon, .tree-icon { width: 21px; height: 21px; display: block; color: var(--green); background: currentColor; -webkit-mask: var(--menu-icon) center / contain no-repeat; mask: var(--menu-icon) center / contain no-repeat; }
.icon-unit-economics { display: grid; place-items: center; border: 1.8px solid currentColor; border-radius: 5px; background: none; -webkit-mask: none; mask: none; }
.icon-unit-economics::after { content: "₽"; font-size: 12px; font-weight: 900; line-height: 1; }
.tree-icon { width: 18px; height: 18px; color: #39c98d; }
.icon-dashboard { --menu-icon: url('icons/layout-dashboard.svg'); }
.icon-route { --menu-icon: url('icons/route.svg'); }
.icon-crm { --menu-icon: url('icons/messages.svg'); }
.icon-crm-buyers { --menu-icon: url('icons/messages.svg'); }
.icon-crm-factory { --menu-icon: url('icons/boxes.svg'); }
.icon-crm-partners { --menu-icon: url('icons/badge.svg'); }
.icon-crm-reviews { --menu-icon: url('icons/star.svg'); }
.icon-company-dialogues { --menu-icon: url('icons/messages.svg'); }

.page.company-dialogues-page { min-width: 0; height: calc(100dvh - 84px); overflow: hidden; padding-bottom: 18px; }
.company-dialogues-shell { height: 100%; min-height: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 12px; }
.company-dialogues-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.company-dialogues-heading h1 { margin: 5px 0 6px; font-size: clamp(30px, 3.4vw, 48px); line-height: .96; letter-spacing: -.05em; }
.company-dialogues-heading p:not(.eyebrow) { margin: 0; color: #8c9ab0; font-size: 14px; }
.dialogues-live { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid #2d7257; border-radius: 999px; color: #65dba7; background: #10271f; font-size: 10px; font-weight: 850; }
.dialogues-live i { width: 7px; height: 7px; border-radius: 50%; background: #55dda0; box-shadow: 0 0 0 5px #55dda018; }
.company-dialogues-search { display: flex; gap: 9px; padding: 9px; border: 1px solid #29374d; border-radius: 14px; background: #0e1725; }
.company-dialogues-search input { flex: 1; min-width: 0; }
.company-dialogues-search button,.company-dialogues-search a { display: inline-flex; align-items: center; justify-content: center; padding: 9px 15px; border-radius: 10px; font-size: 10px; font-weight: 850; }
.company-dialogues-search button { color: #062116; background: var(--green); }
.company-dialogues-search a { color: #94a2b5; background: #182437; }
.company-dialogues-workspace { min-height: 0; height: 100%; display: grid; grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); overflow: hidden; border: 1px solid #29384d; border-radius: 18px; background: #0d1624; }
.dialogues-list { overflow-y: auto; border-right: 1px solid #29384d; background: #101a29; }
.dialogues-list > a { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 14px; border-bottom: 1px solid #243247; color: #b8c4d3; }
.dialogues-list > a:hover,.dialogues-list > a.active { background: #172438; }
.dialogues-list > a.active { box-shadow: inset 3px 0 var(--green); }
.dialogue-avatar { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #0a2418; background: #55dda0; font-weight: 900; }
.dialogues-list a > span:nth-child(2) { min-width: 0; display: grid; gap: 4px; }
.dialogues-list strong,.dialogues-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dialogues-list small { color: #74859c; font-size: 9px; }
.dialogues-list b { min-width: 20px; height: 20px; display: grid; place-items: center; border-radius: 99px; color: #321b05; background: #ffc35a; font-size: 9px; }
.dialogue-thread { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; }
.dialogue-thread > header { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(280px, 1.3fr); align-items: center; gap: 14px; padding: 10px 13px; border-bottom: 1px solid #29384d; background: #111c2c; }
.dialogue-thread-person { min-width: 0; display: grid; gap: 3px; }
.dialogue-thread-person strong,.dialogue-thread-person small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dialogue-thread > header small,.dialogue-thread > header span { color: #8291a7; font-size: 9px; }
.dialogue-message-search { min-width: 0; display: grid; grid-template-columns:minmax(120px,1fr) auto 30px 30px 30px; align-items:center; gap:5px; }
.dialogue-message-search input { min-width: 0; height: 34px; padding: 7px 10px; }
.dialogue-message-search > span { min-width: 70px; text-align: center; white-space: nowrap; }
.dialogue-message-search button { width: 30px; height: 30px; display:grid; place-items:center; padding:0; border:1px solid #34445b; border-radius:8px; color:#b8c5d6; background:#172438; font-size:12px; font-weight:900; }
.dialogue-message-search button:hover { border-color:#3c9c75; color:var(--green); }
.dialogue-messages { min-height: 0; display: flex; flex-direction: column; gap: 8px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 14px; }
.dialogue-messages article { width: min(76%, 720px); display: grid; gap: 5px; padding: 12px 14px; border-radius: 15px 15px 15px 4px; color: #dbe5f1; background: #18263a; }
.dialogue-messages article[hidden] { display:none; }
.dialogue-messages article.search-current { outline:2px solid var(--green); outline-offset:2px; }
.dialogue-messages article.bot { align-self: end; border-radius: 15px 15px 4px 15px; color: #dff9ed; background: #174333; }
.dialogue-messages article span,.dialogue-messages article time { color: #7f91a7; font-size: 8px; font-weight: 800; }
.dialogue-messages article p { margin: 0; white-space: pre-wrap; font-size: 12px; line-height: 1.55; }
.dialogue-messages article time { justify-self: end; }
.dialogue-compose { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:10px 12px; border-top:1px solid #29384d; background:#111c2c; }
.dialogue-compose textarea { min-width:0; max-height:110px; resize:vertical; padding:10px 12px; border:1px solid #34445b; border-radius:12px; color:#dbe5f1; background:#172438; font:inherit; line-height:1.4; }
.dialogue-compose button { min-width:112px; padding:0 18px; border:0; border-radius:12px; color:#062116; background:var(--green); font-weight:900; }
.dialogues-empty,.dialogue-placeholder { display: grid; place-items: center; align-content: center; gap: 6px; padding: 32px; color: #7f8fa5; text-align: center; }
html[data-theme="light"] .company-dialogues-search,html[data-theme="light"] .company-dialogues-workspace,html[data-theme="light"] .dialogues-list { border-color: #d5dfe8; background: #fff; }
html[data-theme="light"] .dialogues-list > a,html[data-theme="light"] .dialogue-thread > header { border-color: #d9e1e9; color: #344457; background: #f7f9fb; }
html[data-theme="light"] .dialogues-list > a:hover,html[data-theme="light"] .dialogues-list > a.active { background: #edf5f1; }
html[data-theme="light"] .dialogue-messages article { color: #344457; background: #edf1f5; }
html[data-theme="light"] .dialogue-messages article.bot { color: #174e38; background: #dcf5e8; }
html[data-theme="light"] .dialogue-message-search button { border-color:#d1dbe5; color:#596a80; background:#fff; }
html[data-theme="light"] .dialogue-compose { border-color:#d9e1e9; background:#f7f9fb; }
html[data-theme="light"] .dialogue-compose textarea { border-color:#d1dbe5; color:#344457; background:#fff; }
@media (max-width: 900px) { .dialogue-thread > header { grid-template-columns:1fr; } }
@media (max-width: 760px) { .page.company-dialogues-page { height:auto; min-height:calc(100dvh - 84px); overflow:visible; } .company-dialogues-shell { height:auto; } .company-dialogues-heading { align-items: start; flex-direction: column; } .company-dialogues-workspace { height:min(760px, calc(100dvh - 170px)); min-height:620px; grid-template-columns:1fr; grid-template-rows:180px minmax(0,1fr); } .dialogues-list { max-height:none; border-right:0; border-bottom:1px solid #29384d; } .dialogue-thread { min-height:0; } .dialogue-messages article { width:90%; } }
@media (max-width: 520px) { .dialogue-message-search { grid-template-columns:minmax(0,1fr) 30px 30px 30px; } .dialogue-message-search > span { grid-column:1/-1; grid-row:2; text-align:left; } }
@media (max-width: 520px) { .dialogue-compose { grid-template-columns:1fr; } .dialogue-compose button { min-height:42px; } }
.icon-store { --menu-icon: url('icons/store.svg'); }
.icon-badge { --menu-icon: url('icons/badge.svg'); }
.icon-boxes { --menu-icon: url('icons/boxes.svg'); }
.icon-cart { --menu-icon: url('icons/shopping-cart.svg'); }
.icon-products { --menu-icon: url('icons/package-search.svg'); }
.icon-catalog { --menu-icon: url('icons/package-search.svg'); }
.icon-product-report { --menu-icon: url('icons/clipboard-list.svg'); }
.icon-stock { --menu-icon: url('icons/warehouse.svg'); }
.icon-finance { --menu-icon: url('icons/wallet.svg'); }
.icon-list { --menu-icon: url('icons/clipboard-list.svg'); }
.icon-cameras { --menu-icon: url('icons/cctv.svg'); }
.icon-instructions { --menu-icon: url('icons/clipboard-list.svg'); }
.icon-company-tasks { --menu-icon: url('icons/clipboard-list.svg'); }
.icon-team { --menu-icon: url('icons/boxes.svg'); }
.icon-organization { --menu-icon: url('icons/route.svg'); }
.icon-adaptation { --menu-icon: url('icons/clipboard-list.svg'); }
.icon-ai { --menu-icon: url('icons/gears.svg'); }

/* AI analytics */
.ai-analytics-page { padding-top: 38px; }
.ai-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 22px; }
.ai-heading > div { max-width: 790px; }
.ai-heading h1 { margin: 5px 0 12px; font-size: clamp(44px, 6vw, 74px); line-height: .9; letter-spacing: -.055em; }
.ai-heading > div > p:not(.eyebrow) { max-width: 740px; margin: 0; color: #8997aa; font-size: 14px; line-height: 1.65; }
.ai-live-state { min-width: 230px; display: flex; align-items: center; gap: 11px; padding: 14px 16px; border: 1px solid #324159; border-radius: 17px; background: #101a29; }
.ai-live-state i { width: 11px; height: 11px; flex: 0 0 auto; border-radius: 50%; background: #efb64d; box-shadow: 0 0 0 5px #efb64d16; }
.ai-live-state.ready i { background: var(--green); box-shadow: 0 0 0 5px #4ee0a118; }
.ai-live-state div { display: grid; gap: 3px; }
.ai-live-state strong { font-size: 11px; }
.ai-live-state small { color: #76859a; font-size: 8px; }
.ai-periods { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; max-width: 560px; margin-bottom: 18px; padding: 5px; border: 1px solid #2a394e; border-radius: 15px; background: #0c1522; }
.ai-periods a { min-height: 40px; display: grid; place-items: center; padding: 8px 11px; border-radius: 10px; color: #77869a; font-size: 10px; font-weight: 850; }
.ai-periods a:hover { color: #dbe4f1; background: #172438; }
.ai-periods a.active { color: #06170f; background: var(--green); box-shadow: 0 8px 22px #4ee0a11f; }
.ai-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ai-summary-card { --ai-accent: #4ee0a1; min-width: 0; min-height: 148px; position: relative; display: flex; flex-direction: column; overflow: hidden; padding: 20px; border: 1px solid #2b394e; border-radius: 19px; background: linear-gradient(145deg, #121d2d, #0d1624); box-shadow: 0 16px 44px #0002; }
.ai-summary-card::before { content: ""; height: 3px; position: absolute; inset: 0 0 auto; background: var(--ai-accent); }
.ai-summary-card.calls { --ai-accent: #76a9ff; }
.ai-summary-card.cache { --ai-accent: #b18cff; }
.ai-summary-card.cost { --ai-accent: #ffbb58; }
.ai-summary-card small { color: #78869a; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.ai-summary-card strong { overflow: hidden; margin: 20px 0 8px; color: #f0f5fb; font-size: clamp(27px, 3vw, 39px); line-height: .9; letter-spacing: -.04em; text-overflow: ellipsis; white-space: nowrap; }
.ai-summary-card span { margin-top: auto; color: var(--ai-accent); font-size: 9px; font-weight: 750; line-height: 1.45; }
.ai-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 13px; }
.ai-limits-section { margin-top: 14px; }
.ai-panel { min-width: 0; overflow: hidden; border: 1px solid #2a394e; border-radius: 20px; background: linear-gradient(145deg, #111c2b, #0d1624); box-shadow: 0 16px 48px #0002; }
.ai-panel > header { min-height: 75px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 20px; border-bottom: 1px solid #26364a; }
.ai-panel > header h2 { margin: 4px 0 0; font-size: 18px; }
.ai-panel > header > span, .ai-plan { padding: 7px 9px; border: 1px solid #394a62; border-radius: 999px; color: #8fa0b7; background: #111d2d; font-size: 8px; font-weight: 850; }
.ai-panel > footer { padding: 12px 20px; border-top: 1px solid #26364a; color: #6f7e92; font-size: 8px; }
.ai-limit-list { display: grid; gap: 16px; padding: 20px; }
.ai-limit-row { display: grid; grid-template-columns: minmax(150px, .6fr) minmax(190px, 1fr); align-items: center; gap: 9px 18px; }
.ai-limit-row > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ai-limit-row strong { font-size: 11px; }
.ai-limit-row span { color: #8c9bb0; font-size: 9px; font-weight: 800; }
.ai-limit-row small { grid-column: 2; color: #68778c; font-size: 8px; }
.ai-limit-row progress, .ai-day-row progress { width: 100%; height: 9px; overflow: hidden; border: 0; border-radius: 999px; appearance: none; background: #202d40; }
.ai-limit-row progress::-webkit-progress-bar, .ai-day-row progress::-webkit-progress-bar { border-radius: 999px; background: #202d40; }
.ai-limit-row progress::-webkit-progress-value { border-radius: 999px; background: linear-gradient(90deg, #4ee0a1, #76a9ff); }
.ai-limit-row progress::-moz-progress-bar { border-radius: 999px; background: linear-gradient(90deg, #4ee0a1, #76a9ff); }
.ai-limit-details { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 20px 18px; }
.ai-limit-details span { padding: 7px 9px; border: 1px solid #33445a; border-radius: 9px; color: #8291a6; background: #101a28; font-size: 8px; }
.ai-context-list { margin: 0; padding: 8px 20px; }
.ai-context-list > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid #26354a; }
.ai-context-list > div:last-child { border-bottom: 0; }
.ai-context-list dt { color: #7c8ba0; font-size: 9px; font-weight: 800; }
.ai-context-list dd { margin: 0; color: #e3ebf6; font-size: 12px; font-weight: 900; }
.ai-panel-empty { min-height: 165px; display: grid; align-content: center; gap: 7px; padding: 24px; }
.ai-panel-empty strong { font-size: 14px; }
.ai-panel-empty p { max-width: 540px; margin: 0; color: #7d8ba0; font-size: 10px; line-height: 1.55; }
.ai-empty-state { min-height: 185px; display: flex; align-items: center; gap: 20px; margin-top: 14px; padding: 30px; border: 1px dashed #35455c; border-radius: 20px; background: #0e1725; }
.ai-empty-state > span { width: 58px; height: 58px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #477a68; border-radius: 17px; color: var(--green); background: #10251d; font-size: 16px; font-weight: 950; }
.ai-empty-state h2 { margin: 0 0 7px; font-size: 18px; }
.ai-empty-state p { max-width: 740px; margin: 0; color: #7f8da2; font-size: 11px; line-height: 1.55; }
.ai-daily-panel { margin-top: 14px; }
.ai-day-list { display: grid; gap: 11px; padding: 20px; }
.ai-day-row { display: grid; grid-template-columns: 48px minmax(120px, 1fr) 95px 55px; align-items: center; gap: 13px; }
.ai-day-row time { color: #8998ad; font-size: 9px; font-weight: 800; }
.ai-day-row progress::-webkit-progress-value { border-radius: 999px; background: var(--green); }
.ai-day-row progress::-moz-progress-bar { border-radius: 999px; background: var(--green); }
.ai-day-row strong { color: #dce5f1; font-size: 10px; text-align: right; }
.ai-day-row small { color: #69788d; font-size: 8px; text-align: right; }
.ai-breakdown-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; }
.ai-table-wrap { overflow-x: auto; }
.ai-table { width: 100%; border-collapse: collapse; font-size: 9px; }
.ai-table th { padding: 11px 14px; color: #718096; background: #0c1522; font-size: 8px; text-align: left; text-transform: uppercase; letter-spacing: .05em; }
.ai-table td { padding: 13px 14px; border-top: 1px solid #253449; color: #aeb9ca; }
.ai-table td:first-child { color: #e0e8f3; font-weight: 800; }
.ai-table th:not(:first-child), .ai-table td:not(:first-child) { text-align: right; white-space: nowrap; }
.ai-error, .ai-data-note { margin-top: 14px; padding: 14px 17px; border: 1px solid #514522; border-radius: 14px; color: #d4bd73; background: #211d10; font-size: 9px; line-height: 1.5; }
.ai-error { border-color: #663347; color: #f0a1b4; background: #24131a; }

html[data-theme="light"] .ai-heading > div > p:not(.eyebrow) { color: #657386; }
html[data-theme="light"] .ai-live-state,
html[data-theme="light"] .ai-periods,
html[data-theme="light"] .ai-summary-card,
html[data-theme="light"] .ai-panel,
html[data-theme="light"] .ai-empty-state { border-color: #d4dee8; background: #fff; box-shadow: 0 14px 38px #26364d12; }
html[data-theme="light"] .ai-periods { background: #edf3f7; }
html[data-theme="light"] .ai-periods a { color: #667589; }
html[data-theme="light"] .ai-periods a:hover { color: #26364b; background: #fff; }
html[data-theme="light"] .ai-summary-card strong,
html[data-theme="light"] .ai-context-list dd,
html[data-theme="light"] .ai-table td:first-child { color: #1d2b3d; }
html[data-theme="light"] .ai-panel > header,
html[data-theme="light"] .ai-panel > footer,
html[data-theme="light"] .ai-context-list > div,
html[data-theme="light"] .ai-table td { border-color: #dce4eb; }
html[data-theme="light"] .ai-table th { color: #657488; background: #f2f6f9; }
html[data-theme="light"] .ai-table td { color: #536277; }
html[data-theme="light"] .ai-limit-row progress,
html[data-theme="light"] .ai-day-row progress,
html[data-theme="light"] .ai-limit-row progress::-webkit-progress-bar,
html[data-theme="light"] .ai-day-row progress::-webkit-progress-bar { background: #dfe7ed; }

@media (max-width: 1024px) {
  .ai-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .ai-analytics-page { padding-top: 22px; }
  .ai-heading { align-items: stretch; flex-direction: column; gap: 16px; }
  .ai-heading h1 { font-size: 49px; }
  .ai-live-state { min-width: 0; }
  .ai-periods { max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-summary-grid { grid-template-columns: 1fr; }
  .ai-summary-card { min-height: 132px; }
  .ai-limit-row { grid-template-columns: 1fr; }
  .ai-limit-row small { grid-column: auto; }
  .ai-breakdown-grid { grid-template-columns: 1fr; }
  .ai-day-row { grid-template-columns: 42px minmax(70px, 1fr) 82px; gap: 8px; }
  .ai-day-row small { display: none; }
  .ai-empty-state { align-items: flex-start; flex-direction: column; }
}
.tree-arrow { color: #63718a; transition: transform .2s ease; }
.nav-tree[open] .tree-arrow { transform: rotate(180deg); }
.tree-children { display: grid; gap: 3px; margin: 3px 0 8px 40px; padding-left: 13px; border-left: 1px solid #2c3850; }
.tree-children a { padding: 9px 10px; border-radius: 9px; color: #8290a8; font-size: 13px; line-height: 1.25; }
.tree-children > a { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center; gap: 8px; }
.tree-children a:hover, .tree-children a.active { color: var(--green); background: #111d2f; }
.nested-tree { min-width: 0; }
.nested-summary { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 9px; color: #8290a8; font-size: 13px; font-weight: 800; line-height: 1.25; cursor: pointer; list-style: none; }
.nested-summary::-webkit-details-marker { display: none; }
.nested-summary:hover, .nested-summary.active { color: var(--green); background: #111d2f; }
.nested-tree[open] > .nested-summary .tree-arrow { transform: rotate(180deg); }
.nested-children { display: grid; gap: 2px; margin: 3px 0 5px 9px; padding-left: 9px; border-left: 1px solid #28354a; }
.nested-children a { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center; gap: 8px; padding: 8px; font-size: 12px; }
.channel-badge { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 7px; color: #fff; font-size: 9px; font-weight: 950; letter-spacing: -.03em; box-shadow: 0 4px 12px #0003; }
.channel-badge.wb { background: linear-gradient(135deg, #ad25ed, #f20aa6); }
.channel-badge.ozon { background: #1769ff; }
.channel-badge.yandex { color: #111; background: #ffd429; }
.profile-avatar { flex: 0 0 auto; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #38506a; border-radius: 50%; color: var(--green); background: #172238; font-size: 13px; font-weight: 900; }
.profile-photo { display: block; object-fit: cover; }
.sidebar-backdrop { display: none; position: fixed; inset: 68px 0 0; z-index: 20; border: 0; border-radius: 0; background: #02050bb3; }
.sidebar-collapsed .sidebar { transform: translateX(-100%); }
.sidebar-collapsed .page.with-sidebar { margin-left: var(--page-gutter); }

.page { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 50px 0 80px; }
.page.with-sidebar { width: auto; max-width: none; margin: 0 var(--page-gutter) 0 calc(var(--sidebar) + var(--page-gutter)); transition: margin-left .24s ease; }
.auth-page { min-height: calc(100vh - 68px); display: grid; place-items: center; padding-top: 36px; }
.auth-card { width: min(900px, 100%); display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; padding: 46px; border: 1px solid var(--line); border-radius: 28px; background: #111827e6; box-shadow: 0 30px 90px #0008; }
.auth-card.compact { width: min(760px, 100%); }
.auth-copy h1, .hero h1, .heading-row h1, .report-heading h1, .placeholder-page h1 { margin: 7px 0 14px; font-size: clamp(34px, 4.7vw, 58px); line-height: 1.02; letter-spacing: -.035em; }
.auth-copy p, .hero p, .report-heading p, .placeholder-page p { color: #9faec6; line-height: 1.6; }
.eyebrow { margin: 0; color: var(--green) !important; font-size: 12px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.stack { display: flex; flex-direction: column; gap: 18px; justify-content: center; }
.stack label small { color: #74829a; font-size: 11px; font-weight: 500; line-height: 1.45; }
.password-field { position: relative; display: block; }
.password-field input { padding-right: 52px; }
.password-visibility { position: absolute; top: 50%; right: 7px; width: 36px; height: 36px; min-height: 0; display: grid; place-items: center; padding: 0; border: 0; border-radius: 9px; color: #8391a7; background: transparent; transform: translateY(-50%); cursor: pointer; }
.password-visibility:hover, .password-visibility:focus-visible { color: var(--green); background: #ffffff0a; outline: none; }
.password-visibility svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.password-eye-closed { display: none; }
.password-visibility.visible .password-eye-open { display: none; }
.password-visibility.visible .password-eye-closed { display: block; }
html[data-theme="light"] .password-visibility:hover, html[data-theme="light"] .password-visibility:focus-visible { background: #1322380b; }
.auth-secondary { min-height: 44px; display: flex; align-items: center; justify-content: center; border: 1px solid #35415a; border-radius: 12px; color: #c4cee0; background: #111a2b; font-size: 13px; font-weight: 800; text-align: center; }
.auth-secondary:hover { border-color: var(--green); color: var(--green); background: #132238; }
.registration-card { width: min(980px, 100%); }
.registration-name-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
label { display: grid; gap: 8px; color: #bfcae0; font-size: 13px; font-weight: 750; }
input, select, textarea { width: 100%; min-height: 46px; border: 1px solid #35415a; border-radius: 12px; padding: 12px 14px; background: #0b1220; color: var(--text); outline: none; }
textarea { resize: vertical; line-height: 1.55; }
input:focus, select:focus, textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px #4ee0a126; }
button { min-height: 42px; border: 1px solid #35415a; border-radius: 12px; padding: 11px 16px; background: #182238; color: var(--text); cursor: pointer; }
.primary { border-color: #3fe09a; background: #3fe09a; color: #04150e; font-weight: 850; }
.flash { margin-bottom: 18px; padding: 13px 16px; border: 1px solid #38445c; border-radius: 12px; background: #182238; }
.flash.error { border-color: #7c3343; background: #2a151d; color: #ffb5c3; }
.flash.success { border-color: #2c7454; background: #11291f; color: #8cf0bd; }

/* Interaction matrices */
.interaction-nav-tree > summary { color: #8791a3; }
.interaction-nav-tree > summary .nav-icon,
.interaction-nav-tree .tree-icon { color: #7d8798; }
.interaction-nav-tree > summary:hover,
.interaction-nav-tree > summary.active { color: #d9e0eb; background: #171d28; }
.interaction-nav-tree .tree-children a:hover,
.interaction-nav-tree .tree-children a.active { color: #d9e0eb; background: #171d28; }
.icon-interaction-matrices,
.icon-chat-navigator,
.icon-answer-matrix,
.icon-new-cases,
.icon-improvements,
.icon-decision-history { --menu-icon: url('icons/messages.svg'); }

.interaction-matrices-page { padding-top: 38px; }
.interaction-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 22px; }
.interaction-heading > div { max-width: 820px; }
.interaction-heading h1 { margin: 8px 0 12px; font-size: clamp(38px, 5vw, 66px); line-height: .98; letter-spacing: -.05em; }
.interaction-heading > div > p:not(.eyebrow) { max-width: 760px; margin: 0; color: #91a0b6; font-size: 14px; line-height: 1.6; }
.interaction-mode { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 9px 12px; border: 1px solid #5a5138; border-radius: 999px; color: #d9c47c; background: #211d12; font-size: 10px; font-weight: 850; }
.interaction-mode i { width: 7px; height: 7px; border-radius: 50%; background: #e0c35d; box-shadow: 0 0 0 4px #e0c35d1c; }
.interaction-workspace { padding: 18px; border: 1px solid #2b374b; border-radius: 22px; background: linear-gradient(145deg, #111b2b, #0c1421); box-shadow: 0 22px 62px #0003; }
.chat-map-workspace { overflow: hidden; border: 1px solid #2b374b; border-radius: 22px; background: #0e1726; box-shadow: 0 22px 62px #0003; }
.chat-map-toolbar { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 18px; border-bottom: 1px solid #29364a; background: #101a29; }
.chat-map-toolbar > div:first-child { display: grid; gap: 4px; }
.chat-map-toolbar strong { font-size: 14px; }
.chat-map-toolbar span { color: #78879c; font-size: 10px; }
.chat-map-actions { display: flex; gap: 8px; }
.chat-map-actions button { min-height: 38px; padding: 8px 12px; font-size: 10px; font-weight: 850; }
.chat-map-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; min-height: 650px; }
.chat-map-canvas { min-width: 0; min-height: 650px; position: relative; overflow: auto; background-color: #0c1523; background-image: radial-gradient(#314158 1px, transparent 1px); background-size: 22px 22px; }
.chat-map-canvas > svg { width: 1180px; height: 650px; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.chat-map-canvas > svg line { stroke: #52637a; stroke-width: 2; }
.chat-map-canvas > [data-chat-map-stage] { width: 1180px; height: 650px; position: relative; z-index: 2; }
.chat-map-node { width: 154px; min-height: 68px; position: absolute; display: grid; align-content: center; gap: 5px; padding: 11px 13px; border: 1px solid #40516a; border-radius: 34px; color: #dce5f1; background: #121d2e; box-shadow: 0 12px 28px #0004; text-align: center; user-select: none; touch-action: none; }
.chat-map-node:hover { border-color: #69809e; transform: translateY(-1px); }
.chat-map-node.selected { border-color: #f0a05d; background: #342417; box-shadow: 0 0 0 3px #f0a05d22, 0 14px 32px #0004; }
.chat-map-node.source { border-top: 3px solid #76aaff; }
.chat-map-node.analysis { width: 190px; min-height: 88px; border-top: 3px solid #4ee0a1; }
.chat-map-node.decision { width: 180px; min-height: 84px; border: 2px dashed #e0b45d; }
.chat-map-node.action { width: 180px; border-top: 3px solid #f0a05d; }
.chat-map-node.route { border-top: 3px solid #a58cff; }
.chat-map-node strong { font-size: 11px; line-height: 1.3; }
.chat-map-node small { overflow: hidden; color: #7f8ea4; font-size: 8px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.chat-map-inspector { padding: 19px; border-left: 1px solid #29364a; background: #101a29; }
.chat-map-empty { min-height: 100%; display: grid; place-items: center; align-content: center; gap: 8px; color: #748298; text-align: center; }
.chat-map-empty[hidden], .chat-map-form[hidden] { display: none; }
.chat-map-empty strong { color: #b8c4d5; font-size: 13px; }
.chat-map-empty p { margin: 0; font-size: 10px; line-height: 1.5; }
.chat-map-form { display: grid; gap: 15px; }
.chat-map-form label { font-size: 10px; }
.chat-map-form input,.chat-map-form select,.chat-map-form textarea { min-height: 40px; padding: 9px 10px; font-size: 10px; }
.chat-map-register-note { margin: 0; padding: 11px 18px; border-top: 1px solid #29364a; color: #718097; background: #0d1624; font-size: 9px; }
.interaction-toolbar { display: grid; grid-template-columns: auto minmax(260px, 1fr); align-items: center; gap: 14px; margin-bottom: 14px; }
.interaction-source-switch { display: flex; gap: 5px; padding: 5px; border: 1px solid #2b374b; border-radius: 13px; background: #09111d; }
.interaction-source-switch button { min-height: 36px; padding: 8px 12px; border: 0; border-radius: 9px; color: #738198; background: transparent; font-size: 10px; font-weight: 850; }
.interaction-source-switch button.active { color: #06160f; background: var(--green); }
.interaction-chat-placeholder { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid #2b374b; border-radius: 13px; background: #0c1523; }
.interaction-chat-placeholder span { color: #718097; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.interaction-chat-placeholder strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.interaction-path { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.interaction-stage { min-width: 0; min-height: 112px; position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 13px; border: 1px solid #2d394c; border-radius: 14px; color: #c2ccdc; background: #0d1624; text-align: left; }
.interaction-stage:not(:last-child)::after { content: ""; width: 8px; height: 8px; position: absolute; top: 50%; right: -9px; z-index: 2; border-top: 1px solid #526078; border-right: 1px solid #526078; transform: translate(-2px, -50%) rotate(45deg); }
.interaction-stage:hover { border-color: #526078; background: #121e30; }
.interaction-stage.active { border-color: var(--green); background: #123126; box-shadow: inset 0 0 0 1px #4ee0a133, 0 10px 30px #0002; }
.interaction-stage > span { color: #69788f; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.interaction-stage.active > span { color: #83e8ba; }
.interaction-stage strong { margin-top: 8px; font-size: 12px; line-height: 1.3; }
.interaction-stage small { margin-top: auto; color: #728198; font-size: 9px; line-height: 1.35; }
.interaction-detail { display: grid; grid-template-columns: 165px minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: 12px; padding: 15px; border: 1px solid #3b725c; border-radius: 16px; background: #10241d; }
.interaction-current { display: flex; flex-direction: column; gap: 7px; justify-content: center; }
.interaction-current span { color: #7be6b5; font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.interaction-current strong { font-size: 13px; line-height: 1.35; }
.interaction-detail article { padding-left: 15px; border-left: 1px solid #315544; }
.interaction-detail article span { display: block; margin-bottom: 6px; color: #75a38f; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.interaction-detail article p { margin: 0; color: #aab8c9; font-size: 11px; line-height: 1.55; }
.interaction-evidence-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.interaction-evidence-grid article { min-width: 0; padding: 12px; border: 1px solid #29364a; border-radius: 13px; background: #0c1522; }
.interaction-evidence-grid article > span { display: block; color: #5f6f86; font-size: 8px; font-weight: 900; }
.interaction-evidence-grid strong { display: block; margin: 7px 0 4px; font-size: 11px; }
.interaction-evidence-grid small { display: block; color: #728198; font-size: 9px; line-height: 1.4; }
.interaction-section { scroll-margin-top: 86px; margin-top: 38px; }
.interaction-section > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.interaction-section h2 { margin: 5px 0 0; font-size: clamp(26px, 3vw, 38px); letter-spacing: -.035em; }
.interaction-section > header > span { padding: 7px 10px; border: 1px solid #344158; border-radius: 999px; color: #8492a8; background: #111a29; font-size: 9px; font-weight: 850; }
.interaction-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.interaction-cards article { padding: 19px; border: 1px solid #2b384c; border-radius: 18px; background: #101927; }
.interaction-card-status { display: inline-flex; padding: 5px 7px; border-radius: 999px; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.interaction-card-status.approved { color: #84e6b8; background: #143326; }
.interaction-cards h3 { margin: 13px 0 8px; font-size: 16px; }
.interaction-cards p { margin: 0; color: #8796ab; font-size: 11px; line-height: 1.55; }
.interaction-cards footer { margin-top: 16px; padding-top: 12px; border-top: 1px solid #263349; color: #6f7e94; font-size: 9px; line-height: 1.45; }
.interaction-empty,
.interaction-review-note { padding: 22px; border: 1px dashed #35445a; border-radius: 17px; background: #0d1521; }
.interaction-empty strong,
.interaction-review-note strong { font-size: 13px; }
.interaction-empty p,
.interaction-review-note p { margin: 6px 0 0; color: #7d8ca1; font-size: 11px; line-height: 1.5; }
.interaction-timeline { display: grid; gap: 1px; padding-left: 17px; border-left: 1px solid #334158; }
.interaction-timeline article { position: relative; padding: 5px 0 19px 17px; }
.interaction-timeline article::before { content: ""; width: 9px; height: 9px; position: absolute; top: 8px; left: -22px; border: 2px solid #0b1320; border-radius: 50%; background: #758198; box-shadow: 0 0 0 1px #758198; }
.interaction-timeline time { display: block; color: #6e7d92; font-size: 8px; font-weight: 850; }
.interaction-timeline strong { display: block; margin-top: 5px; font-size: 12px; }
.interaction-timeline p { margin: 4px 0 0; color: #8291a6; font-size: 10px; line-height: 1.5; }

html[data-theme="light"] .interaction-nav-tree > summary { color: #707b8b; }
html[data-theme="light"] .interaction-nav-tree > summary:hover,
html[data-theme="light"] .interaction-nav-tree > summary.active,
html[data-theme="light"] .interaction-nav-tree .tree-children a:hover,
html[data-theme="light"] .interaction-nav-tree .tree-children a.active { color: #27364b; background: #e8edf2; }
html[data-theme="light"] .interaction-heading > div > p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .interaction-mode { border-color: #dbc87e; color: #806817; background: #fff8dc; }
html[data-theme="light"] .interaction-workspace { border-color: #d6e0e8; background: linear-gradient(145deg, #ffffff, #f3f7f9); box-shadow: 0 20px 55px #50657a18; }
html[data-theme="light"] .chat-map-workspace { border-color: #d6e0e8; background: #ffffff; box-shadow: 0 20px 55px #50657a18; }
html[data-theme="light"] .chat-map-toolbar,html[data-theme="light"] .chat-map-inspector { border-color: #d9e2ea; background: #ffffff; }
html[data-theme="light"] .chat-map-canvas { background-color: #f5f8fb; background-image: radial-gradient(#cfd9e4 1px, transparent 1px); }
html[data-theme="light"] .chat-map-node { border-color: #c8d4df; color: #263247; background: #ffffff; box-shadow: 0 12px 28px #34465a1f; }
html[data-theme="light"] .chat-map-node.selected { border-color: #e9893d; background: #fff4e9; }
html[data-theme="light"] .chat-map-register-note { border-color: #d9e2ea; color: #65758b; background: #f5f8fb; }
html[data-theme="light"] .interaction-source-switch { border-color: #d8e1e9; background: #eef3f7; }
html[data-theme="light"] .interaction-chat-placeholder,
html[data-theme="light"] .interaction-stage,
html[data-theme="light"] .interaction-evidence-grid article,
html[data-theme="light"] .interaction-cards article,
html[data-theme="light"] .interaction-empty,
html[data-theme="light"] .interaction-review-note { border-color: #d7e0e8; color: #1b293d; background: #ffffff; }
html[data-theme="light"] .interaction-stage.active { border-color: #25a76f; background: #e8f7f0; }
html[data-theme="light"] .interaction-detail { border-color: #9ed5bb; background: #eef9f4; }
html[data-theme="light"] .interaction-detail article { border-color: #bddfce; }
html[data-theme="light"] .interaction-detail article p,
html[data-theme="light"] .interaction-cards p { color: #526278; }
html[data-theme="light"] .interaction-section > header > span { border-color: #d4dee7; color: #66758a; background: #f3f6f8; }

@media (max-width: 1024px) {
  .interaction-path { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .interaction-stage:nth-child(3)::after { display: none; }
  .interaction-detail { grid-template-columns: 135px minmax(0, 1fr) minmax(0, 1fr); }
  .interaction-evidence-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .chat-map-toolbar { align-items: flex-start; flex-direction: column; }
  .chat-map-layout { grid-template-columns: 1fr; }
  .chat-map-inspector { min-height: 270px; border-top: 1px solid #29364a; border-left: 0; }
  .interaction-heading { align-items: flex-start; flex-direction: column; }
  .interaction-toolbar { grid-template-columns: 1fr; }
  .interaction-detail { grid-template-columns: 1fr 1fr; }
  .interaction-current { grid-column: 1 / -1; }
  .interaction-detail article:first-of-type { padding-left: 0; border-left: 0; }
}
@media (max-width: 600px) {
  .chat-map-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .interaction-matrices-page { padding-top: 24px; }
  .interaction-heading h1 { font-size: 38px; }
  .interaction-workspace { padding: 12px; border-radius: 16px; }
  .interaction-source-switch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .interaction-source-switch button { padding-inline: 4px; }
  .interaction-path { grid-template-columns: 1fr 1fr; }
  .interaction-stage { min-height: 105px; }
  .interaction-stage:nth-child(2n)::after { display: none; }
  .interaction-stage:nth-child(3)::after { display: block; }
  .interaction-detail { grid-template-columns: 1fr; }
  .interaction-current { grid-column: auto; }
  .interaction-detail article { padding: 11px 0 0; border-top: 1px solid #315544; border-left: 0; }
  .interaction-evidence-grid { grid-template-columns: 1fr 1fr; }
  .interaction-cards { grid-template-columns: 1fr; }
  .interaction-section > header { align-items: flex-start; flex-direction: column; }
}

.landing-page { width: min(1320px, calc(100% - 40px)); padding-top: 34px; }
.landing-hero { min-height: calc(100vh - 136px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr); align-items: center; gap: clamp(36px, 7vw, 100px); padding: clamp(36px, 6vw, 82px); overflow: hidden; position: relative; border: 1px solid var(--line); border-radius: 34px; background: linear-gradient(135deg, #111b2d 0%, #0b1321 65%, #101d27 100%); box-shadow: 0 35px 100px #0006; }
.landing-copy { position: relative; z-index: 2; }
.landing-copy h1 { max-width: 760px; margin: 12px 0 22px; font-size: clamp(46px, 6vw, 82px); line-height: .98; letter-spacing: -.055em; }
.landing-copy > p:not(.eyebrow) { max-width: 650px; margin: 0; color: #a6b3c8; font-size: clamp(16px, 1.7vw, 21px); line-height: 1.6; }
.landing-features { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }
.landing-features span { padding: 9px 13px; border: 1px solid #30405a; border-radius: 999px; color: #9cabc1; background: #0b1422b8; font-size: 12px; font-weight: 750; }
.landing-visual { min-height: 500px; position: relative; display: grid; place-items: center; }
.landing-visual img { width: min(100%, 560px); position: relative; z-index: 2; aspect-ratio: 4 / 3; border: 1px solid #34425b; border-radius: 30px; object-fit: cover; transform: rotate(2deg); box-shadow: 0 30px 90px #0009; }
.visual-glow { width: 76%; aspect-ratio: 1; position: absolute; border-radius: 50%; background: #4ee0a12e; filter: blur(65px); }
.visual-caption { position: absolute; right: 4%; bottom: 5%; z-index: 3; padding: 12px 16px; border: 1px solid #3d8065; border-radius: 13px; color: #a9f2d0; background: #0d2119e8; font-size: 12px; font-weight: 850; box-shadow: 0 16px 35px #0006; }

.hero { display: grid; grid-template-columns: 1fr 380px; gap: 46px; align-items: center; padding: 34px; border: 1px solid var(--line); border-radius: 28px; background: #111827d9; }
.hero img { width: 100%; aspect-ratio: 16/11; object-fit: cover; border-radius: 20px; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 20px; }
.stats-grid article { padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: #111827b5; }
.stats-grid span, .stats-grid small { display: block; color: #8492ab; }
.stats-grid strong { display: block; margin: 10px 0; font-size: 36px; }

.management-dashboard-page { padding-top: 40px; }
.management-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 34px; margin-bottom: 26px; }
.management-heading > div { max-width: 790px; }
.management-heading h1 { margin: 8px 0 14px; font-size: clamp(42px, 5.6vw, 72px); line-height: .96; letter-spacing: -.055em; }
.management-heading > div > p:not(.eyebrow) { max-width: 760px; margin: 0; color: #94a3b9; font-size: 15px; line-height: 1.65; }
.management-control-note { flex: 0 0 255px; min-height: 78px; display: flex; align-items: center; gap: 13px; padding: 14px; border: 1px solid #2b3a50; border-radius: 18px; background: linear-gradient(145deg, #121d2d, #0d1625); box-shadow: 0 18px 48px #0002; }
.management-control-note > span { width: 50px; height: 50px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; color: #06170f; background: var(--green); font-size: 23px; font-weight: 950; }
.management-control-note div { min-width: 0; display: grid; gap: 4px; }
.management-control-note strong { font-size: 12px; line-height: 1.3; }
.management-control-note small { color: #76859b; font-size: 9px; line-height: 1.45; }
.management-period-panel { min-height: 76px; display: grid; grid-template-columns: minmax(150px, .65fr) minmax(330px, 1.35fr) auto; align-items: center; gap: 18px; padding: 12px 14px 12px 20px; border: 1px solid #2a384d; border-radius: 20px; background: #0f1827d9; box-shadow: 0 18px 50px #0002; }
.management-period-panel > div { display: grid; gap: 3px; }
.management-period-panel > div span { color: #74839a; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.management-period-panel > div strong { font-size: 15px; }
.management-periods { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; padding: 5px; border: 1px solid #28364a; border-radius: 13px; background: #0a1320; }
.management-periods a { min-height: 38px; display: grid; place-items: center; padding: 8px 10px; border-radius: 9px; color: #77869c; font-size: 10px; font-weight: 850; text-align: center; }
.management-periods a:hover { color: #dce5f3; background: #172338; }
.management-periods a.active { color: #06170f; background: var(--green); box-shadow: 0 8px 22px #4ee0a120; }
.management-source-state { display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid #4d4323; border-radius: 999px; color: #d0b76a; background: #211d10; font-size: 9px; font-weight: 800; white-space: nowrap; }
.management-source-state i { width: 7px; height: 7px; border-radius: 50%; background: #e2bb45; box-shadow: 0 0 0 4px #e2bb4518; }
.management-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin: 36px 0 18px; }
.management-section-heading h2 { margin: 6px 0 0; font-size: clamp(27px, 3vw, 38px); letter-spacing: -.035em; }
.management-section-heading > p { max-width: 410px; margin: 0; color: #78869b; font-size: 11px; line-height: 1.55; text-align: right; }
.management-metrics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.management-metric-card { --metric-accent: #4ee0a1; min-width: 0; min-height: 262px; position: relative; display: flex; flex-direction: column; overflow: hidden; padding: 22px; border: 1px solid #2a374c; border-radius: 21px; background: linear-gradient(145deg, #121c2c, #0d1624); box-shadow: 0 16px 48px #0002; }
.management-metric-card::before { content: ""; height: 3px; position: absolute; inset: 0 0 auto; background: var(--metric-accent); }
.management-metric-card::after { content: ""; width: 116px; height: 116px; position: absolute; right: -46px; bottom: -55px; border: 22px solid var(--metric-accent); border-radius: 50%; opacity: .055; }
.management-metric-card.tone-profit { --metric-accent: #61d9c8; }
.management-metric-card.tone-cash { --metric-accent: #78a9ff; }
.management-metric-card.tone-warning { --metric-accent: #ffb64d; }
.management-metric-card.tone-stock { --metric-accent: #76c8ff; }
.management-metric-card.tone-advertising { --metric-accent: #ae8bff; }
.management-metric-card.tone-returns { --metric-accent: #ff8aaf; }
.management-metric-card.tone-debt { --metric-accent: #ff846f; }
.management-metric-card header { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: start; gap: 12px; }
.management-metric-index { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--metric-accent) 42%, #334158); border-radius: 12px; color: var(--metric-accent); background: color-mix(in srgb, var(--metric-accent) 9%, #0d1624); font-size: 10px; font-weight: 950; letter-spacing: .08em; }
.management-metric-card h3 { margin: 2px 0 4px; font-size: 16px; line-height: 1.25; }
.management-metric-card header small { display: block; color: #74839a; font-size: 9px; line-height: 1.4; }
.management-metric-pending { padding: 6px 8px; border: 1px solid #38465b; border-radius: 999px; color: #7c8ba0; background: #111b2a; font-size: 8px; font-weight: 850; white-space: nowrap; }
.management-metric-value { display: flex; align-items: baseline; gap: 10px; margin: 27px 0 12px; }
.management-metric-value strong { font-size: 45px; line-height: .9; letter-spacing: -.04em; }
.management-metric-value span { color: var(--metric-accent); font-size: 11px; font-weight: 850; }
.management-metric-card > p { max-width: 92%; margin: 0; color: #8998ae; font-size: 11px; line-height: 1.55; }
.management-metric-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 17px; border-top: 1px solid #263449; color: #74839a; font-size: 9px; font-weight: 750; }
.management-metric-card footer > span { color: #a8b4c7; }
.management-metric-card footer small { color: #6f7e93; }
.management-data-note { display: flex; align-items: flex-start; gap: 13px; margin-top: 16px; padding: 18px 20px; border: 1px solid #344058; border-radius: 17px; background: #101928; }
.management-data-note > span { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #53617a; border-radius: 9px; color: #a8b5c9; font-size: 12px; font-weight: 900; }
.management-data-note strong { font-size: 11px; }
.management-data-note p { margin: 5px 0 0; color: #7d8ba1; font-size: 10px; line-height: 1.55; }

.heading-row { display: flex; justify-content: space-between; align-items: end; margin-bottom: 28px; }
.badge, .outline-badge, .data-pending { padding: 8px 12px; border-radius: 999px; color: #9fb0ca; font-size: 12px; font-weight: 800; white-space: nowrap; }
.badge { background: #1a273d; }
.outline-badge { border: 1px solid #2b7457; color: #7ce7b6; background: #10251d; }
.panel { padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: #111827d9; }
.panel h2 { margin-top: 0; }
.invite-panel { margin-bottom: 20px; border-color: #365b52; background: linear-gradient(135deg, #101d20, #111827 72%); }
.invite-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.invite-heading h2 { margin: 6px 0 0; font-size: 24px; }
.invite-description { max-width: 760px; margin: 14px 0 20px; color: #8f9db4; font-size: 13px; line-height: 1.55; }
.invite-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 14px; }
.invite-recipient-field { grid-column: 1 / -1; }
.invite-recipient-field > small { display: block; margin-top: 6px; color: #718198; font-size: 10px; font-weight: 650; }
.copy-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.copy-field input { min-width: 0; color: #d9fbea; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 800; letter-spacing: .06em; }
.copy-field button { min-width: 104px; }
.copy-field button:disabled { cursor: wait; opacity: .78; }
.invite-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #294039; }
.invite-footer > span { max-width: 720px; color: #78879d; font-size: 12px; line-height: 1.5; }
.invite-footer form { flex: 0 0 auto; margin: 0; }
.invite-registry-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; padding-top: 20px; border-top: 1px solid #294039; }
.invite-registry-heading h3 { margin: 0 0 5px; font-size: 16px; }
.invite-registry-heading p { margin: 0; color: #78879d; font-size: 12px; line-height: 1.45; }
.invite-registry { display: grid; gap: 9px; margin-top: 14px; }
.invite-row { display: grid; grid-template-columns: minmax(150px, .7fr) minmax(190px, .7fr) minmax(280px, 1.3fr) auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid #293850; border-radius: 13px; background: #0c1523; }
.invite-row.used { border-color: #285b49; background: #0c1b18; }
.invite-recipient { min-width: 0; display: grid; gap: 4px; }
.invite-recipient > span { color: #718198; font-size: 9px; font-weight: 850; text-transform: uppercase; }
.invite-recipient > strong { overflow: hidden; color: #e5edf8; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.invite-recipient > small { color: #d5ad58; font-size: 10px; font-weight: 800; }
.invite-row.used .invite-recipient > small { color: #6ed9a7; }
.invite-row-main { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; }
.invite-row-main strong { color: #d9fbea; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; letter-spacing: .06em; }
.invite-row-main span { padding: 4px 7px; border-radius: 999px; color: #04150e; background: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.invite-row-main small { width: 100%; color: #708098; font-size: 10px; }
.invite-row > input { min-width: 0; min-height: 40px; padding-block: 9px; font-size: 11px; }
.invite-row form { margin: 0; }
.invite-row form button { min-height: 40px; }
.invite-link-actions { min-width: 0; display: grid; gap: 7px; }
.invite-registered-account { min-width: 0; display: block; overflow: hidden; color: #b8c8d8; font-size: 11px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.invite-registered-account small { display: block; margin-top: 3px; overflow: hidden; color: #6f8197; font-size: 9px; font-weight: 650; text-overflow: ellipsis; }
.invite-status-badge { justify-self: end; padding: 7px 9px; border: 1px solid #2d7658; border-radius: 999px; color: #79dfb0; background: #10261e; font-size: 9px; font-weight: 900; white-space: nowrap; }
.admin-page-description { max-width: 720px; margin: 8px 0 0; color: #8392a8; font-size: 13px; line-height: 1.5; }
.admin-section-link { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border: 1px solid #397b60; border-radius: 12px; color: #77dfad; background: #10241d; font-size: 11px; font-weight: 850; }
.admin-section-link:hover { color: #061d14; background: var(--green); }
.create-grid { display: grid; grid-template-columns: 1.2fr 1fr .7fr auto; gap: 14px; align-items: end; }
.hint, .meta { color: #7f8ba1; font-size: 13px; }
.user-list { display: grid; gap: 12px; margin-top: 22px; }
.user-card { padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: #111827b5; }
.user-card.disabled { opacity: .72; }
.user-main, .user-actions, .inline-form { display: flex; align-items: center; gap: 12px; }
.user-main { justify-content: space-between; margin-bottom: 16px; }
.user-identity { min-width: 0; display: flex; align-items: center; gap: 14px; }
.user-avatar { width: 58px; height: 58px; flex: 0 0 auto; display: grid; place-items: center; object-fit: cover; border: 2px solid #4ee0a166; border-radius: 17px; color: #052017; background: #0a121f; box-shadow: 0 10px 26px #0003; }
.user-avatar-fallback { background: linear-gradient(145deg, #72efbb, #34c98b); font-size: 17px; font-weight: 950; letter-spacing: -.04em; }
.user-identity > div { min-width: 0; }
.user-identity strong { display: block; overflow: hidden; color: #edf3ff; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.user-identity small { display: block; margin-top: 5px; overflow: hidden; color: #75849a; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.user-identity .meta { margin-top: 6px; font-size: 9px; }
.user-access-panel { margin: 0 0 16px; overflow: hidden; border: 1px solid #2b394e; border-radius: 15px; background: #0c1523; }
.user-access-panel > summary { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 15px; cursor: pointer; list-style: none; }
.user-access-panel > summary::-webkit-details-marker { display: none; }
.user-access-panel > summary:hover { background: #111e30; }
.user-access-panel > summary span { min-width: 0; }
.user-access-panel > summary strong { display: block; color: #dfe8f4; font-size: 11px; }
.user-access-panel > summary small { display: block; margin-top: 4px; color: #708097; font-size: 8px; }
.user-access-panel > summary i { color: #64748b; font-size: 15px; font-style: normal; transition: transform .16s ease; }
.user-access-panel[open] > summary i { transform: rotate(180deg); }
.user-access-form { display: grid; gap: 14px; padding: 15px; border-top: 1px solid #29384d; }
.user-role-field { max-width: 330px; display: grid; gap: 6px; color: #7d8ba0; font-size: 9px; font-weight: 800; }
.user-role-field select { width: 100%; min-height: 42px; padding: 9px 34px 9px 11px; border: 1px solid #34435a; border-radius: 11px; color: #dfe7f2; background: #111c2c; font-size: 10px; }
.user-role-field select:disabled { opacity: .65; cursor: not-allowed; }
.user-role-assignment { display: flex; align-items: end; gap: 12px; padding: 14px 16px; border-top: 1px solid #26354a; }
.user-role-assignment .user-role-field { flex: 1 1 280px; max-width: 460px; }
.user-role-assignment > button { min-height: 42px; }
.user-role-assignment > .hint { margin: 0 0 11px; }
.user-personal-details { border-top: 1px solid #26354a; }
.user-personal-details summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; color: #aebbd0; font-size: 10px; font-weight: 850; cursor: pointer; list-style: none; }
.user-personal-details summary::-webkit-details-marker { display: none; }
.user-personal-details summary i { font-style: normal; transition: transform .16s ease; }
.user-personal-details[open] summary i { transform: rotate(180deg); }
.user-personal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; padding: 1px 0 0; background: #26354a; }
.user-personal-grid > div { min-width: 0; display: grid; gap: 5px; padding: 13px 16px; background: #111c2c; }
.user-personal-grid small { color: #718198; font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.user-personal-grid strong { overflow: hidden; color: #e6edf8; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.user-section-permissions { display: grid; gap: 8px; }
.user-section-permissions > span { color: #7d8ba0; font-size: 9px; font-weight: 800; }
.user-section-permissions > div { display: grid; gap: 10px; }
.user-permission-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.user-permission-group { min-width: 0; margin: 0; padding: 10px; border: 1px solid #2d3b50; border-radius: 12px; }
.user-permission-group legend { padding: 0 6px; color: #dbe5f2; font-size: 10px; font-weight: 850; }
.user-permission-group > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.user-section-permissions label { min-width: 0; min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 9px 11px; border: 1px solid #2d3b50; border-radius: 11px; color: #aab6c8; background: #111b2b; font-size: 9px; font-weight: 750; cursor: pointer; }
.user-section-permissions label:has(input:checked) { border-color: #34775b; color: #82dfb4; background: #10251d; }
.user-section-permissions input { width: 15px; height: 15px; flex: 0 0 auto; margin: 0; accent-color: #42d597; }
.user-section-permissions label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-access-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.user-access-footer small { max-width: 680px; color: #65758b; font-size: 8px; line-height: 1.45; }
.user-access-footer button { min-height: 40px; flex: 0 0 auto; padding: 9px 14px; }
.user-actions { flex-wrap: wrap; }
.inline-form { flex: 1; }
.inline-form input { min-width: 240px; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; }
.status-dot.on { background: #3fe09a; box-shadow: 0 0 16px #3fe09a; }
.status-dot.off { background: #ff637d; }
.danger { border-color: #773043; color: #ff9daf; background: #26131a; }
.success-button { border-color: #2c7454; color: #8cf0bd; background: #11291f; }

.report-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.report-heading > div { max-width: 790px; }
.report-heading p { margin-bottom: 0; }
.report-filter { padding: 30px; background: linear-gradient(135deg, #111a2b, #0e1625); }
.section-heading, .results-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.section-heading > div, .results-heading > div { display: flex; align-items: center; gap: 12px; }
.section-heading h2, .results-heading h2 { margin: 0; font-size: 20px; }
.section-heading p, .results-heading > span { margin: 0; color: #78869e; font-size: 13px; }
.step-number { color: var(--green); font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.report-filter-grid { display: grid; grid-template-columns: 1fr 1fr minmax(300px, 1.35fr) auto; gap: 12px; align-items: end; }
.report-submit { min-height: 46px; padding-inline: 20px; }
.period-field { min-width: 0; display: grid; gap: 8px; color: #bfcae0; font-size: 13px; font-weight: 750; }
.period-field-label { display: block; }
.range-picker { min-width: 0; position: relative; }
.range-picker.open { z-index: 45; }
.range-trigger { width: 100%; min-height: 46px; display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 13px; border-color: #35415a; background: #0b1220; text-align: left; }
.range-trigger:hover, .range-picker.open .range-trigger { border-color: var(--green); box-shadow: 0 0 0 3px #4ee0a11c; }
.range-trigger [data-range-label] { overflow: hidden; font-size: 13px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.range-calendar-icon { width: 21px; height: 19px; position: relative; display: block; border: 2px solid #7d8ba1; border-radius: 5px; }
.range-calendar-icon::before { content: ""; position: absolute; top: 3px; right: 0; left: 0; border-top: 2px solid #7d8ba1; }
.range-calendar-icon::after, .range-calendar-icon i::after { content: ""; width: 3px; height: 5px; position: absolute; top: -5px; border-radius: 2px; background: #7d8ba1; }
.range-calendar-icon::after { left: 3px; }
.range-calendar-icon i::after { right: 3px; }
.range-chevron { color: #718098; font-size: 18px; transition: transform .2s ease; }
.range-picker.open .range-chevron { transform: rotate(180deg); }
.range-popover[hidden] { display: none !important; }
.range-popover { width: min(880px, calc(100vw - 48px)); position: absolute; top: calc(100% + 10px); right: 0; z-index: 50; display: grid; grid-template-columns: minmax(0, 1fr) 190px; overflow: hidden; border: 1px solid #2b3951; border-radius: 20px; background: #101827; box-shadow: 0 28px 90px #000a; }
.range-calendar-area { min-width: 0; padding: 20px; }
.range-calendar-toolbar { display: grid; grid-template-columns: 38px minmax(0, 1fr) 38px; align-items: center; gap: 12px; margin-bottom: 8px; }
.range-calendar-toolbar button { min-height: 36px; padding: 0; border: 0; color: #aab6c9; background: transparent; font-size: 25px; }
.range-calendar-toolbar button:hover { color: var(--green); background: #172238; }
.range-calendar-toolbar p { margin: 0; color: #7f8da4; font-size: 12px; font-weight: 700; text-align: center; }
.range-months { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.range-month h3 { margin: 4px 0 16px; font-size: 17px; text-align: center; text-transform: capitalize; }
.range-weekdays, .range-days { display: grid; grid-template-columns: repeat(7, minmax(30px, 1fr)); }
.range-weekdays { margin-bottom: 6px; }
.range-weekdays span { padding: 6px 0; color: #7b899f; font-size: 11px; font-weight: 800; text-align: center; text-transform: capitalize; }
.range-days { row-gap: 3px; }
.range-day, .range-day-empty { min-width: 0; min-height: 38px; }
.range-day { padding: 0; border: 0; border-radius: 9px; color: #dbe3f1; background: transparent; font-size: 13px; }
.range-day:hover:not(:disabled) { color: var(--text); background: #1b2a42; }
.range-day.weekend { color: #ff7b9d; }
.range-day.today { box-shadow: inset 0 0 0 1px #55647a; }
.range-day.in-range { border-radius: 0; color: #b7f3d8; background: #18392e; }
.range-day.range-start, .range-day.range-end { border-radius: 10px; color: #04150e; background: var(--green); font-weight: 900; box-shadow: 0 6px 18px #4ee0a12d; }
.range-day:disabled { color: #4e596a; cursor: not-allowed; opacity: .5; }
.range-presets { display: flex; flex-direction: column; gap: 2px; padding: 18px 14px; border-left: 1px solid #2a374d; background: #0d1523; }
.range-presets button { min-height: 34px; padding: 7px 10px; border: 0; border-radius: 8px; color: #72e9b6; background: transparent; font-size: 13px; font-weight: 750; text-align: left; }
.range-presets button:hover, .range-presets button.active { color: #04150e; background: var(--green); }
.range-presets p { margin: auto 0 8px; padding-top: 18px; color: #728097; font-size: 10px; font-weight: 600; line-height: 1.45; }
.range-presets small { color: #8997ad; font-size: 11px; line-height: 1.4; }
.empty-state { min-height: 180px; display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 20px; padding: 36px; border: 1px dashed #31405a; border-radius: 20px; background: #0e1625a6; }
.empty-state h2 { margin: 0 0 7px; font-size: 20px; }
.empty-state p { margin: 0; color: #7f8da5; line-height: 1.5; }
.empty-icon { width: 48px; height: 48px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid #2e7256; border-radius: 50%; color: var(--green); background: #10251d; font-size: 20px; font-weight: 900; }
.warning-state .empty-icon { border-color: #78552a; color: #ffc56d; background: #2a2012; }
.results-heading { margin-top: 34px; }
.report-results-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.report-results-actions > span { color: #78869e; font-size: 13px; }
.report-pdf-download { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 14px; border: 1px solid #4adea073; border-radius: 13px; color: #d9fbea; background: linear-gradient(135deg, #173528, #10271f); font-size: 12px; font-weight: 900; box-shadow: 0 10px 24px #0003; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.report-pdf-download:hover { border-color: #64e7b1; background: linear-gradient(135deg, #1b4634, #133525); transform: translateY(-1px); }
.report-pdf-download:focus-visible { outline: 3px solid #4adea052; outline-offset: 3px; }
.report-pdf-download > span { font-size: 16px; line-height: 1; }
.report-results { display: grid; gap: 20px; }
.article-report { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #0f1726e8; box-shadow: 0 20px 60px #0003; }
.article-report-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 28px; border-bottom: 1px solid var(--line); background: #121d30; }
.article-report-header span { color: #7f8da5; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.article-report-header h2 { margin: 5px 0 0; font-size: 27px; }
.article-report-header .data-pending { border: 1px solid #755b2c; color: #ffc66d; background: #2a2113; letter-spacing: 0; text-transform: none; }
.article-report-header .data-pending.connected { border-color: #2e7256; color: #7ce7b6; background: #10251d; }
.report-block { padding: 26px 28px; border-bottom: 1px solid #212c40; }
.block-title { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.block-title span { color: var(--green); font-size: 11px; font-weight: 900; }
.block-title h3 { margin: 0; font-size: 15px; }
.marketplace-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.marketplace-grid > div { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 15px; border: 1px solid #263149; border-radius: 14px; background: #0b1321; }
.marketplace-grid p { margin: 0; color: #aab5c8; font-size: 13px; }
.marketplace-grid strong { font-size: 20px; }
.marketplace-grid > .marketplace-total { grid-column: 1 / -1; border-color: #32684f; background: linear-gradient(135deg, #10271e, #0d1b1d); }
.marketplace-grid > .marketplace-total p,
.marketplace-grid > .marketplace-total small,
.marketplace-grid > .marketplace-total strong { color: #82e7ba; }
.marketplace-copy { min-width: 0; }
.marketplace-copy small { display: block; margin-top: 4px; color: #708098; font-size: 10px; font-weight: 750; }
.marketplace-mark { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; font-size: 12px; font-weight: 900; }
.marketplace-mark.wb { color: #fff; background: linear-gradient(135deg, #ae37ff, #f22c8a); }
.marketplace-mark.ozon { color: #fff; background: #175cff; }
.marketplace-mark.ym { color: #111; background: #ffdc37; }
.marketplace-mark.all { color: #06140f; background: var(--green); }
.source-note { margin: 12px 0 0; color: #73dcae; font-size: 11px; font-weight: 700; line-height: 1.45; }
.source-note.warning { color: #f2bd68; }
.expense-marketplaces { display: grid; gap: 14px; }
.expense-marketplace-card { overflow: hidden; border: 1px solid #2b3950; border-radius: 20px; background: #0b1321; box-shadow: 0 20px 55px #02071152; }
.expense-marketplace-card[hidden] { display: none; }
.expense-marketplace-selector { width: 100%; min-height: 76px; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 17px 18px; border: 0; border-bottom: 1px solid #263149; border-radius: 0; color: var(--text); text-align: left; background: radial-gradient(circle at 0 0, #1b2c43, #101a2b 55%); transition: background .18s ease; }
.expense-marketplace-selector:hover { background: radial-gradient(circle at 0 0, #22364f, #132036 58%); }
.expense-marketplace-selector:focus-visible { outline: 2px solid var(--green); outline-offset: -4px; }
.expense-marketplace-selector .marketplace-mark { width: 40px; height: 40px; border-radius: 11px; box-shadow: 0 8px 20px #0004; }
.expense-marketplace-copy { min-width: 0; }
.expense-marketplace-copy strong { display: block; font-size: 16px; letter-spacing: -.01em; }
.expense-marketplace-copy small { display: block; margin-top: 4px; overflow: hidden; color: #7d8ba0; font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.expense-marketplace-change { display: inline-flex; align-items: center; gap: 8px; color: #8fa0b8; font-size: 11px; font-weight: 850; }
.expense-marketplace-change i { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #35445c; border-radius: 9px; font-size: 21px; font-style: normal; transition: transform .18s ease; }
.expense-marketplace-selector:hover .expense-marketplace-change { color: #c5d0df; }
.expense-marketplace-selector:hover .expense-marketplace-change i { transform: translateX(2px); }
.platform-finance-list { border: 0; border-radius: 0; }
.platform-finance-list > div { transition: background .18s ease; }
.platform-finance-list > div:hover { background: #101c2d; }
.expense-breakdown summary { width: max-content; min-height: 36px; display: flex; align-items: center; justify-content: flex-end; gap: 7px; margin: 10px 12px 10px auto; padding: 7px 11px; border: 1px solid #2b3950; border-radius: 999px; color: #8998ad; background: #101a2a; font-size: 11px; font-weight: 800; cursor: pointer; list-style: none; transition: color .18s ease, border-color .18s ease, background .18s ease; }
.expense-breakdown summary::-webkit-details-marker { display: none; }
.expense-breakdown summary:hover { border-color: #40516c; color: #d8e1ee; background: #152238; }
.expense-breakdown summary i { font-style: normal; transition: transform .2s ease; }
.expense-breakdown .when-closed { display: none; }
.expense-breakdown:not([open]) .when-open { display: none; }
.expense-breakdown:not([open]) .when-closed { display: inline; }
.expense-breakdown:not([open]) summary i { transform: rotate(180deg); }
.expense-summary-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px; border-top: 1px solid #263149; background: #09111e; }
.expense-total-row,
.expense-payout-row { min-height: 112px; position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; gap: 4px 12px; overflow: hidden; padding: 16px; border: 1px solid; border-radius: 16px; }
.expense-total-row::after,
.expense-payout-row::after { content: ""; width: 96px; height: 96px; position: absolute; right: -38px; bottom: -52px; border-radius: 50%; opacity: .45; pointer-events: none; }
.expense-total-row { border-color: #743247; color: #ff9db0; background: linear-gradient(135deg, #351620, #23121a); box-shadow: 0 14px 34px #19070d55 inset; }
.expense-total-row::after { background: #e84b6b38; }
.expense-payout-row { border-color: #2e7658; color: #78e5b3; background: linear-gradient(135deg, #102c21, #0d211a); box-shadow: 0 14px 34px #03150d66 inset; }
.expense-payout-row::after { background: #43d49638; }
.expense-payout-row.negative { border-color: #743247; color: #ff9db0; background: linear-gradient(135deg, #351620, #23121a); box-shadow: 0 14px 34px #19070d55 inset; }
.expense-payout-row.negative::after { background: #e84b6b38; }
.expense-summary-icon { width: 42px; height: 42px; grid-row: 1 / -1; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 13px; background: #ffffff0b; font-size: 22px; font-weight: 900; box-shadow: 0 8px 18px #0003; }
.expense-summary-copy { min-width: 0; align-self: end; }
.expense-summary-copy span { display: block; font-size: 12px; font-weight: 900; letter-spacing: .015em; line-height: 1.3; }
.expense-summary-copy small { display: block; margin-top: 3px; color: currentColor; font-size: 9px; font-weight: 700; line-height: 1.35; opacity: .63; }
.expense-summary-value { grid-column: 2; position: relative; z-index: 1; align-self: start; }
.expense-summary-value strong,
.expense-payout-row strong { grid-column: 2; position: relative; z-index: 1; align-self: start; font-size: clamp(19px, 2.2vw, 27px); letter-spacing: -.025em; line-height: 1.1; }
.expense-summary-value small { display: block; width: max-content; margin-top: 6px; padding: 4px 7px; border: 1px solid #ff9db052; border-radius: 999px; color: #ffb1c0; background: #ff6f8c12; font-size: 10px; font-weight: 900; letter-spacing: .01em; }
.expense-summary-value.payout small { border-color: #78e5b352; color: #9af0c7; background: #43d49612; }
.expense-payout-row.negative .expense-summary-value.payout small { border-color: #ff9db052; color: #ffb1c0; background: #ff6f8c12; }
.marketplace-drawer-layer { position: fixed; z-index: 160; inset: 0; display: flex; justify-content: flex-end; }
.marketplace-drawer-layer[hidden] { display: none; }
.marketplace-drawer-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; background: #020610b8; backdrop-filter: blur(5px); animation: expense-backdrop-in .2s ease both; }
.marketplace-drawer { width: min(430px, calc(100% - 28px)); height: 100%; position: relative; z-index: 1; overflow-y: auto; padding: 24px; border-left: 1px solid #304058; background: linear-gradient(180deg, #131e30, #0a121f); box-shadow: -25px 0 80px #0008; animation: expense-drawer-in .24s ease both; }
.marketplace-drawer > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 22px; border-bottom: 1px solid #29374e; }
.marketplace-drawer > header span { color: var(--green); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.marketplace-drawer > header h3 { margin: 6px 0 7px; font-size: 25px; letter-spacing: -.025em; }
.marketplace-drawer > header p { margin: 0; color: #8594aa; font-size: 12px; line-height: 1.5; }
.marketplace-drawer-close { width: 40px; height: 40px; flex: 0 0 auto; padding: 0; border: 1px solid #35445c; border-radius: 12px; color: #aab7ca; background: #152136; font-size: 24px; }
.marketplace-filter { display: grid; gap: 9px; margin-top: 20px; }
.marketplace-filter button { width: 100%; min-height: 64px; display: grid; grid-template-columns: 42px minmax(0, 1fr) 28px; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #2d3b52; border-radius: 15px; color: #a9b5c7; background: #101a2a; font-size: 14px; font-weight: 850; text-align: left; transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; }
.marketplace-filter button:hover { border-color: #455775; color: #f2f6fb; background: #17243a; transform: translateX(-2px); }
.marketplace-filter button.active { border-color: #4ee0a16b; color: #d9fbea; background: linear-gradient(135deg, #173528, #10271f); box-shadow: 0 8px 24px #0003; }
.marketplace-filter button > i { display: none; color: var(--green); font-size: 17px; font-style: normal; text-align: center; }
.marketplace-filter button.active > i { display: block; }
.marketplace-filter .marketplace-mark { width: 42px; height: 42px; border-radius: 11px; }
body.marketplace-drawer-open { overflow: hidden; }
@keyframes expense-drawer-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes expense-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
.expense-value { display: flex; flex: 0 0 auto; align-items: baseline; gap: 9px; }
.expense-value small { color: #72e9b6; font-size: 11px; font-weight: 850; }
.expense-flow.negative,
.expense-value.negative strong,
.expense-value.negative small { color: #ff8da4; }
.expense-flow.positive,
.expense-value.positive strong,
.expense-value.positive small { color: #65dca6; }
.expense-flow.zero,
.expense-value.zero strong,
.expense-value.zero small { color: #8492a7; }
.expense-line-label { display: block; }
.expense-line-label > span { display: block; }
.expense-line-label > small { display: block; margin-top: 4px; color: #66758d; font-size: 9px; font-weight: 700; }
.finance-list > .logistics-expense-row { position: relative; overflow: visible; }
.platform-finance-list:has(.logistics-popover[open]),
.expense-marketplace-card:has(.logistics-popover[open]) { position: relative; z-index: 30; overflow: visible; }
.logistics-popover { position: relative; flex: 0 0 auto; }
.logistics-popover > summary { padding: 7px 9px; border: 1px solid #34445c; border-radius: 11px; background: #111c2d; cursor: pointer; list-style: none; }
.logistics-popover > summary::-webkit-details-marker { display: none; }
.logistics-popover > summary:hover,
.logistics-popover[open] > summary { border-color: #4c607d; background: #17253a; }
.logistics-popover > summary strong { border-bottom: 1px dashed currentColor; }
.logistics-popover > summary i { width: 22px; height: 22px; display: grid; place-items: center; margin-left: 2px; border: 1px solid #42526a; border-radius: 7px; color: #8fa0b8; font-size: 14px; font-style: normal; transition: transform .18s ease; }
.logistics-popover[open] > summary i { transform: rotate(180deg); }
.logistics-popover-card { width: min(500px, calc(100vw - 48px)); max-height: min(720px, calc(100vh - 48px)); position: absolute; top: calc(100% + 13px); right: 0; z-index: 40; overflow: auto; border: 1px solid #3a4a62; border-radius: 18px; background: #0d1726; box-shadow: 0 28px 80px #000a; animation: logistics-popover-in .16s ease both; }
.logistics-popover-card::before { content: ""; width: 13px; height: 13px; position: absolute; top: -7px; right: 35px; transform: rotate(45deg); border-top: 1px solid #3a4a62; border-left: 1px solid #3a4a62; background: #152238; }
.logistics-popover-card > header { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid #2d3a4f; background: #152238; }
.logistics-popover-card > header div { min-width: 0; }
.logistics-popover-card > header span { display: block; color: #8492a8; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.logistics-popover-card > header strong { display: block; margin-top: 4px; color: #ff8da4; font-size: 20px; }
.logistics-popover-card > header button { width: 34px; height: 34px; display: grid; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #3a4a61; border-radius: 10px; color: #9ba9bc; background: #101a2b; font-size: 21px; line-height: 1; }
.logistics-popover-card > header button:hover { color: #ffffff; background: #1c2a40; }
.logistics-popover-list { display: grid; }
.logistics-popover-list > div { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; border-bottom: 1px solid #28364a; background: #0d1726; }
.logistics-popover-amount { flex: 0 0 auto; text-align: right; }
.logistics-popover-amount strong { display: block; font-size: 15px; }
.logistics-popover-amount small { display: block; margin-top: 5px; color: #8492a7; font-size: 8px; font-weight: 750; }
.logistics-popover-amount.negative strong { color: #ff8da4; }
.logistics-popover-amount.positive strong { color: #65dca6; }
.logistics-popover-amount.zero strong { color: #8492a7; }
.logistics-popover-card > footer { min-height: 48px; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 11px 16px; color: #77869c; background: #101a2b; }
.logistics-popover-card > footer span { font-size: 10px; font-weight: 800; }
.logistics-popover-card > footer strong { color: #dbe4f1; font-size: 14px; }
@keyframes logistics-popover-in { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.expense-placeholder { min-height: 120px; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 24px; color: #718098; text-align: center; }
.expense-placeholder span { color: #4d617d; font-size: 26px; }
.expense-placeholder p { max-width: 480px; margin: 0; font-size: 12px; line-height: 1.5; }
.tax-section-summary { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; color: var(--text); cursor: pointer; list-style: none; }
.tax-section-summary::-webkit-details-marker { display: none; }
.tax-section-index { color: var(--green); font-size: 11px; font-weight: 900; }
.tax-section-summary h3 { margin: 0; font-size: 15px; }
.tax-section-toggle { min-height: 36px; display: inline-flex; align-items: center; gap: 7px; margin-left: auto; padding: 7px 11px; border: 1px solid #2b3950; border-radius: 999px; color: #8998ad; background: #101a2a; font-size: 11px; font-weight: 800; transition: color .18s ease, border-color .18s ease, background .18s ease; }
.tax-section-summary:hover .tax-section-toggle { border-color: #40516c; color: #d8e1ee; background: #152238; }
.tax-section-toggle i { font-style: normal; transition: transform .2s ease; }
.tax-section-toggle .when-closed { display: none; }
.tax-section-details:not([open]) .tax-section-summary { margin-bottom: 0; }
.tax-section-details:not([open]) .tax-section-toggle .when-open { display: none; }
.tax-section-details:not([open]) .tax-section-toggle .when-closed { display: inline; }
.tax-section-details:not([open]) .tax-section-toggle i { transform: rotate(180deg); }
.tax-card { overflow: hidden; border: 1px solid #2b3950; border-radius: 20px; background: #0b1321; box-shadow: 0 20px 55px #02071152; }
.tax-finance-list { border-top: 1px solid #263149; }
.tax-source-note { margin: 0; padding: 11px 16px 14px; color: #f2bd68; background: #101827; font-size: 10px; font-weight: 750; line-height: 1.5; }
.batch-allocation-note { color: #73dcae; }
.tax-summary-rows { margin-top: 12px; overflow: hidden; border: 1px solid #263149; border-radius: 20px; }
.warehouse-summary-rows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.warehouse-expense-list > div:last-child { grid-column: 1 / -1; }
.customs-expense-list > div:last-child { grid-column: 1 / -1; }
.factory-cost-source-note { margin-top: 12px; border: 1px solid #5d4a28; border-radius: 14px; }
.finance-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid #263149; border-radius: 14px; background: #263149; }
.finance-list > div { min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 16px; background: #0b1321; }
.finance-list > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
.finance-list span { color: #93a0b6; font-size: 13px; line-height: 1.35; }
.finance-list strong { flex: 0 0 auto; font-size: 18px; }
.finance-list .result-row { grid-column: 1 / -1; background: #11281f; }
.finance-list .result-row span, .finance-list .result-row strong { color: #7ce7b6; font-weight: 850; }
.finance-list .result-row.negative { background: #2b151d; }
.finance-list .result-row.negative span, .finance-list .result-row.negative strong { color: #ff9daf; }
.data-note { margin: 0; padding: 18px 28px; color: #708098; background: #0a111e; font-size: 12px; line-height: 1.55; }

.profile-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.profile-heading h1 { margin: 7px 0 12px; font-size: clamp(38px, 5vw, 62px); letter-spacing: -.045em; line-height: 1; }
.profile-heading p:not(.eyebrow) { max-width: 700px; margin: 0; color: #8f9db4; line-height: 1.6; }
.profile-layout { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 20px; align-items: start; }
.photo-panel { position: sticky; top: 92px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.profile-photo-large { width: 154px; height: 154px; min-height: 154px; position: relative; display: grid; place-items: center; overflow: hidden; padding: 0; border: 2px solid #3c8768; border-radius: 50%; color: var(--green); background: radial-gradient(circle at 35% 30%, #263951, #111b2b); font-size: 48px; font-weight: 900; box-shadow: 0 20px 55px #0006, 0 0 0 8px #172238; cursor: pointer; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.profile-photo-large:hover { border-color: var(--green); transform: translateY(-2px); box-shadow: 0 24px 60px #0007, 0 0 0 8px #1d2d45; }
.profile-photo-large:focus-visible { outline: 3px solid var(--green); outline-offset: 9px; }
.profile-photo-large img { width: 100%; height: 100%; object-fit: cover; }
.photo-edit-overlay { min-height: 34px; position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 8px 10px 10px; color: #fff; background: linear-gradient(transparent, #050a12e8 48%); font-size: 11px; font-weight: 850; letter-spacing: .02em; opacity: .82; transition: opacity .2s ease; }
.profile-photo-large:hover .photo-edit-overlay,
.profile-photo-large:focus-visible .photo-edit-overlay { opacity: 1; }
.photo-panel h2 { max-width: 100%; margin: 24px 0 5px; overflow: hidden; font-size: 20px; text-overflow: ellipsis; }
.photo-panel > p { max-width: 100%; margin: 0 0 20px; overflow: hidden; color: #77869e; font-size: 12px; text-overflow: ellipsis; }
.photo-panel > small { margin-top: 10px; color: #6f7d94; font-size: 11px; line-height: 1.45; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.photo-upload { width: 100%; min-height: 43px; display: flex; align-items: center; justify-content: center; border: 1px solid #36506a; border-radius: 11px; color: #b9c5d8; background: #152138; cursor: pointer; }
.photo-upload:hover { border-color: var(--green); color: var(--green); }
.selected-photo-name { width: 100%; margin-top: 9px; overflow: hidden; color: #77869e; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.profile-fields { padding: 30px; }
.profile-section-heading { margin-bottom: 22px; }
.profile-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.bio-field { margin-top: 18px; }
.profile-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; padding-top: 20px; border-top: 1px solid #263149; }
.profile-actions > span { color: #6f7e96; font-size: 12px; }
.profile-actions .primary { min-width: 180px; }

.crop-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 18px; }
.crop-modal[hidden] { display: none; }
.crop-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; background: #02050bd9; backdrop-filter: blur(8px); }
.crop-dialog { width: min(760px, 100%); max-height: calc(100vh - 36px); position: relative; z-index: 1; overflow: auto; padding: 28px; border: 1px solid #34415a; border-radius: 24px; background: #111827; box-shadow: 0 35px 120px #000b; }
.crop-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.crop-header h2 { margin: 6px 0 0; font-size: 28px; }
.crop-close { width: 42px; height: 42px; padding: 0; border-radius: 50%; font-size: 24px; }
.crop-description { margin: 12px 0 20px; color: #8c9ab1; font-size: 13px; line-height: 1.55; }
.crop-stage { width: min(420px, 100%); aspect-ratio: 1; position: relative; overflow: hidden; margin: 0 auto; border: 1px solid #42506a; border-radius: 50%; background: #070c14; box-shadow: 0 0 0 10px #172238, 0 25px 65px #0008; cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; }
.crop-stage:focus-visible { outline: 3px solid var(--green); outline-offset: 13px; }
.crop-stage.dragging { cursor: grabbing; }
.crop-stage::after { content: ""; position: absolute; inset: 11%; border: 1px dashed #ffffff99; border-radius: 50%; pointer-events: none; }
.crop-stage canvas { width: 100%; height: 100%; display: block; }
.crop-hint { margin: 24px auto 10px; color: #8c9ab1; font-size: 13px; text-align: center; }
.crop-zoom-control { width: min(420px, 100%); display: grid; grid-template-columns: 24px 1fr 24px; align-items: center; gap: 10px; margin: 0 auto; color: #8c9ab1; font-size: 22px; font-weight: 700; }
.crop-zoom-control span { text-align: center; }
.crop-zoom-control input[type="range"] { min-height: 28px; padding: 0; border: 0; box-shadow: none; accent-color: var(--green); }
.crop-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 22px; padding-top: 20px; border-top: 1px solid #29364d; }
.crop-actions > div { display: flex; gap: 10px; }
body.crop-open { overflow: hidden; }

.stock-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 26px; }
.stock-heading > div:first-child { max-width: 760px; }
.stock-heading h1 { margin: 7px 0 12px; font-size: clamp(38px, 5vw, 62px); letter-spacing: -.04em; line-height: 1; }
.stock-heading p:not(.eyebrow) { margin: 0; color: #91a0b7; line-height: 1.6; }
.stock-freshness { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #2c7658; border-radius: 999px; color: #8fe9bd; background: #10251d; font-size: 11px; font-weight: 800; }
.stock-freshness > span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.stock-filter-panel { padding: 24px; background: linear-gradient(135deg, #111b2c, #0d1523); }
.stock-filter-heading, .stock-table-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.stock-filter-heading > div:first-child, .stock-table-heading > div:first-child { display: flex; align-items: center; gap: 11px; }
.stock-filter-heading > div:first-child > span, .stock-table-heading > div:first-child > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #34745b; border-radius: 10px; color: var(--green); background: #10251d; font-size: 10px; font-weight: 900; }
.stock-filter-heading h2, .stock-table-heading h2 { margin: 0; font-size: 20px; }
.stock-source-statuses { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.stock-source-status { display: flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid #314056; border-radius: 999px; color: #8290a7; background: #0c1421; font-size: 9px; font-weight: 800; }
.stock-source-status i { width: 6px; height: 6px; border-radius: 50%; background: #6d7c92; }
.stock-source-status.connected { border-color: #2e7658; color: #78e5b3; }
.stock-source-status.connected i { background: #4ee0a1; box-shadow: 0 0 9px #4ee0a1; }
.stock-source-status.warning { border-color: #725f32; color: #e7cc79; }
.stock-source-status.warning i { background: #e7bd4f; }
.stock-source-status.error { border-color: #713246; color: #e993a5; }
.stock-source-status.error i { background: #e86682; }
.stock-filter-form { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto auto; align-items: end; gap: 12px; }
.stock-filter-form .primary, .stock-reset { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 11px 18px; border-radius: 12px; font-size: 12px; font-weight: 850; }
.stock-reset { border: 1px solid #34425a; color: #a5b1c5; background: #121b2b; }
.stock-filter-form > label,
.stock-filter-field { min-width: 0; display: grid; grid-template-rows: 18px 46px; align-content: end; gap: 8px; color: #bfcae0; font-size: 13px; font-weight: 750; }
.stock-filter-form > label > select { height: 46px; min-height: 46px; }
.stock-filter-label { display: block; }
.stock-multiselect { min-width: 0; height: 46px; position: relative; }
.stock-multiselect-toggle { width: 100%; height: 46px; min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 14px; border: 1px solid #34425a; border-radius: 12px; color: #dce6f4; background: #111b2b; font: inherit; font-size: 12px; font-weight: 750; text-align: left; cursor: pointer; }
.stock-multiselect-toggle > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stock-multiselect-toggle > i { width: 8px; height: 8px; flex: 0 0 auto; border-right: 2px solid #7e8da3; border-bottom: 2px solid #7e8da3; transform: translateY(-2px) rotate(45deg); transition: transform .16s ease; }
.stock-multiselect.open .stock-multiselect-toggle { border-color: var(--green); box-shadow: 0 0 0 3px #4ee0a126; }
.stock-multiselect.open .stock-multiselect-toggle > i { transform: translateY(2px) rotate(225deg); }
.stock-multiselect-popover { width: 100%; max-height: min(420px, 65vh); position: absolute; top: calc(100% + 7px); right: 0; left: 0; z-index: 58; padding: 8px; overflow: hidden; border: 1px solid #35465e; border-radius: 14px; background: #101a2a; box-shadow: 0 18px 50px #0008; }
.stock-multiselect-popover[hidden] { display: none; }
.stock-multiselect-search { width: 100%; height: 40px; min-height: 40px; margin-bottom: 7px; padding: 8px 11px; font-size: 11px; }
.stock-multiselect-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 6px; }
.stock-multiselect-actions button { min-height: 34px; padding: 7px 9px; border: 1px solid #314159; border-radius: 9px; color: #8c9bb0; background: #131f31; font: inherit; font-size: 9px; font-weight: 850; cursor: pointer; }
.stock-multiselect-actions button:hover { border-color: #3d735d; color: #7fe8b8; }
.stock-multiselect-list { max-height: 310px; overflow-y: auto; scrollbar-color: #40506a transparent; scrollbar-width: thin; }
.stock-multiselect-list > label { min-height: 38px; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 9px; color: #a5b2c5; font-size: 11px; font-weight: 750; cursor: pointer; }
.stock-multiselect-list > label:hover { color: #eef5ff; background: #19263a; }
.stock-multiselect-list > label[hidden] { display: none; }
.stock-multiselect-list input[type="checkbox"] { width: 17px; height: 17px; flex: 0 0 auto; margin: 0; accent-color: var(--green); }
.stock-multiselect-list input[type="checkbox"]:checked + span { color: #7fe8b8; }
.stock-article-multiselect-list .stock-article-group-label { position: sticky; top: 0; z-index: 1; background: #101a2a; }
.stock-article-picker { min-width: 0; height: 46px; position: relative; }
.stock-article-picker input { height: 46px; min-height: 46px; }
.stock-article-picker input { padding-right: 48px; }
.stock-article-picker.open input { border-color: var(--green); box-shadow: 0 0 0 3px #4ee0a126; }
.stock-article-picker > button { width: 40px; height: 40px; min-height: 0; position: absolute; top: 3px; right: 3px; z-index: 2; display: grid; place-items: center; padding: 0; border: 0; border-radius: 10px; color: #7e8da3; background: transparent; }
.stock-article-picker > button:hover { color: #dce6f4; background: #172338; }
.stock-article-picker > button span { width: 8px; height: 8px; display: block; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .16s ease; }
.stock-article-picker.open > button span { transform: translateY(2px) rotate(225deg); }
.stock-article-options { width: 100%; max-height: 260px; position: absolute; top: calc(100% + 7px); right: 0; left: 0; z-index: 55; padding: 6px; overflow-y: auto; border: 1px solid #35465e; border-radius: 13px; background: #101a2a; box-shadow: 0 18px 50px #0008; scrollbar-color: #40506a transparent; scrollbar-width: thin; }
.stock-article-options[hidden],
.stock-article-options button[hidden] { display: none; }
.stock-article-options button { width: 100%; min-height: 38px; display: flex; align-items: center; padding: 9px 11px; border: 0; border-radius: 9px; color: #9cabc0; background: transparent; font-size: 12px; font-weight: 750; text-align: left; }
.stock-article-options button:hover,
.stock-article-options button:focus-visible { color: #eaf2fc; background: #19263a; outline: none; }
.stock-article-options button[aria-selected="true"] { color: #7fe8b8; background: #11291f; }
.stock-article-group-label { display: block; padding: 9px 11px 5px; color: #5f718a; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.stock-article-group-label[hidden] { display: none; }
.stock-view-tabs { display: inline-flex; gap: 6px; margin: 18px 0 0; padding: 5px; border: 1px solid #2b394e; border-radius: 15px; background: #0d1522; }
.stock-view-tabs button { min-height: 40px; padding: 9px 16px; border: 0; border-radius: 11px; color: #7f8da3; background: transparent; font: inherit; font-size: 11px; font-weight: 850; cursor: pointer; }
.stock-view-tabs button:hover { color: #d9e4f3; background: #172235; }
.stock-view-tabs button.active { color: #062417; background: var(--green); box-shadow: 0 7px 20px #4ee0a126; }
.stock-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; margin: 18px 0; }
.stock-summary-card { position: relative; overflow: hidden; padding: 19px; border: 1px solid #29374d; border-radius: 18px; background: linear-gradient(145deg, #121b2b, #0e1624); box-shadow: 0 15px 40px #0002; }
.stock-summary-card::after { content: ""; width: 90px; height: 90px; position: absolute; right: -42px; bottom: -48px; border-radius: 50%; background: #4ee0a11c; }
.stock-platform-heading { display: flex; align-items: center; gap: 9px; color: #b8c3d5; font-size: 12px; font-weight: 850; }
.stock-platform-heading .marketplace-mark { width: 31px; height: 31px; border-radius: 10px; font-size: 12px; }
.stock-summary-card > strong { display: block; margin: 18px 0 2px; color: #eef5ff; font-size: clamp(30px, 4vw, 44px); letter-spacing: -.04em; line-height: 1; }
.stock-summary-card > small { color: #76859c; font-size: 10px; font-weight: 750; }
.stock-card-details { display: flex; flex-wrap: wrap; gap: 5px 12px; margin-top: 15px; padding-top: 12px; border-top: 1px solid #273248; color: #6f7e95; font-size: 9px; }
.stock-card-details b { margin-left: 3px; color: #b9c5d8; }
.stock-summary-card.all { border-color: #2d7558; background: linear-gradient(145deg, #10271e, #0d1c18); }
.stock-summary-card.all > strong { color: #83ebba; }
.stock-value-summary-card[role="button"] { cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.stock-value-summary-card[role="button"]:hover,
.stock-value-summary-card[role="button"]:focus-visible { border-color: #4b806a; box-shadow: 0 16px 42px #0004, 0 0 0 3px #4ee0a112; outline: 0; transform: translateY(-2px); }
.stock-value-summary-card.active-filter { border-color: var(--green); box-shadow: 0 16px 42px #0004, inset 0 0 0 1px #4ee0a138; }
.stock-value-summary-card.active-filter .stock-platform-heading { color: #8debbf; }
.stock-table-panel { padding: 0; overflow: visible; }
.stock-table-heading { margin: 0; padding: 22px 24px; border-bottom: 1px solid #273249; }
.stock-table-heading > small,
.stock-table-tools > small { color: #7d8ca3; font-size: 11px; font-weight: 800; }
.stock-table-tools { position: relative; display: flex; align-items: center; gap: 10px; }
.stock-value-sort-control { display: flex; align-items: center; gap: 8px; color: #7d8ca3; font-size: 10px; font-weight: 850; white-space: nowrap; }
.stock-value-sort-control select { min-height: 40px; min-width: 220px; padding: 8px 34px 8px 12px; border: 1px solid #344159; border-radius: 11px; color: #dce5f2; background: #111b2b; font: inherit; font-size: 10px; font-weight: 800; }
.stock-variant-toggle { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; margin-top: 7px; padding: 5px 8px; border: 1px solid rgba(44, 215, 155, .45); border-radius: 999px; color: #57d9aa; background: rgba(44, 215, 155, .08); font-size: 9px; font-weight: 850; line-height: 1; cursor: pointer; }
.stock-variant-toggle:hover, .stock-variant-toggle.open { border-color: #40dca5; background: rgba(44, 215, 155, .16); }
.stock-variant-toggle > b { width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-1px); transition: transform .18s ease; }
.stock-variant-toggle.open > b { transform: rotate(225deg) translate(-1px, -1px); }
.stock-variant-toggle > em { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; color: #26140a; background: #ffb65c; font-style: normal; }
.stock-variant-swatches { display: inline-flex; }
.stock-variant-swatches i { width: 8px; height: 8px; margin-left: -2px; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; background: #ff8d2d; }
.stock-variant-swatches i:nth-child(2) { background: #ff6ea9; }
.stock-variant-swatches i:nth-child(3) { background: #202734; }
.stock-variant-data-row > td { background: #0e1928; }
.stock-variant-data-row > td:first-child { padding-left: 30px; }
.stock-variant-data-row:last-of-type > td { border-bottom-color: rgba(73, 218, 165, .34); }
.stock-variant-data-row.conflict > td { background: rgba(255, 174, 76, .07); }
.stock-variant-line-label { display: flex; align-items: center; gap: 8px; min-width: 0; }
.stock-variant-line-label i { width: 12px; height: 8px; flex: 0 0 auto; border-bottom: 1px solid #49daa5; border-left: 1px solid #49daa5; border-radius: 0 0 0 5px; opacity: .75; }
.stock-variant-line-label strong { overflow: hidden; color: #dce8f5; text-overflow: ellipsis; white-space: nowrap; }
.stock-variant-data-row td > small { color: #71839b; font-size: 8px; }
.stock-variant-line-warning { color: #ffb65c !important; }
.stock-variant-mobile-lines { display: grid; gap: 1px; margin: 10px 0 0; overflow: hidden; border: 1px solid #2a394e; border-radius: 12px; background: #2a394e; }
.stock-variant-mobile-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; align-items: center; padding: 10px 12px; background: #0f1928; }
.stock-variant-mobile-line.conflict { background: #251d14; }
.stock-variant-mobile-line > div { min-width: 0; display: grid; gap: 2px; }
.stock-variant-mobile-line strong { overflow: hidden; color: #e7eef8; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.stock-variant-mobile-line small { overflow-wrap: anywhere; color: #74869d; font-size: 8px; }
.stock-variant-mobile-line > b { color: #7fe8b8; font-size: 12px; text-align: right; }
.stock-variant-mobile-line > b + small { grid-column: 2; text-align: right; }
.dossier-color-aliases { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; padding: 12px 14px; border: 1px solid rgba(45, 211, 151, .35); border-radius: 13px; background: rgba(45, 211, 151, .08); }
.dossier-color-aliases > strong { margin-right: 4px; color: #9aacbf; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.dossier-color-aliases > span { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 999px; color: #eaf4ff; background: #152337; font-size: 10px; font-weight: 800; }
.dossier-color-aliases b { color: #42d8a1; }
.stock-xlsx-export { position: relative; }
.stock-xlsx-export > summary { list-style: none; }
.stock-xlsx-export > summary::-webkit-details-marker { display: none; }
.stock-xlsx-trigger { min-height: 40px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid #357c5e; border-radius: 12px; color: #79e4b3; background: #10261e; font-size: 11px; font-weight: 900; white-space: nowrap; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.stock-xlsx-trigger:hover,
.stock-xlsx-export[open] .stock-xlsx-trigger { border-color: var(--green); color: #a2f0ce; background: #143326; }
.stock-xlsx-trigger:active { transform: scale(.98); }
.stock-xlsx-trigger > span { font-size: 17px; line-height: 1; }
.stock-xlsx-popover { width: min(330px, calc(100vw - 28px)); position: absolute; top: calc(100% + 9px); right: 0; z-index: 57; display: grid; gap: 10px; padding: 16px; border: 1px solid #35475f; border-radius: 17px; background: #101a2a; box-shadow: 0 20px 60px #0009; }
.stock-xlsx-popover > strong { color: #edf4ff; font-size: 14px; }
.stock-xlsx-popover > small { color: #7d8ca3; font-size: 10px; line-height: 1.4; }
.stock-xlsx-popover fieldset { display: grid; gap: 6px; margin: 2px 0; padding: 0; border: 0; }
.stock-xlsx-popover label { min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 7px 10px; border: 1px solid #29394f; border-radius: 11px; color: #b9c5d6; background: #121d2e; font-size: 11px; font-weight: 800; cursor: pointer; }
.stock-xlsx-popover label:hover { border-color: #3b5d50; background: #14251f; }
.stock-xlsx-popover input[type="checkbox"] { width: 18px; height: 18px; min-height: 0; flex: 0 0 auto; margin: 0; accent-color: var(--green); }
.stock-xlsx-popover .marketplace-mark { width: 28px; height: 28px; flex: 0 0 auto; border-radius: 8px; font-size: 10px; }
.stock-xlsx-popover button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #357c5e; border-radius: 11px; color: #062317; background: var(--green); font-size: 11px; font-weight: 900; cursor: pointer; }
.stock-xlsx-popover button:hover { filter: brightness(1.05); }
.stock-columns-trigger { width: 40px; height: 40px; min-height: 0; display: grid; place-items: center; padding: 0; border: 1px solid #35445b; border-radius: 12px; color: #aab7c9; background: #121c2c; cursor: pointer; transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease; }
.stock-columns-trigger:hover,
.stock-columns-trigger[aria-expanded="true"] { border-color: #3c8c69; color: #78e5b3; background: #11291f; }
.stock-columns-trigger:active { transform: scale(.96); }
.stock-settings-icon { width: 19px; display: grid; gap: 4px; }
.stock-settings-icon i { width: 100%; height: 2px; position: relative; display: block; border-radius: 2px; background: currentColor; }
.stock-settings-icon i::after { content: ""; width: 6px; height: 6px; position: absolute; top: 50%; border: 2px solid currentColor; border-radius: 50%; background: #121c2c; transform: translateY(-50%); transition: background .18s ease; }
.stock-settings-icon i:nth-child(1)::after { left: 2px; }
.stock-settings-icon i:nth-child(2)::after { right: 2px; }
.stock-settings-icon i:nth-child(3)::after { left: 7px; }
.stock-columns-trigger:hover .stock-settings-icon i::after,
.stock-columns-trigger[aria-expanded="true"] .stock-settings-icon i::after { background: #11291f; }
body.stock-columns-open { overflow: hidden; }
.stock-columns-backdrop { min-height: 0; position: fixed; inset: 68px 0 0; z-index: 98; padding: 0; border: 0; border-radius: 0; background: #020610b3; backdrop-filter: blur(4px); cursor: default; }
.stock-columns-backdrop[hidden],
.stock-columns-popover[hidden] { display: none; }
.stock-columns-popover { z-index: 100; width: min(580px, calc(100vw - 32px)); position: fixed; top: 80px; right: 16px; bottom: 16px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #35475f; border-radius: 22px; background: #101a2a; box-shadow: 0 28px 90px #000b; }
.stock-columns-heading { flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 20px 20px 17px; border-bottom: 1px solid #27354a; background: #121d2e; }
.stock-columns-heading strong { display: block; color: #edf4ff; font-size: 17px; letter-spacing: -.01em; }
.stock-columns-heading small { display: block; margin-top: 5px; color: #75849b; font-size: 11px; line-height: 1.4; }
.stock-columns-heading button { width: 36px; height: 36px; min-height: 0; flex: 0 0 auto; position: relative; display: grid; place-items: center; padding: 0; border: 1px solid #34445b; border-radius: 50%; color: #8e9cb0; background: #172235; cursor: pointer; transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease; }
.stock-columns-heading button:hover { border-color: #52647c; color: #e6edf7; background: #1d2a3f; }
.stock-columns-heading button:active { transform: scale(.94); }
.stock-columns-heading button span::before,
.stock-columns-heading button span::after { content: ""; width: 14px; height: 2px; position: absolute; top: 50%; left: 50%; border-radius: 2px; background: currentColor; }
.stock-columns-heading button span::before { transform: translate(-50%, -50%) rotate(45deg); }
.stock-columns-heading button span::after { transform: translate(-50%, -50%) rotate(-45deg); }
.stock-column-options { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 12px; margin: 0; padding: 16px 18px; overflow-y: auto; scrollbar-color: #40506a transparent; scrollbar-width: thin; }
.stock-column-options fieldset { min-width: 0; display: grid; align-content: start; gap: 5px; margin: 0; padding: 11px; border: 1px solid #29394f; border-radius: 15px; background: #0d1625; }
.stock-column-options fieldset:last-child { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stock-column-options legend { padding: 0 7px; color: #c6d1e1; font-size: 11px; font-weight: 900; letter-spacing: .01em; }
.stock-column-options label { min-width: 0; min-height: 38px; display: flex; align-items: center; gap: 10px; padding: 8px 9px; border-radius: 10px; color: #96a5ba; background: #121d2e; font-size: 11px; line-height: 1.3; cursor: pointer; transition: color .15s ease, background .15s ease; }
.stock-column-options label:hover { color: #d7e1ef; background: #172438; }
.stock-column-options .stock-column-group-toggle { min-height: 32px; margin-bottom: 3px; border: 1px solid #305943; color: #83cba9; background: #10261e; font-size: 10px; font-weight: 900; }
.stock-column-options .stock-column-group-toggle:hover { color: #a5ebca; background: #143126; }
.stock-column-options .stock-column-group-toggle input { width: 17px; height: 17px; }
.stock-column-options .stock-column-group-toggle input:indeterminate { border-color: var(--green); background: #183d2e; }
.stock-column-options .stock-column-group-toggle input:indeterminate::after { width: 7px; height: 2px; border: 0; background: var(--green); transform: none; }
.stock-column-options input { width: 19px; height: 19px; min-height: 0; flex: 0 0 auto; display: grid; place-content: center; margin: 0; padding: 0; appearance: none; border: 1px solid #506078; border-radius: 50%; background: #0b1320; box-shadow: none; cursor: pointer; }
.stock-column-options input::after { content: ""; width: 4px; height: 8px; border: solid #052015; border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg) scale(0); transition: transform .12s ease; }
.stock-column-options input:checked { border-color: var(--green); background: var(--green); box-shadow: none; }
.stock-column-options input:checked::after { transform: translateY(-1px) rotate(45deg) scale(1); }
.stock-column-options input:focus { border-color: #506078; box-shadow: none; }
.stock-column-options input:checked:focus { border-color: var(--green); }
.stock-column-options input:focus-visible { outline: none; }
.stock-columns-actions { flex: 0 0 auto; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 10px; padding: 14px 18px 18px; border-top: 1px solid #27354a; background: #121d2e; }
.stock-columns-actions button { width: 100%; min-height: 42px; padding: 9px 14px; border: 1px solid #357c5e; border-radius: 12px; color: #062317; background: var(--green); font-size: 11px; font-weight: 900; cursor: pointer; box-shadow: 0 8px 24px #4ee0a11c; transition: transform .15s ease, filter .15s ease; }
.stock-columns-actions button.secondary { border-color: #3b4a60; color: #a8b5c8; background: #172235; box-shadow: none; }
.stock-columns-actions button:hover { filter: brightness(1.05); }
.stock-columns-actions button:active { transform: scale(.985); }
.stock-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: #40506a #0b1320; scrollbar-width: thin; }
.stock-table { width: 100%; min-width: 820px; border-collapse: collapse; }
.column-resizable-table { width: var(--resizable-table-width) !important; min-width: var(--resizable-table-width) !important; max-width: none !important; table-layout: fixed !important; }
.column-resizable-table th,
.column-resizable-table td { width: auto !important; min-width: 0 !important; max-width: none !important; overflow: hidden; text-overflow: ellipsis; }
.column-resizable-table .column-resizable-heading { position: relative; overflow: visible; }
.column-resize-handle { width: 12px; position: absolute; z-index: 5; top: 0; right: -6px; bottom: 0; display: block; cursor: col-resize; touch-action: none; }
.column-resize-handle::after { content: ""; width: 2px; position: absolute; top: 5px; right: 5px; bottom: 5px; border-radius: 999px; background: transparent; transition: background .14s ease, box-shadow .14s ease; }
.column-resize-handle:hover::after,
.column-resize-handle:focus-visible::after { background: var(--green); box-shadow: 0 0 0 3px #4ee0a11f; }
.column-resize-handle:focus-visible { outline: 0; }
body.column-resizing,
body.column-resizing * { cursor: col-resize !important; user-select: none !important; }
.stock-table th { padding: 13px 18px; color: #728199; background: #0c1421; font-size: 9px; font-weight: 900; letter-spacing: .08em; line-height: 1.35; text-align: left; text-transform: uppercase; white-space: nowrap; }
.stock-table thead tr + tr th { padding-top: 9px; padding-bottom: 9px; border-top: 1px solid #1f2a3d; color: #8c9bb1; background: #101a29; font-size: 8px; line-height: 1.25; white-space: normal; }
.stock-table th[data-stock-column-group] { border-left: 1px solid #243149; color: #a4b2c5; text-align: center; }
.stock-table td { padding: 16px 18px; border-top: 1px solid #222e43; color: #bdc8da; vertical-align: top; }
.stock-table tbody tr:hover { background: #121d2e; }
.stock-table .stock-product-group-row,
.stock-table .stock-product-group-row:hover { background: #0c1726; }
.stock-table .stock-product-group-row td {
  padding: 13px 16px 8px;
  border-top: 1px solid #26354b;
  border-bottom: 1px solid #26354b;
  color: #6f839d;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
}
.stock-table td > strong { display: block; color: #edf3ff; font-size: 13px; }
.stock-table td > b { display: block; color: #d9e3f2; font-size: 18px; }
.stock-table td > small { display: block; margin-top: 3px; color: #68778f; font-size: 9px; }
.stock-table td:first-child { width: 27%; }
.stock-table td:first-child small { color: #78889f; }
.stock-table .stock-total-value { color: var(--green); font-size: 22px; }
.stock-quantity-table { width: max-content; min-width: 0; table-layout: auto; }
.stock-quantity-table th,
.stock-quantity-table td { min-width: 94px; padding-right: 12px; padding-left: 12px; text-align: center; vertical-align: middle; }
.stock-quantity-table th[data-stock-column="article"],
.stock-quantity-table td[data-stock-column="article"] { width: 1%; min-width: 100px; text-align: left; }
.stock-table.stock-quantity-table td:first-child { width: auto; }
.stock-quantity-table th[data-stock-column="name"],
.stock-quantity-table td[data-stock-column="name"] { min-width: 220px; text-align: left; }
.stock-quantity-table th[data-stock-column="all_total"],
.stock-quantity-table td[data-stock-column="all_total"] { width: 1%; min-width: 92px; }
.stock-quantity-table th[data-stock-column="all_total"] { max-width: 92px; white-space: normal; }
.stock-quantity-table td[data-stock-column="article"] strong,
.stock-quantity-table td[data-stock-column="all_total"] { white-space: nowrap; }
.stock-quantity-table th[data-stock-column="wb_available"],
.stock-quantity-table td[data-stock-column="wb_available"],
.stock-quantity-table th[data-stock-column="ozon_available"],
.stock-quantity-table td[data-stock-column="ozon_available"],
.stock-quantity-table th[data-stock-column="yandex_available"],
.stock-quantity-table td[data-stock-column="yandex_available"],
.stock-quantity-table th[data-stock-column="warehouse_available"],
.stock-quantity-table td[data-stock-column="warehouse_available"] { border-left: 1px solid #2a384f; }
.stock-quantity-table td > b { font-size: 15px; }
.stock-product-name { display: block; max-width: 270px; color: #c4cede; font-size: 11px; line-height: 1.45; }
.stock-quantity-table .danger-text { color: #f095a8; }
.stock-warehouse-list { display: grid; gap: 3px; margin-top: 8px; padding-top: 7px; border-top: 1px solid #263248; color: #91a0b5; font-size: 9px; }
.stock-warehouse-list b { color: #dce7f5; }
.stock-cell-meta { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.stock-cell-meta span { padding: 3px 6px; border-radius: 999px; color: #8695aa; background: #182337; font-size: 8px; font-weight: 800; }
.stock-cell-meta .danger-text { color: #f5a1b2; background: #341923; }
.stock-empty { min-height: 220px; display: grid; place-items: center; align-content: center; gap: 10px; padding: 30px; color: #63728a; text-align: center; }
.stock-empty span { font-size: 36px; }
.stock-empty p { margin: 0; }
.stock-note { margin: 0; padding: 15px 24px; border-top: 1px solid #273249; color: #66758c; background: #0c1421; font-size: 10px; line-height: 1.5; }
.stock-value-panel { margin-top: 18px; padding: 0; overflow: hidden; }
.stock-value-table { width: max-content; min-width: 0; table-layout: auto; }
.stock-value-table th,
.stock-value-table td { width: 1%; min-width: 104px; padding-right: 12px; padding-left: 12px; text-align: center; vertical-align: middle; }
.stock-value-table th[data-stock-column="article"],
.stock-value-table td[data-stock-column="article"] { width: 104px; min-width: 96px; max-width: 124px; text-align: left; }
.stock-table.stock-value-table td:first-child { width: 104px; }
.stock-value-table td[data-stock-column="article"] > strong { overflow-wrap: anywhere; line-height: 1.25; }
.stock-value-table th[data-stock-column="name"],
.stock-value-table td[data-stock-column="name"] { width: 180px; min-width: 160px; max-width: 210px; text-align: left; }
.stock-value-table td[data-stock-column="name"] .stock-product-name {
  max-width: 190px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.stock-value-table th[data-stock-column="all_total"],
.stock-value-table td[data-stock-column="all_total"] { min-width: 128px; }
@media (min-width: 901px) {
  .stock-value-table[data-sticky-columns] [data-stock-column="article"],
  .stock-value-table[data-sticky-columns] [data-stock-column="name"],
  .stock-value-table[data-sticky-columns] [data-stock-column="all_total"] {
    position: sticky;
    background: #0d1624;
    background-clip: padding-box;
  }
  .stock-value-table[data-sticky-columns] [data-stock-column="article"] {
    left: var(--stock-sticky-article-left, 0);
  }
  .stock-value-table[data-sticky-columns] [data-stock-column="name"] {
    left: var(--stock-sticky-name-left, 112px);
  }
  .stock-value-table[data-sticky-columns] [data-stock-column="all_total"] {
    left: var(--stock-sticky-all_total-left, 302px);
    box-shadow: 12px 0 18px -16px #000d;
  }
  .stock-value-table[data-sticky-columns] thead [data-stock-column="article"],
  .stock-value-table[data-sticky-columns] thead [data-stock-column="name"],
  .stock-value-table[data-sticky-columns] thead [data-stock-column="all_total"] {
    z-index: 12;
    background: #0c1421;
  }
  .stock-value-table[data-sticky-columns] tbody [data-stock-column="article"],
  .stock-value-table[data-sticky-columns] tbody [data-stock-column="name"],
  .stock-value-table[data-sticky-columns] tbody [data-stock-column="all_total"] {
    z-index: 4;
  }
  .stock-value-table[data-sticky-columns] tbody tr:hover [data-stock-column="article"],
  .stock-value-table[data-sticky-columns] tbody tr:hover [data-stock-column="name"],
  .stock-value-table[data-sticky-columns] tbody tr:hover [data-stock-column="all_total"] {
    background: #121d2e;
  }
  .stock-value-table[data-sticky-columns] tfoot [data-stock-column="article"],
  .stock-value-table[data-sticky-columns] tfoot [data-stock-column="name"],
  .stock-value-table[data-sticky-columns] tfoot [data-stock-column="all_total"] {
    z-index: 8;
    background: #101b2a;
  }
}
.stock-value-table th[data-stock-column="wb_available"],
.stock-value-table td[data-stock-column="wb_available"],
.stock-value-table th[data-stock-column="ozon_available"],
.stock-value-table td[data-stock-column="ozon_available"],
.stock-value-table th[data-stock-column="yandex_available"],
.stock-value-table td[data-stock-column="yandex_available"],
.stock-value-table th[data-stock-column="warehouse_available"],
.stock-value-table td[data-stock-column="warehouse_available"] { border-left: 1px solid #2a384f; }
.stock-value-column-options fieldset:last-child { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stock-cost-cell > strong { display: block; color: #dce6f4; font-size: 15px; white-space: nowrap; }
.stock-cost-cell > small { display: block; margin-top: 5px; color: #75849a; font-size: 9px; }
.stock-cost-cell.stock-cost-total > strong,
.stock-value-table tfoot .stock-cost-cell > strong { color: var(--green); }
.stock-cost-cell.incomplete > strong { color: #e6bd67; }
.stock-cost-detail-entry { display: block; }
.stock-cost-cell .stock-cost-warning { color: #d7a94a; }
button.stock-cost-warning { min-height: 0; margin-top: 5px; padding: 0; border: 0; border-bottom: 1px dashed currentColor; border-radius: 0; color: #d7a94a; background: transparent; font-size: 9px; font-weight: 800; line-height: 1.35; }
button.stock-cost-warning:hover,
button.stock-cost-warning:focus-visible { color: #ffd47d; outline: 0; }
button.stock-unit-cost-button { min-height: 0; margin-top: 5px; padding: 0; border: 0; border-bottom: 1px dashed #657991; border-radius: 0; color: #93a5bb; background: transparent; font-size: 9px; font-weight: 750; line-height: 1.35; white-space: nowrap; }
button.stock-unit-cost-button:hover,
button.stock-unit-cost-button:focus-visible { border-bottom-color: var(--green); color: #b8e7d1; outline: 0; }
body.modal-open { overflow: hidden; }
.stock-cost-modal[hidden] { display: none; }
.stock-cost-modal { position: fixed; inset: 0; z-index: 220; display: grid; place-items: center; padding: 20px; }
.stock-cost-modal-backdrop { width: 100%; height: 100%; min-height: 0; position: absolute; inset: 0; padding: 0; border: 0; border-radius: 0; appearance: none; background: rgb(2 6 16 / 32%) !important; backdrop-filter: none; box-shadow: none !important; }
.stock-cost-modal > section { width: min(520px, 100%); max-height: calc(100dvh - 32px); position: relative; z-index: 1; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #5b4b2b; border-radius: 18px; background: #111927; box-shadow: 0 28px 90px #000b; animation: stock-cost-modal-in .16s ease both; }
.stock-cost-modal > section > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid #303b4e; background: #182131; }
.stock-cost-modal > section > header span[data-stock-cost-modal-context] { display: block; color: #8996aa; font-size: 9px; font-weight: 750; line-height: 1.4; }
.stock-cost-modal > section > header h3 { margin: 5px 0 0; color: #e5bd6c; font-size: 18px; }
.stock-cost-modal > section > header button { width: 32px; height: 32px; min-height: 0; display: grid; place-items: center; flex: 0 0 auto; padding: 0; border: 1px solid #3b475b; border-radius: 9px; color: #9ca8ba; background: #101827; font-size: 20px; line-height: 1; }
.stock-cost-modal > section > header button:hover { color: #fff; background: #202b3c; }
.stock-cost-modal-body { min-height: 0; overflow-y: auto; padding: 18px; overscroll-behavior: contain; }
.stock-cost-detail-content { display: grid; gap: 14px; }
.stock-cost-detail-lead { margin: 0; color: #b8c3d2; font-size: 12px; line-height: 1.55; }
.stock-cost-checklist { display: grid; gap: 1px; overflow: hidden; margin: 0; padding: 1px; border-radius: 13px; background: #2a3547; list-style: none; }
.stock-cost-checklist li { min-width: 0; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 10px; padding: 11px 12px; background: #121c2a; }
.stock-cost-checklist li > span { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #58677c; border-radius: 50%; color: #8997aa; font-size: 10px; font-weight: 900; }
.stock-cost-checklist li > span::before { content: "!"; }
.stock-cost-checklist li.ready > span { border-color: #318361; color: #73dfae; background: #123125; }
.stock-cost-checklist li.ready > span::before { content: "✓"; }
.stock-cost-checklist li.missing > span { border-color: #9a6e26; color: #f0c76c; background: #2b2111; }
.stock-cost-checklist li.invalid > span { border-color: #a94459; color: #ff91a6; background: #30151c; }
.stock-cost-checklist li > div { min-width: 0; }
.stock-cost-checklist strong { display: block; overflow-wrap: anywhere; color: #dce5f1; font-size: 11px; line-height: 1.35; }
.stock-cost-checklist small { display: block; margin-top: 3px; color: #7f8ca0; font-size: 9px; line-height: 1.35; }
.stock-cost-checklist li.ready small { color: #72b797; }
.stock-cost-checklist li.missing small { color: #cda95d; }
.stock-cost-checklist li.invalid small { color: #e18a9b; }
.stock-cost-action { padding: 12px 14px; border: 1px solid #735a2e; border-radius: 12px; background: #241d12; }
.stock-cost-action > strong { display: block; color: #f0c870; font-size: 10px; text-transform: uppercase; }
.stock-cost-action p { margin: 5px 0 0; color: #c8b17e; font-size: 10px; line-height: 1.5; }
.stock-cost-groups { display: grid; gap: 8px; }
.stock-cost-group { overflow: hidden; border: 1px solid #344257; border-radius: 13px; background: #101927; }
.stock-cost-group summary { min-height: 58px; display: grid; grid-template-columns: minmax(0, 1fr) auto 18px; align-items: center; gap: 12px; padding: 11px 13px; cursor: pointer; list-style: none; }
.stock-cost-group summary::-webkit-details-marker { display: none; }
.stock-cost-group summary:hover { background: #152132; }
.stock-cost-group summary > span { min-width: 0; }
.stock-cost-group summary > span > strong { display: block; color: #dce5f1; font-size: 11px; line-height: 1.35; }
.stock-cost-group summary > span > small { display: block; margin-top: 3px; color: #78879b; font-size: 8px; }
.stock-cost-group summary > b { color: #8ce2b9; font-size: 13px; white-space: nowrap; }
.stock-cost-group summary > i { width: 8px; height: 8px; border-right: 2px solid #77869a; border-bottom: 2px solid #77869a; transform: rotate(45deg) translate(-2px, 2px); transition: transform .16s ease; }
.stock-cost-group[open] summary > i { transform: rotate(225deg) translate(-1px, -1px); }
.stock-cost-group-body { display: grid; gap: 10px; padding: 0 13px 13px; border-top: 1px solid #283548; }
.stock-cost-group-body > ul { display: grid; gap: 1px; overflow: hidden; margin: 10px 0 0; padding: 0; border-radius: 10px; background: #283548; list-style: none; }
.stock-cost-group-body li { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 9px 10px; background: #121c2a; }
.stock-cost-group-body li > span { color: #9ca9ba; font-size: 9px; line-height: 1.4; }
.stock-cost-group-body li > strong { flex: 0 0 auto; color: #dce5f1; font-size: 10px; white-space: nowrap; }
.stock-cost-group-body li.missing > strong { color: #d1a857; }
.stock-cost-group-body li.invalid > strong { color: #eb8fa1; }
.stock-cost-group-warning { margin: 10px 0 0; padding: 10px 11px; border: 1px solid #735a2e; border-radius: 10px; color: #c8b17e; background: #241d12; font-size: 9px; line-height: 1.5; }
.stock-cost-formula { display: grid; gap: 5px; padding: 12px 14px; border: 1px solid #345f4e; border-radius: 12px; background: #10241d; }
.stock-cost-formula.total { border-color: #3a4d67; background: #121d2c; }
.stock-cost-formula span { color: #789989; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.stock-cost-formula.total span { color: #8391a4; }
.stock-cost-formula strong { overflow-wrap: anywhere; color: #86e4b9; font-size: 13px; line-height: 1.45; }
.stock-cost-formula.total strong { color: #dbe6f4; }
.stock-cost-source { margin: 0; color: #79879a; font-size: 9px; line-height: 1.45; }
.stock-cost-source strong { color: #aebac9; }
@keyframes stock-cost-modal-in { from { opacity: 0; transform: translateY(7px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.stock-value-table tfoot th,
.stock-value-table tfoot td { padding: 16px 18px; border-top: 1px solid #34425a; background: #101b2a; }
.stock-value-table tfoot th { color: #dbe6f3; font-size: 10px; letter-spacing: .05em; text-align: left; text-transform: uppercase; }
.stock-mobile-product-group {
  margin: 20px 2px 8px;
  color: #6f839d;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.stock-mobile-product-group:first-child { margin-top: 0; }
.article-report-group {
  display: block;
  margin-top: 4px;
  color: #74859d;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.stock-value-segments { display: grid; gap: 1px; margin: 10px 0 0; overflow: hidden; border-radius: 10px; background: #29374a; }
.stock-value-segments > div { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 7px 8px; background: #111b2a; }
.stock-value-segments dt { overflow: hidden; color: #7d8ca1; font-size: 8px; font-weight: 750; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.stock-value-segments dd { min-width: 0; display: grid; justify-items: end; gap: 1px; margin: 0; }
.stock-value-segments dd > strong { color: #dce6f3; font-size: 9px; white-space: nowrap; }
.stock-value-segments dd > small { color: #69798f; font-size: 7px; white-space: nowrap; }
.stock-value-segments > div.danger { background: #28171c; }
.stock-value-segments > div.danger dt,
.stock-value-segments > div.danger dd > strong { color: #ed91a4; }
.stock-value-segments > div.incomplete dd > strong { color: #d6aa52; }
.stock-value-notice { display: flex; align-items: center; gap: 14px; margin: 18px 24px 24px; padding: 16px; border: 1px solid #5b4b2b; border-radius: 14px; color: #cfb774; background: #211d13; }
.stock-value-notice > span { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; color: #171306; background: #e0bd57; font-size: 16px; font-weight: 950; }
.stock-value-notice strong { color: #ead69b; font-size: 12px; }
.stock-value-notice p { margin: 4px 0 0; color: #9f916b; font-size: 10px; line-height: 1.5; }
.stock-value-notice.connected { border-color: #315f4d; background: #10241d; }
.stock-value-notice.connected > span { color: #07150f; background: #55d69d; }
.stock-value-notice.connected strong { color: #8ce7bd; }
.stock-value-notice.connected p { color: #7fad98; }

.organization-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 26px; }
.organization-heading > div { max-width: 850px; }
.organization-heading h1 { margin: 7px 0 12px; font-size: clamp(38px, 5vw, 62px); letter-spacing: -.04em; line-height: 1; }
.organization-heading p:not(.eyebrow) { margin: 0; color: #91a0b7; line-height: 1.6; }
.organization-admin-badge { flex: 0 0 auto; padding: 9px 13px; border: 1px solid #34775b; border-radius: 999px; color: #85e9ba; background: #10251d; font-size: 11px; font-weight: 850; }
.organization-workspace { overflow: hidden; border: 1px solid #2a384e; border-radius: 24px; background: #0e1726; box-shadow: 0 24px 70px #0003; }
.organization-version-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; padding: 8px; border-bottom: 1px solid #27354a; background: #0b1421; }
.organization-version-tabs button { min-height: 66px; display: grid; align-content: center; gap: 4px; padding: 10px 14px; border: 1px solid transparent; border-radius: 15px; color: #8190a6; background: transparent; text-align: left; }
.organization-version-tabs button:hover { color: #cbd6e5; background: #131f31; }
.organization-version-tabs button.active { border-color: #34775b; color: #eaf5ef; background: linear-gradient(135deg, #143126, #11251f); box-shadow: inset 0 0 0 1px #4ee0a112; }
.organization-version-tabs button span { font-size: 13px; font-weight: 900; }
.organization-version-tabs button small { color: #6f7e94; font-size: 9px; font-weight: 700; }
.organization-version-tabs button.active small { color: #79bb9e; }
.organization-layout { display: grid; grid-template-columns: minmax(0, 1fr) 292px; min-height: 610px; }
.organization-main { min-width: 0; display: flex; flex-direction: column; }
.organization-toolbar { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 20px; border-bottom: 1px solid #27354a; background: #111b2a; }
.organization-toolbar > div:first-child { display: grid; gap: 4px; }
.organization-toolbar strong { color: #e8eff9; font-size: 15px; }
.organization-toolbar > div:first-child span { color: #718097; font-size: 10px; line-height: 1.45; }
.organization-toolbar-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.organization-toolbar-actions button { min-height: 38px; padding: 8px 11px; border-radius: 10px; color: #aab6c8; background: #172236; font-size: 10px; font-weight: 850; }
.organization-toolbar-actions button span { margin-right: 5px; color: var(--green); font-size: 15px; line-height: 0; }
.organization-toolbar-actions .primary { color: #04150e; background: var(--green); }
.organization-canvas { flex: 1 1 auto; min-height: 460px; overflow: auto; background-color: #0c1523; background-image: radial-gradient(#314158 1px, transparent 1px); background-size: 22px 22px; scrollbar-color: #40506a #0b1320; scrollbar-width: thin; }
.organization-stage { min-width: max-content; min-height: 460px; display: flex; align-items: flex-start; justify-content: center; gap: 34px; padding: 46px 42px 70px; }
.organization-branch { position: relative; display: flex; flex-direction: column; align-items: center; }
.organization-node { width: 210px; min-height: 84px; position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; padding: 12px; border: 1px solid #334359; border-radius: 15px; color: #dbe4f0; background: #131e2f; box-shadow: 0 12px 28px #0003; text-align: left; transition: border-color .16s ease, background .16s ease, transform .16s ease, opacity .16s ease; }
.organization-node:hover { border-color: #496078; background: #172438; transform: translateY(-2px); }
.organization-node.selected { border-color: #4bd99b; background: #123126; box-shadow: 0 0 0 3px #4ee0a118, 0 14px 32px #0004; }
.organization-node.dragging { opacity: .45; transform: scale(.97); }
.organization-node.drop-target { border-color: #74e8b6; background: #173d2e; box-shadow: 0 0 0 4px #4ee0a126; }
.organization-node.department { border-top: 3px solid #4ee0a1; }
.organization-node.role { border-top: 3px solid #79a9ff; }
.organization-node.governance { border-top: 3px solid #f0bd55; background: linear-gradient(145deg, #211c13, #151c29 62%); }
.organization-node-mark { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #062317; background: #69e5ad; font-size: 10px; font-weight: 950; }
.organization-node.role .organization-node-mark { color: #0d1a32; background: #83b2ff; }
.organization-node.governance .organization-node-mark { color: #271a04; background: #f2c56b; }
.organization-node-copy { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.organization-node-copy strong { min-width: 0; max-height: 32px; overflow: hidden; font-size: 11px; line-height: 1.35; }
.organization-node-copy small { min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; color: #7d8ba0; background: #0c1421; font-size: 8px; }
.organization-node-person { min-width: 0; grid-column: 1 / -1; overflow: hidden; color: #aebbd0; font-size: 8px; font-weight: 750; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.organization-node-person.vacant { color: #627087; font-weight: 650; font-style: italic; }
.organization-branch:has(> .organization-children) > .organization-node::after { content: ""; width: 1px; height: 28px; position: absolute; top: 100%; left: 50%; background: #405069; }
.organization-children { position: relative; display: flex; align-items: flex-start; gap: 20px; padding-top: 46px; }
.organization-children::before { content: ""; height: 1px; position: absolute; top: 27px; right: 105px; left: 105px; background: #405069; }
.organization-children > .organization-branch::before { content: ""; width: 1px; height: 20px; position: absolute; top: -19px; left: 50%; background: #405069; }
.organization-children > .organization-branch:only-child::before { height: 46px; top: -46px; }
.organization-children:has(> .organization-branch:only-child)::before { display: none; }
.organization-stage-empty { min-width: 280px; align-self: center; padding: 28px; border: 1px dashed #405069; border-radius: 18px; color: #728199; background: #111b2a; font-size: 12px; text-align: center; }
.organization-legend { display: flex; flex-wrap: wrap; gap: 18px; padding: 12px 20px; border-top: 1px solid #27354a; color: #76859b; background: #101a29; font-size: 9px; }
.organization-legend span { display: flex; align-items: center; gap: 7px; }
.organization-legend i { width: 14px; height: 4px; border-radius: 4px; background: #4ee0a1; }
.organization-legend i.role { background: #79a9ff; }
.organization-legend i.governance { background: #f0bd55; }
.organization-inspector { padding: 20px; border-left: 1px solid #27354a; background: #101a29; }
.organization-inspector-empty { min-height: 100%; display: grid; place-items: center; align-content: center; gap: 9px; color: #77869b; text-align: center; }
.organization-inspector-empty[hidden] { display: none; }
.organization-inspector-empty > span { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid #33445b; border-radius: 14px; color: #74dfaf; background: #142538; font-size: 22px; }
.organization-inspector-empty strong { color: #b8c4d5; font-size: 13px; }
.organization-inspector-empty p { margin: 0; font-size: 10px; line-height: 1.5; }
.organization-inspector-form { display: grid; gap: 17px; }
.organization-inspector-form[hidden] { display: none; }
.organization-inspector-form h2 { margin: 6px 0 0; font-size: 20px; }
.organization-inspector-form label { font-size: 11px; }
.organization-inspector-form input,
.organization-inspector-form select { min-height: 42px; padding: 10px 11px; font-size: 11px; }
.organization-delete { width: 100%; margin-top: 5px; font-size: 11px; }

.company-tasks-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 24px; }
.company-tasks-heading > div:first-child { max-width: 880px; }
.company-tasks-heading h1 { margin: 7px 0 12px; font-size: clamp(38px, 5vw, 62px); letter-spacing: -.04em; line-height: 1; }
.company-tasks-heading p:not(.eyebrow) { max-width: 780px; margin: 0; color: #91a0b7; line-height: 1.6; }
.company-tasks-source { flex: 0 0 auto; display: grid; justify-items: end; gap: 9px; }
.company-tasks-source > a { color: #9babbe; font-size: 11px; font-weight: 800; }
.company-tasks-source > a:hover { color: var(--green); }
.company-tasks-source-state { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #34445a; border-radius: 999px; color: #a8b5c8; background: #111b2a; font-size: 10px; font-weight: 850; }
.company-tasks-source-state i { width: 7px; height: 7px; border-radius: 50%; background: #8492a7; box-shadow: 0 0 0 4px #8492a719; }
.company-tasks-source-state.live { border-color: #34775b; color: #83e3b5; background: #10251d; }
.company-tasks-source-state.live i { background: var(--green); box-shadow: 0 0 0 4px #4ee0a119; }
.company-tasks-source-state.stale { border-color: #6c592d; color: #e2c46f; background: #211c11; }
.company-tasks-source-state.stale i { background: #e5bd54; box-shadow: 0 0 0 4px #e5bd5419; }
.company-tasks-source-state.error { border-color: #773847; color: #f29aac; background: #26131a; }
.company-tasks-source-state.error i { background: #ed6d87; box-shadow: 0 0 0 4px #ed6d8719; }
.company-tasks-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.company-tasks-summary article { min-height: 128px; position: relative; overflow: hidden; padding: 20px; border: 1px solid #2a384e; border-radius: 20px; background: linear-gradient(145deg, #121e2f, #0d1726); box-shadow: 0 16px 40px #0002; }
.company-tasks-summary article::after { content: ""; width: 84px; height: 84px; position: absolute; right: -28px; bottom: -34px; border-radius: 50%; background: #4ee0a10d; }
.company-tasks-summary span { display: block; color: #8493aa; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.company-tasks-summary strong { display: block; margin: 8px 0 3px; color: #edf3ff; font-size: 34px; letter-spacing: -.04em; }
.company-tasks-summary small { color: #66758b; font-size: 9px; line-height: 1.4; }
.team-members-section { display: grid; gap: 17px; margin: 4px 0 22px; }
.team-members-section > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.team-members-section > header h2 { margin: 5px 0 0; font-size: clamp(26px, 3vw, 40px); letter-spacing: -.035em; }
.team-members-section > header > p { max-width: 590px; margin: 0; color: #7f8ea4; font-size: 10px; line-height: 1.55; text-align: right; }
.team-members-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.team-member-card { min-width: 0; display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; padding: 16px; overflow: hidden; border: 1px solid #2c3a4f; border-radius: 20px; color: inherit; background: linear-gradient(145deg, #121e2f, #0d1726); box-shadow: 0 16px 40px #0002; text-decoration: none; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.team-member-card:hover { border-color: #3d7e61; background: linear-gradient(145deg, #152a23, #101d19); transform: translateY(-2px); }
.team-member-card:focus-visible { outline: 3px solid #4ee0a166; outline-offset: 3px; }
.team-member-photo { width: 76px; height: 76px; grid-row: 1; object-fit: cover; border: 2px solid #4ee0a166; border-radius: 22px; background: #0a121f; box-shadow: 0 12px 28px #0004; }
.team-member-photo-fallback { display: grid; place-items: center; color: #052017; background: linear-gradient(145deg, #72efbb, #34c98b); font-size: 22px; font-weight: 950; letter-spacing: -.04em; }
.team-member-identity { min-width: 0; align-self: center; }
.team-member-identity strong { display: block; overflow: hidden; color: #edf3ff; font-size: 13px; line-height: 1.35; text-overflow: ellipsis; }
.team-member-identity p { display: -webkit-box; margin: 7px 0 0; overflow: hidden; color: #7c8ba1; font-size: 9px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.team-member-card dl { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid #29384c; border-radius: 13px; background: #29384c; }
.team-member-card dl > div { min-width: 0; padding: 10px; background: #0c1523; }
.team-member-card dt { overflow: hidden; color: #6f7e93; font-size: 7px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.team-member-card dd { margin: 5px 0 0; color: #58d99f; font-size: 16px; font-weight: 950; }
.team-member-open { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; color: #7e8da2; font-size: 9px; font-weight: 850; }
.team-member-open i { color: var(--green); font-size: 14px; font-style: normal; }
.team-departments { display: grid; gap: 18px; margin-top: 22px; }
.team-departments > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.team-departments > header h2 { margin: 5px 0 0; font-size: clamp(26px, 3vw, 40px); letter-spacing: -.035em; }
.team-departments > header > p { max-width: 520px; margin: 0; color: #7f8ea4; font-size: 10px; line-height: 1.55; text-align: right; }
.team-department-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.team-department-card { min-height: 170px; position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr); align-content: start; gap: 13px 12px; padding: 19px; overflow: hidden; border: 1px solid #2c3a4f; border-radius: 18px; color: #dbe4f0; background: linear-gradient(145deg, #121e2f, #0e1827); box-shadow: 0 16px 40px #0002; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.team-department-card:hover { border-color: #3d7e61; background: linear-gradient(145deg, #152a23, #101d19); transform: translateY(-2px); }
.team-department-card::after { content: ""; width: 92px; height: 92px; position: absolute; right: -34px; bottom: -40px; border-radius: 50%; background: #4ee0a10d; }
.team-department-index { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: #052017; background: var(--green); font-size: 9px; font-weight: 950; }
.team-department-card > strong { align-self: center; overflow: hidden; font-size: 12px; line-height: 1.35; text-overflow: ellipsis; }
.team-department-card dl { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid #2a394e; border-radius: 12px; background: #2a394e; }
.team-department-card dl > div { min-width: 0; padding: 10px; background: #0c1523; }
.team-department-card dt { color: #6f7e93; font-size: 8px; font-weight: 800; }
.team-department-card dd { margin: 5px 0 0; color: #e6edf7; font-size: 17px; font-weight: 900; }
.team-department-open { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; color: #7e8da2; font-size: 9px; font-weight: 850; }
.team-department-open i { color: var(--green); font-size: 14px; font-style: normal; }
.company-task-logic { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 10px; margin-bottom: 24px; padding: 9px; border: 1px solid #29374c; border-radius: 19px; background: #0c1523; }
.company-task-logic > div, .company-task-logic > a { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-content: center; gap: 2px 10px; padding: 13px 14px; border: 1px solid transparent; border-radius: 13px; color: #aab6c7; background: #111c2c; }
.company-task-logic > div.active { border-color: #34775b; color: #e9f8f1; background: linear-gradient(135deg, #153329, #11251f); }
.company-task-logic > a:hover { border-color: #3b4c64; color: #edf3ff; background: #172438; }
.company-task-logic > i { align-self: center; color: #43516a; font-style: normal; }
.company-task-logic span { width: 32px; height: 32px; grid-row: 1 / 3; display: grid; place-items: center; border: 1px solid #32435a; border-radius: 10px; color: var(--green); background: #0b1421; font-size: 9px; font-weight: 950; }
.company-task-logic strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.company-task-logic small { color: #68778d; font-size: 8px; line-height: 1.35; }
.company-tasks-explorer { display: grid; gap: 20px; }
.company-tasks-filter { display: grid; grid-template-columns: minmax(210px, 1.4fr) repeat(5, minmax(120px, .68fr)) auto; align-items: end; gap: 10px; padding: 18px; border: 1px solid #2b394e; border-radius: 20px; background: #101a29; box-shadow: 0 18px 50px #0002; }
.company-tasks-filter label { display: grid; gap: 6px; color: #8290a5; font-size: 9px; font-weight: 800; }
.company-tasks-filter select, .company-tasks-search, .company-task-typeahead { min-height: 44px; border: 1px solid #334159; border-radius: 12px; color: #dbe4f1; background: #0c1523; }
.company-tasks-filter select { width: 100%; padding: 10px 34px 10px 11px; font-size: 10px; }
.company-task-typeahead { width: 100%; padding: 10px 11px; font-size: 10px; outline: 0; }
.company-task-typeahead::placeholder { color: #647187; }
.company-task-typeahead:focus { border-color: #4ee0a180; box-shadow: 0 0 0 3px #4ee0a112; }
.company-tasks-search { display: flex; align-items: center; gap: 8px; padding: 0 12px; }
.company-tasks-search > span { color: var(--green); font-size: 18px; }
.company-tasks-search input { min-width: 0; width: 100%; padding: 0; border: 0; outline: 0; color: #edf3ff; background: transparent; font-size: 11px; }
.company-tasks-search input::placeholder { color: #647187; }
.company-task-filter-actions { display: flex; align-items: center; gap: 8px; }
.company-task-filter-actions button, .company-task-filter-actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border: 1px solid #3a485d; border-radius: 12px; color: #9ba8bb; background: #162235; font-size: 10px; font-weight: 850; text-decoration: none; white-space: nowrap; }
.company-task-filter-actions button:hover, .company-task-filter-actions a:hover { border-color: #52647c; color: #edf3ff; }
.company-task-filter-actions .primary { border-color: #34c98b; color: #04150e; background: var(--green); }
.company-task-view-switch { width: max-content; max-width: 100%; display: grid; grid-template-columns: repeat(6, minmax(112px, 1fr)); gap: 4px; padding: 5px; overflow-x: auto; border: 1px solid #2b394e; border-radius: 15px; background: #101a29; }
.company-task-view-switch a { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; border: 1px solid transparent; border-radius: 10px; color: #77869b; font-size: 10px; font-weight: 900; text-decoration: none; white-space: nowrap; }
.company-task-view-switch a:hover { color: #dfe8f4; background: #162235; }
.company-task-view-switch a.active { border-color: #34c98b; color: #04150e; background: var(--green); box-shadow: 0 8px 22px #34c98b22; }
.company-tasks-board-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 6px; }
.company-tasks-board-heading h2 { margin: 5px 0 0; font-size: clamp(24px, 3vw, 38px); letter-spacing: -.03em; }
.company-tasks-board-heading > span { color: #718097; font-size: 10px; font-weight: 800; }
.company-tasks-board { display: grid; gap: 18px; }
.company-task-department { overflow: hidden; border: 1px solid #2b394f; border-radius: 20px; background: #0e1726; box-shadow: 0 16px 44px #0002; }
.company-task-department[hidden] { display: none; }
.company-task-department > header { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; border-bottom: 1px solid #29374b; background: linear-gradient(135deg, #121f31, #101a29); }
.company-task-department > header > div { display: flex; align-items: center; gap: 12px; }
.company-task-department > header span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #34775b; border-radius: 10px; color: var(--green); background: #10251d; font-size: 9px; font-weight: 950; }
.company-task-department > header h2 { margin: 0; font-size: 15px; }
.company-task-department > header small { color: #748398; font-size: 9px; font-weight: 800; }
.company-task-list { display: grid; gap: 1px; background: #263349; }
.company-task-card { width: 100%; min-height: 78px; display: grid; grid-template-columns: 58px minmax(0, 1fr) auto 20px; align-items: center; gap: 13px; padding: 13px 17px; border: 0; color: inherit; background: #101a29; text-align: left; cursor: pointer; font: inherit; transition: background .15s ease; }
.company-task-card[hidden] { display: none; }
.company-task-card:hover, .company-task-card:focus-visible { background: #142033; }
.company-task-card:focus-visible { position: relative; z-index: 1; outline: 2px solid var(--green); outline-offset: -2px; }
.company-task-code { color: var(--green); font-size: 10px; font-weight: 950; letter-spacing: .04em; }
.company-task-main { min-width: 0; display: grid; gap: 4px; }
.company-task-main small { overflow: hidden; color: #66758b; font-size: 8px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.company-task-main strong { color: #e4ebf6; font-size: 11px; line-height: 1.4; }
.company-task-main > span { overflow: hidden; color: #8b99ae; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.company-task-status { padding: 6px 8px; border: 1px solid #38475d; border-radius: 999px; color: #9daabd; background: #172236; font-size: 8px; font-weight: 900; white-space: nowrap; }
.company-task-status.active { border-color: #34775b; color: #7fe3b3; background: #10251d; }
.company-task-status.review { border-color: #705b2d; color: #dfc16c; background: #211c11; }
.company-task-open-icon { width: 18px; height: 18px; color: #68768d; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .16s ease, color .16s ease; }
.company-task-open:hover .company-task-open-icon { color: var(--green); transform: translateX(2px); }
.company-task-rollups { display: grid; gap: 12px; }
.company-task-rollup { overflow: hidden; border: 1px solid #2b394f; border-radius: 18px; background: #0e1726; box-shadow: 0 14px 40px #0002; }
.company-task-rollup > summary { min-height: 78px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto 20px; align-items: center; gap: 14px; padding: 14px 17px; cursor: pointer; list-style: none; background: linear-gradient(135deg, #121f31, #101a29); transition: background .15s ease; }
.company-task-rollup > summary::-webkit-details-marker { display: none; }
.company-task-rollup > summary:hover, .company-task-rollup[open] > summary { background: #142033; }
.company-task-rollup-index { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #34775b; border-radius: 11px; color: var(--green); background: #10251d; font-size: 9px; font-weight: 950; }
.company-task-rollup-main { min-width: 0; display: grid; gap: 4px; }
.company-task-rollup-main small { color: #64748a; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.company-task-rollup-main strong { color: #e6edf7; font-size: 13px; line-height: 1.35; }
.company-task-rollup-main p { margin: 0; overflow: hidden; color: #8795a8; font-size: 9px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.company-task-rollup-stats { display: grid; justify-items: end; gap: 5px; }
.company-task-rollup-stats span { color: #76e3b1; font-size: 9px; font-weight: 900; }
.company-task-rollup-stats small { color: #748398; font-size: 8px; font-weight: 800; }
.company-task-rollup > summary > i { color: #68768d; font-size: 15px; font-style: normal; transition: transform .16s ease; }
.company-task-rollup[open] > summary > i { transform: rotate(180deg); }
.company-task-rollup > .company-task-list { border-top: 1px solid #29374b; }
.company-schedule { display: grid; gap: 12px; }
.company-day-slot { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 14px; align-items: start; }
.company-day-slot > time { min-height: 46px; display: grid; place-items: center; position: sticky; top: 84px; border: 1px solid #34775b; border-radius: 13px; color: #76e3b1; background: #10251d; font-size: 15px; font-weight: 950; }
.company-day-slot > div, .company-schedule-unscheduled > div, .company-week-day > div, .company-month-day > div { display: grid; gap: 8px; }
.company-schedule-task { width: 100%; min-height: 64px; display: grid; grid-template-columns: minmax(0, 1fr) 18px; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #2b394f; border-radius: 14px; color: inherit; background: #101a29; text-align: left; cursor: pointer; font: inherit; transition: background .15s ease, border-color .15s ease; }
.company-schedule-task:hover, .company-schedule-task:focus-visible { border-color: #3c526d; background: #142033; }
.company-schedule-task:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.company-schedule-task > span { min-width: 0; display: grid; gap: 4px; }
.company-schedule-task small { overflow: hidden; color: #607086; font-size: 8px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.company-schedule-task strong { color: #e4ebf6; font-size: 10px; line-height: 1.4; }
.company-schedule-task > span > span { overflow: hidden; color: #8b99ae; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.company-task-drawer-backdrop { position: fixed; inset: 0; z-index: 1600; display: flex; justify-content: flex-end; background: #02060db8; backdrop-filter: blur(3px); }
.company-task-drawer-backdrop[hidden] { display: none; }
.company-task-drawer { width: min(560px, calc(100vw - 40px)); height: 100%; overflow-y: auto; border-left: 1px solid #34445b; background: #0c1523; box-shadow: -24px 0 70px #0008; animation: company-task-drawer-in .2s ease-out; }
@keyframes company-task-drawer-in { from { transform: translateX(34px); opacity: .7; } to { transform: translateX(0); opacity: 1; } }
.company-task-drawer-header { position: sticky; top: 0; z-index: 2; min-height: 190px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 28px 30px 24px; border-bottom: 1px solid #2b394e; background: linear-gradient(145deg, #132338f7, #0d1827f7); backdrop-filter: blur(14px); }
.company-task-drawer-header > div { min-width: 0; }
.company-task-drawer-header .eyebrow { margin: 0 0 12px; }
.company-task-drawer-header h2 { margin: 0; color: #edf3ff; font-size: clamp(21px, 3vw, 30px); line-height: 1.18; letter-spacing: -.025em; }
.company-task-drawer-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.company-task-drawer-badges span { padding: 7px 10px; border: 1px solid #385069; border-radius: 999px; color: #93a3b9; background: #0c1727; font-size: 8px; font-weight: 900; }
.company-task-drawer-badges span:last-child { border-color: #34775b; color: #7fe3b3; background: #10251d; }
.company-task-drawer-close { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; padding: 0; border: 1px solid #3a4a61; border-radius: 12px; color: #aeb9ca; background: #162235; cursor: pointer; }
.company-task-drawer-close:hover, .company-task-drawer-close:focus-visible { border-color: #5d728d; color: #ffffff; background: #1d2c42; }
.company-task-drawer-close:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.company-task-drawer-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.company-task-drawer-content { display: grid; gap: 14px; padding: 22px 30px 36px; }
.company-task-drawer-content section { min-width: 0; padding: 17px 18px; border: 1px solid #2b3b51; border-radius: 15px; background: #111c2c; }
.company-task-drawer-content section > span { display: block; margin-bottom: 8px; color: #6f8097; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.company-task-drawer-content section > p { margin: 0; color: #d7e0ec; font-size: 10px; line-height: 1.55; overflow-wrap: anywhere; }
.company-task-drawer-result { border-color: #34775b !important; background: linear-gradient(145deg, #123126, #111f20) !important; }
.company-task-drawer-result > span { color: #69d7a6 !important; }
.company-task-drawer-result > p { color: #eefbf5 !important; font-size: 12px !important; }
.company-task-drawer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.company-task-drawer-comment { background: #0f1928 !important; }
body.company-task-drawer-open { overflow: hidden; }
.company-schedule-unscheduled { display: grid; gap: 10px; margin-top: 8px; padding: 14px; border: 1px dashed #3a485e; border-radius: 18px; background: #0d1725; }
.company-schedule-unscheduled > header, .company-week-day > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.company-schedule-unscheduled h3, .company-week-day h3, .company-month-day h3 { margin: 0; color: #d7e0ec; font-size: 11px; }
.company-schedule-unscheduled > header span, .company-week-day > header span { min-width: 28px; min-height: 25px; display: grid; place-items: center; border-radius: 999px; color: #73dfad; background: #123426; font-size: 8px; font-weight: 950; }
.company-week-grid { display: grid; grid-template-columns: repeat(7, minmax(150px, 1fr)); gap: 9px; overflow-x: auto; padding-bottom: 4px; }
.company-week-day { min-height: 220px; display: grid; grid-template-rows: auto 1fr; align-content: start; gap: 11px; padding: 12px; border: 1px solid #2b394f; border-radius: 16px; background: #0e1726; }
.company-week-day.empty { min-height: 150px; opacity: .64; }
.company-month-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.company-month-day { display: grid; gap: 11px; padding: 13px; border: 1px solid #2b394f; border-radius: 16px; background: #0e1726; }
.company-month-day > header { display: flex; align-items: center; gap: 10px; }
.company-month-day > header span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #34775b; border-radius: 10px; color: var(--green); background: #10251d; font-size: 11px; font-weight: 950; }
.company-tasks-empty, .company-tasks-unavailable { min-height: 240px; display: grid; place-items: center; align-content: center; gap: 8px; padding: 30px; border: 1px dashed #3a485e; border-radius: 20px; color: #738198; background: #0e1725; text-align: center; }
.company-tasks-empty[hidden] { display: none; }
.company-tasks-empty > span, .company-tasks-unavailable > span { font-size: 32px; color: var(--green); }
.company-tasks-empty strong, .company-tasks-unavailable h2 { margin: 0; color: #c2cddd; font-size: 16px; }
.company-tasks-empty p, .company-tasks-unavailable p { max-width: 560px; margin: 0; font-size: 10px; line-height: 1.55; }
.active-task-explorer { display: grid; gap: 20px; }
.active-tasks-filter { grid-template-columns: minmax(210px, 1.35fr) repeat(5, minmax(115px, .68fr)) auto; }
.active-task-reset { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border: 1px solid #3a485d; border-radius: 12px; color: #9ba8bb; background: #162235; font-size: 10px; font-weight: 850; text-decoration: none; white-space: nowrap; }
.active-task-reset:hover { border-color: #52647c; color: #edf3ff; }
.active-tasks-summary article.danger strong { color: #ff8299; }
.active-tasks-board-heading { margin-top: 2px; }
.active-task-groups { display: grid; gap: 18px; }
.active-task-group { overflow: hidden; border: 1px solid #2b394f; border-radius: 20px; background: #0e1726; box-shadow: 0 16px 44px #0002; }
.active-task-group > header { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 18px; border-bottom: 1px solid #29374b; background: linear-gradient(135deg, #121f31, #101a29); }
.active-task-group > header > div { min-width: 0; display: flex; align-items: center; gap: 13px; }
.active-task-group-index { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #34775b; border-radius: 11px; color: var(--green); background: #10251d; font-size: 9px; font-weight: 950; }
.active-task-group > header h2 { margin: 0; color: #e6edf7; font-size: 15px; }
.active-task-group > header p { margin: 5px 0 0; color: #718097; font-size: 9px; line-height: 1.4; }
.active-task-group > header > strong { min-width: 38px; height: 32px; display: grid; place-items: center; padding: 0 9px; border-radius: 999px; color: #052017; background: var(--green); font-size: 10px; }
.active-task-departments { display: grid; gap: 12px; padding: 14px; background: #0b1421; }
.active-task-department-block { overflow: hidden; border: 1px solid #2a394e; border-radius: 15px; background: #101a29; }
.active-task-department-block > header { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 14px; border-bottom: 1px solid #2a394e; background: #121f31; }
.active-task-department-block > header > div { min-width: 0; display: flex; align-items: center; gap: 10px; }
.active-task-department-block > header span { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px #4ee0a119; }
.active-task-department-block > header h3 { margin: 0; overflow: hidden; color: #dfe8f4; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.active-task-department-block > header > strong { min-width: 30px; height: 26px; display: grid; place-items: center; padding: 0 8px; border: 1px solid #34775b; border-radius: 999px; color: #7fe3b3; background: #10251d; font-size: 8px; }
.active-task-list { display: grid; gap: 1px; background: #263349; }
.active-task-card { background: #101a29; }
.active-task-card summary { min-height: 88px; display: grid; grid-template-columns: 106px minmax(260px, 1fr) minmax(170px, auto) 132px 18px; align-items: center; gap: 13px; padding: 14px 17px; cursor: pointer; list-style: none; transition: background .15s ease; }
.active-task-card summary::-webkit-details-marker { display: none; }
.active-task-card summary:hover, .active-task-card[open] summary { background: #142033; }
.active-task-card.overdue summary { box-shadow: inset 3px 0 #ef657f; }
.active-task-code { overflow: hidden; color: var(--green); font-size: 9px; font-weight: 950; letter-spacing: .02em; text-overflow: ellipsis; }
.active-task-main { min-width: 0; display: grid; gap: 4px; }
.active-task-main small { overflow: hidden; color: #66758b; font-size: 8px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.active-task-main strong { color: #e4ebf6; font-size: 11px; line-height: 1.42; }
.active-task-main > span { color: #8b99ae; font-size: 9px; }
.active-task-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.active-task-badges > span { padding: 6px 8px; border: 1px solid #38475d; border-radius: 999px; color: #9daabd; background: #172236; font-size: 7px; font-weight: 900; white-space: nowrap; }
.active-task-badges .daily { border-color: #34775b; color: #7fe3b3; background: #10251d; }
.active-task-badges .priority { border-color: #705b2d; color: #dfc16c; background: #211c11; }
.active-task-badges .late { border-color: #87364a; color: #ff91a5; background: #27131a; }
.active-task-badges .status.closed { border-color: #48566b; color: #8492a7; background: #182131; }
.active-task-deadline { min-width: 0; display: grid; justify-items: end; gap: 4px; text-align: right; }
.active-task-deadline small { color: #68778d; font-size: 7px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.active-task-deadline strong { max-width: 132px; color: #d8e0eb; font-size: 9px; line-height: 1.35; }
.active-task-card summary > i { color: #68768d; font-size: 15px; font-style: normal; transition: transform .16s ease; }
.active-task-card[open] summary > i { transform: rotate(180deg); }
.active-task-details { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border-top: 1px solid #28364a; background: #28364a; }
.active-task-details > div { min-width: 0; padding: 15px 17px; background: #0d1725; }
.active-task-details > div.wide { grid-column: 1 / -1; }
.active-task-details span { display: block; margin-bottom: 6px; color: #65748a; font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.active-task-details p { margin: 0; color: #bdc8d7; font-size: 9px; line-height: 1.55; }

.unit-economics-page { max-width: 1680px; }
.unit-economics-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 24px; }
.unit-economics-heading > div { max-width: 900px; }
.unit-economics-heading h1 { margin: 7px 0 12px; font-size: clamp(38px, 5vw, 68px); letter-spacing: -.045em; line-height: .98; }
.unit-economics-heading > div > p:not(.eyebrow) { max-width: 800px; margin: 0; color: #91a0b7; line-height: 1.6; }
.unit-economics-source-state { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid #34775b; border-radius: 999px; color: #83e3b5; background: #10251d; font-size: 10px; font-weight: 850; }
.unit-economics-source-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px #4ee0a119; }
.unit-economics-source-state.stale { border-color: #6c592d; color: #e2c46f; background: #211c11; }
.unit-economics-source-state.stale i { background: #e5bd54; box-shadow: 0 0 0 4px #e5bd5419; }
.unit-economics-source-state.error { border-color: #773847; color: #f29aac; background: #26131a; }
.unit-economics-source-state.error i { background: #ed6d87; box-shadow: 0 0 0 4px #ed6d8719; }
.unit-economics-filter { display: grid; grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) minmax(170px, .8fr) auto; align-items: end; gap: 12px; padding: 18px; border: 1px solid #2b394e; border-radius: 20px; background: #101a29; box-shadow: 0 18px 50px #0002; }
.unit-economics-filter label { color: #8290a5; font-size: 10px; }
.unit-economics-filter button { min-height: 46px; }
.unit-economics-context { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 18px 0 12px; padding: 14px 18px; border: 1px solid #2a394e; border-radius: 16px; background: #0e1827; }
.unit-economics-context > div { min-width: 0; display: flex; align-items: center; gap: 12px; }
.unit-economics-context span { flex: 0 0 auto; padding: 7px 10px; border: 1px solid #34775b; border-radius: 999px; color: var(--green); background: #10251d; font-size: 9px; font-weight: 900; }
.unit-economics-context strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.unit-economics-context p { margin: 0; color: #75849a; font-size: 10px; text-align: right; }
.unit-economics-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.unit-economics-kpis article { min-width: 0; min-height: 136px; position: relative; overflow: hidden; padding: 20px; border: 1px solid #2a384e; border-radius: 20px; background: linear-gradient(145deg, #121e2f, #0d1726); box-shadow: 0 16px 40px #0002; }
.unit-economics-kpis article::after { content: ""; width: 88px; height: 88px; position: absolute; right: -30px; bottom: -38px; border-radius: 50%; background: #4ee0a10d; }
.unit-economics-kpis span { display: block; color: #8493aa; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.unit-economics-kpis strong { display: block; margin: 11px 0 6px; color: #edf3ff; font-size: clamp(24px, 2.4vw, 36px); letter-spacing: -.04em; }
.unit-economics-kpis small { display: -webkit-box; overflow: hidden; color: #66758b; font-size: 9px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.unit-economics-flow { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin: 20px 0 24px; }
.unit-economics-flow article { min-width: 0; min-height: 132px; display: grid; grid-template-rows: auto auto 1fr; gap: 8px; padding: 15px; border: 1px solid #2c394e; border-top: 3px solid #536176; border-radius: 14px; background: #101927; }
.unit-economics-flow article.expense { border-top-color: #ed6d87; background: linear-gradient(180deg, #25131b, #111824); }
.unit-economics-flow article.result { border-top-color: var(--green); background: linear-gradient(180deg, #10251d, #101927); }
.unit-economics-flow article.future { border-style: dashed; color: #6f7d91; background: #0d1522; }
.unit-economics-flow span { overflow-wrap: anywhere; color: #8f9db1; font-size: 9px; font-weight: 850; }
.unit-economics-flow strong { overflow-wrap: anywhere; font-size: 18px; letter-spacing: -.025em; }
.unit-economics-flow article.expense strong { color: #ff8fa5; }
.unit-economics-flow article.result strong { color: var(--green); }
.unit-economics-flow small { align-self: end; color: #66758b; font-size: 8px; line-height: 1.35; }
.unit-economics-workspace { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(380px, .65fr); gap: 18px; align-items: center; margin-top: 24px; }
.unit-economics-cost-list { min-width: 0; display: grid; gap: 10px; }
.unit-economics-cost-list > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 8px; }
.unit-economics-cost-list > header h2 { margin: 5px 0 0; font-size: clamp(24px, 3vw, 38px); letter-spacing: -.035em; }
.unit-economics-cost-list > header > p { max-width: 430px; margin: 0; color: #7f8ea4; font-size: 10px; line-height: 1.5; text-align: right; }
.unit-economics-cost-group { overflow: hidden; border: 1px solid #2b394f; border-radius: 16px; background: #0e1726; box-shadow: 0 14px 36px #0002; }
.unit-economics-cost-group summary { min-height: 76px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto 18px; align-items: center; gap: 12px; padding: 14px 17px; cursor: pointer; list-style: none; }
.unit-economics-cost-group summary::-webkit-details-marker { display: none; }
.unit-economics-cost-group summary:hover,
.unit-economics-cost-group[open] summary { background: #121f31; }
.unit-economics-cost-group.income { border-color: #34775b; background: linear-gradient(145deg, #10251d, #0e1726 70%); }
.unit-economics-cost-group.income summary b { color: var(--green); }
.unit-economics-cost-group.income .unit-economics-cost-index { color: #062017; background: var(--green); }
.unit-economics-cost-group.taxes { border-color: #6d5c30; background: linear-gradient(145deg, #211c11, #0e1726 70%); }
.unit-economics-cost-group.taxes summary b { color: #e7c66b; }
.unit-economics-cost-group.taxes .unit-economics-cost-index { border-color: #8b743a; color: #2c2207; background: #e7c66b; }
.unit-economics-cost-index { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #34775b; border-radius: 10px; color: var(--green); background: #10251d; font-size: 9px; font-weight: 950; }
.unit-economics-cost-group summary > span:nth-child(2) { min-width: 0; }
.unit-economics-cost-group summary strong { display: block; overflow: hidden; color: #e6edf7; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.unit-economics-cost-group summary small { display: block; margin-top: 5px; overflow: hidden; color: #748398; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.unit-economics-cost-group summary b { color: #edf3ff; font-size: 16px; white-space: nowrap; }
.unit-economics-cost-group summary i { width: 9px; height: 9px; border-right: 2px solid #738197; border-bottom: 2px solid #738197; transform: rotate(45deg); transition: transform .18s ease; }
.unit-economics-cost-group[open] summary i { transform: rotate(225deg); }
.unit-economics-cost-body { padding: 0 17px 16px 67px; border-top: 1px solid #29374b; background: #0c1523; }
.unit-economics-cost-body ul { margin: 0; padding: 8px 0 0; list-style: none; }
.unit-economics-cost-body li { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid #243044; color: #aeb9cb; font-size: 10px; }
.unit-economics-cost-body li:last-child { border-bottom: 0; }
.unit-economics-cost-body li strong { color: #e6edf7; text-align: right; }
.unit-economics-cost-body li.missing strong,
.unit-economics-cost-body li.invalid strong { color: #f09aab; }
.unit-economics-cost-body > p { margin: 9px 0 0; color: #6f7e93; font-size: 8px; }
.unit-economics-cost-body > p strong { color: #94a3b8; }
.unit-economics-result { position: static; align-self: center; display: grid; gap: 12px; padding: 24px; border: 1px solid #34775b; border-radius: 22px; background: linear-gradient(145deg, #12271f, #0d1825 64%); box-shadow: 0 20px 60px #0003; }
.unit-economics-result > span { width: max-content; padding: 7px 10px; border-radius: 999px; color: #062017; background: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.unit-economics-result > p { margin: 0; color: #8290a5; font-size: 10px; line-height: 1.55; }
.unit-economics-stage-metrics { display: grid; gap: 8px; }
.unit-economics-stage-metrics article { display: grid; gap: 10px; padding: 16px 18px; border: 1px solid #2c3a4e; border-radius: 14px; background: #0d1725; }
.unit-economics-stage-metrics span { color: #78879c; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.unit-economics-stage-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.unit-economics-stage-heading small { padding: 4px 7px; border: 1px solid #836c31; border-radius: 999px; color: #e7c66b; background: #211c11; font-size: 7px; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.unit-economics-stage-value { min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
.unit-economics-stage-metrics strong { min-width: 0; font-size: clamp(25px, 3vw, 38px); letter-spacing: -.045em; line-height: 1.05; white-space: nowrap; }
.unit-economics-stage-metrics small { color: #67768c; font-size: 8px; line-height: 1.4; }
.unit-economics-stage-share { flex: 0 0 auto; color: #8d9bb0; font-size: clamp(20px, 2.2vw, 30px); font-style: normal; font-weight: 900; letter-spacing: -.035em; line-height: 1; white-space: nowrap; }
.unit-economics-stage-metrics .cost { border-color: #733545; background: linear-gradient(135deg, #28131b, #111824); }
.unit-economics-stage-metrics .cost strong { color: #ff839a; }
.unit-economics-stage-metrics .cost .unit-economics-stage-share { color: #dc6e84; }
.unit-economics-stage-metrics .tax-cost { border-color: #6d5c30; background: linear-gradient(135deg, #211c11, #111824); }
.unit-economics-stage-metrics .tax-cost strong { color: #e7c66b; }
.unit-economics-stage-metrics .tax-cost .unit-economics-stage-share { color: #c5a950; }
.unit-economics-stage-metrics .tax-cost.partial { border-style: dashed; }
.unit-economics-stage-metrics .marketplace-cost { border-color: #75502f; background: linear-gradient(135deg, #281d12, #111824); }
.unit-economics-stage-metrics .marketplace-cost strong { color: #f3ae68; }
.unit-economics-stage-metrics .marketplace-cost .unit-economics-stage-share { color: #d59353; }
.unit-economics-stage-metrics .management-cost { border-color: #624478; background: linear-gradient(135deg, #21172a, #111824); }
.unit-economics-stage-metrics .management-cost strong { color: #c79af0; }
.unit-economics-stage-metrics .management-cost .unit-economics-stage-share { color: #b486d9; }
.unit-economics-stage-metrics .warehouse-cost { border-color: #5d6240; background: linear-gradient(135deg, #212216, #111824); }
.unit-economics-stage-metrics .warehouse-cost strong { color: #d9d78b; }
.unit-economics-stage-metrics .warehouse-cost .unit-economics-stage-share { color: #b7b56f; }
.unit-economics-stage-metrics .sale { border-color: #34527b; background: linear-gradient(135deg, #12233a, #101824); }
.unit-economics-stage-metrics .sale strong { color: #8bbcff; }
.unit-economics-stage-metrics .sale .unit-economics-stage-share { color: #75a7e6; }
.unit-economics-stage-metrics .earnings { border-color: #34775b; background: linear-gradient(135deg, #10251d, #101824); }
.unit-economics-stage-metrics .earnings strong { color: var(--green); }
.unit-economics-stage-metrics .earnings .unit-economics-stage-share { color: #48c990; }
.unit-economics-stage-metrics .earnings.negative { border-color: #733545; background: linear-gradient(135deg, #28131b, #111824); }
.unit-economics-stage-metrics .earnings.negative strong { color: #ff839a; }
.unit-economics-result dl { display: grid; gap: 1px; margin: 6px 0 0; overflow: hidden; border: 1px solid #2c3a4e; border-radius: 13px; background: #2c3a4e; }
.unit-economics-result dl > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px; background: #0d1725; }
.unit-economics-result dt { color: #748398; font-size: 9px; }
.unit-economics-result dd { margin: 0; color: #e6edf7; font-size: 10px; font-weight: 850; text-align: right; }
.unit-economics-result dd.ready { color: var(--green); }
.unit-economics-result dd.warning { color: #e7c66b; }
.unit-economics-next { margin-top: 5px; padding: 13px; border: 1px dashed #44526a; border-radius: 13px; background: #111b2b; }
.unit-economics-next strong { color: #c0cada; font-size: 10px; }
.unit-economics-next p { margin: 6px 0 0; color: #748398; font-size: 9px; line-height: 1.5; }
.unit-economics-empty { min-height: 220px; display: grid; place-items: center; align-content: center; gap: 8px; padding: 30px; border: 1px dashed #3a485e; border-radius: 18px; color: #738198; background: #0e1725; text-align: center; }
.unit-economics-empty > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #6d5c30; border-radius: 50%; color: #e2c46f; background: #211c11; font-weight: 900; }
.unit-economics-empty strong { color: #c2cddd; }
.unit-economics-empty p { max-width: 520px; margin: 0; font-size: 10px; line-height: 1.55; }
@media (max-width: 1280px) {
  .unit-economics-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .unit-economics-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .unit-economics-heading { align-items: flex-start; flex-direction: column; }
  .unit-economics-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .unit-economics-filter button { width: 100%; }
  .unit-economics-workspace { grid-template-columns: 1fr; }
  .unit-economics-result { position: static; }
}
@media (max-width: 680px) {
  .unit-economics-filter,
  .unit-economics-kpis,
  .unit-economics-flow { grid-template-columns: 1fr; }
  .unit-economics-context { align-items: flex-start; flex-direction: column; }
  .unit-economics-context p { text-align: left; }
  .unit-economics-flow article { min-height: 0; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; }
  .unit-economics-flow article small { grid-column: 1 / -1; }
  .unit-economics-cost-list > header { align-items: flex-start; flex-direction: column; }
  .unit-economics-cost-list > header > p { text-align: left; }
  .unit-economics-cost-group summary { grid-template-columns: 34px minmax(0, 1fr) 14px; }
  .unit-economics-cost-group summary b { grid-column: 2; grid-row: 2; }
  .unit-economics-cost-group summary i { grid-column: 3; grid-row: 1 / 3; }
  .unit-economics-cost-body { padding-left: 17px; }
  .unit-economics-stage-value { gap: 10px; }
  .unit-economics-stage-metrics strong { font-size: clamp(23px, 8vw, 34px); }
  .unit-economics-stage-share { font-size: clamp(18px, 6vw, 26px); }
}

html[data-theme="light"] .unit-economics-heading > div > p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .unit-economics-source-state { border-color: #91d0b3; color: #15764f; background: #e7f7ef; }
html[data-theme="light"] .unit-economics-source-state.stale { border-color: #e3cb91; color: #8a6619; background: #fff8e8; }
html[data-theme="light"] .unit-economics-source-state.error { border-color: #e5adb8; color: #a63b54; background: #fff0f3; }
html[data-theme="light"] .unit-economics-filter,
html[data-theme="light"] .unit-economics-context { border-color: #d6e0ea; background: #ffffff; box-shadow: 0 16px 44px #35465d12; }
html[data-theme="light"] .unit-economics-filter label,
html[data-theme="light"] .unit-economics-context p { color: #66758a; }
html[data-theme="light"] .unit-economics-filter select { border-color: #cfd9e4; color: #263247; background: #f4f7fa; }
html[data-theme="light"] .unit-economics-context span { border-color: #91d0b3; color: #15764f; background: #e7f7ef; }
html[data-theme="light"] .unit-economics-kpis article { border-color: #d6e0ea; background: linear-gradient(145deg, #ffffff, #f2f6f9); box-shadow: 0 16px 40px #35465d14; }
html[data-theme="light"] .unit-economics-kpis span { color: #607087; }
html[data-theme="light"] .unit-economics-kpis strong { color: #172033; }
html[data-theme="light"] .unit-economics-kpis small { color: #8491a2; }
html[data-theme="light"] .unit-economics-flow article { border-color: #d5dfe9; background: #ffffff; }
html[data-theme="light"] .unit-economics-flow article.expense { border-top-color: #d85b72; background: #fff5f7; }
html[data-theme="light"] .unit-economics-flow article.result { border-top-color: #25ae75; background: #edf9f3; }
html[data-theme="light"] .unit-economics-flow article.future { color: #8290a3; background: #f5f8fa; }
html[data-theme="light"] .unit-economics-flow span,
html[data-theme="light"] .unit-economics-flow small { color: #66758a; }
html[data-theme="light"] .unit-economics-cost-list > header > p { color: #66758a; }
html[data-theme="light"] .unit-economics-cost-group { border-color: #d6e0ea; background: #ffffff; box-shadow: 0 14px 36px #35465d12; }
html[data-theme="light"] .unit-economics-cost-group summary:hover,
html[data-theme="light"] .unit-economics-cost-group[open] summary { background: #f4f8f6; }
html[data-theme="light"] .unit-economics-cost-group.income { border-color: #91d0b3; background: linear-gradient(145deg, #eefaf4, #ffffff 70%); }
html[data-theme="light"] .unit-economics-cost-group.income summary b { color: #148456; }
html[data-theme="light"] .unit-economics-cost-group.income .unit-economics-cost-index { color: #ffffff; background: #25ae75; }
html[data-theme="light"] .unit-economics-cost-group.taxes { border-color: #e3cb91; background: linear-gradient(145deg, #fff8e8, #ffffff 70%); }
html[data-theme="light"] .unit-economics-cost-group.taxes summary b { color: #8a6619; }
html[data-theme="light"] .unit-economics-cost-group.taxes .unit-economics-cost-index { border-color: #d4b866; color: #ffffff; background: #b88b26; }
html[data-theme="light"] .unit-economics-cost-index { border-color: #91d0b3; color: #15764f; background: #e7f7ef; }
html[data-theme="light"] .unit-economics-cost-group summary strong,
html[data-theme="light"] .unit-economics-cost-group summary b { color: #172033; }
html[data-theme="light"] .unit-economics-cost-group summary small { color: #66758a; }
html[data-theme="light"] .unit-economics-cost-body { border-color: #dce4ec; background: #f8fafc; }
html[data-theme="light"] .unit-economics-cost-body li { border-color: #dce4ec; color: #526278; }
html[data-theme="light"] .unit-economics-cost-body li strong { color: #172033; }
html[data-theme="light"] .unit-economics-cost-body > p { color: #66758a; }
html[data-theme="light"] .unit-economics-result { border-color: #91d0b3; background: linear-gradient(145deg, #f0faf5, #ffffff 64%); box-shadow: 0 20px 60px #35465d16; }
html[data-theme="light"] .unit-economics-result > p { color: #526278; }
html[data-theme="light"] .unit-economics-stage-metrics article { border-color: #d7e0e9; background: #f8fafc; }
html[data-theme="light"] .unit-economics-stage-metrics span,
html[data-theme="light"] .unit-economics-stage-metrics small { color: #66758a; }
html[data-theme="light"] .unit-economics-stage-metrics .cost { border-color: #efb6c1; background: #fff2f5; }
html[data-theme="light"] .unit-economics-stage-metrics .cost strong { color: #c83f5a; }
html[data-theme="light"] .unit-economics-stage-metrics .tax-cost { border-color: #e3cb91; background: #fff8e8; }
html[data-theme="light"] .unit-economics-stage-metrics .tax-cost strong { color: #8a6619; }
html[data-theme="light"] .unit-economics-stage-heading small { border-color: #e3cb91; color: #8a6619; background: #fff8e8; }
html[data-theme="light"] .unit-economics-stage-metrics .marketplace-cost { border-color: #e5c59f; background: #fff8ef; }
html[data-theme="light"] .unit-economics-stage-metrics .marketplace-cost strong { color: #b7661d; }
html[data-theme="light"] .unit-economics-stage-metrics .management-cost { border-color: #d8c1e8; background: #faf4ff; }
html[data-theme="light"] .unit-economics-stage-metrics .management-cost strong { color: #8053a2; }
html[data-theme="light"] .unit-economics-stage-metrics .warehouse-cost { border-color: #d7d2a7; background: #fffdf0; }
html[data-theme="light"] .unit-economics-stage-metrics .warehouse-cost strong { color: #77752e; }
html[data-theme="light"] .unit-economics-stage-metrics .sale { border-color: #b8cce7; background: #f1f6fd; }
html[data-theme="light"] .unit-economics-stage-metrics .sale strong { color: #2463a9; }
html[data-theme="light"] .unit-economics-stage-metrics .earnings { border-color: #a8dbc1; background: #eefaf4; }
html[data-theme="light"] .unit-economics-stage-metrics .earnings strong { color: #148456; }
html[data-theme="light"] .unit-economics-stage-metrics .earnings.negative { border-color: #efb6c1; background: #fff2f5; }
html[data-theme="light"] .unit-economics-stage-metrics .earnings.negative strong { color: #c83f5a; }
html[data-theme="light"] .unit-economics-result dl { border-color: #dce4ec; background: #dce4ec; }
html[data-theme="light"] .unit-economics-result dl > div { background: #f8fafc; }
html[data-theme="light"] .unit-economics-result dt { color: #66758a; }
html[data-theme="light"] .unit-economics-result dd { color: #172033; }
html[data-theme="light"] .unit-economics-next { border-color: #b8c6d4; background: #f4f7fa; }
html[data-theme="light"] .unit-economics-next strong { color: #405069; }
html[data-theme="light"] .unit-economics-next p { color: #66758a; }
html[data-theme="light"] .unit-economics-empty { border-color: #b8c6d4; color: #66758a; background: #f7fafc; }
html[data-theme="light"] .unit-economics-empty strong { color: #263247; }

.page.crm-page { padding-bottom: 56px; }
.crm-shell { min-width: 0; }
.crm-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 24px; }
.crm-heading > div { max-width: 820px; }
.crm-heading h1 { margin: 7px 0 12px; font-size: clamp(44px, 6vw, 76px); line-height: .95; letter-spacing: -.05em; }
.crm-heading > div > p:not(.eyebrow) { margin: 0; color: #95a3ba; font-size: 15px; line-height: 1.6; }
.crm-create-trigger { min-height: 48px; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 9px; padding: 11px 17px; border-radius: 13px; font-weight: 850; }
.crm-create-trigger > span { font-size: 20px; line-height: 1; }
.crm-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.crm-summary article { min-height: 118px; position: relative; display: grid; align-content: end; overflow: hidden; padding: 18px; border: 1px solid #26334a; border-radius: 18px; background: linear-gradient(145deg, #121d2f, #0d1523); }
.crm-summary article > span { position: absolute; top: 14px; right: 15px; color: #2a3850; font-size: 22px; font-weight: 950; }
.crm-summary article small { color: #8190a7; font-size: 11px; font-weight: 750; }
.crm-summary article strong { margin-top: 5px; font-size: 30px; line-height: 1; }
.crm-summary article.danger { border-color: #7c3043; background: linear-gradient(145deg, #281622, #14121b); }
.crm-summary article.danger strong { color: #ff718b; }
.crm-type-filter { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 22px; padding: 10px 11px 10px 15px; border: 1px solid #26354a; border-radius: 17px; background: #0d1624; }
.crm-type-filter > div:first-child { min-width: 145px; display: grid; gap: 2px; }
.crm-type-filter > div:first-child > span { color: #c8d2df; font-size: 10px; font-weight: 850; }
.crm-type-filter > div:first-child > small { color: #6f7f96; font-size: 7px; line-height: 1.35; }
.crm-type-filter-options { min-width: 0; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.crm-type-filter-options a { min-height: 36px; display: inline-flex; align-items: center; gap: 8px; padding: 7px 9px 7px 12px; border: 1px solid #2b3b51; border-radius: 11px; color: #8d9bb0; background: #111c2c; font-size: 9px; font-weight: 800; transition: border-color .16s ease, color .16s ease, background .16s ease; }
.crm-type-filter-options a:hover { border-color: #476079; color: #c7d1df; }
.crm-type-filter-options a.active { border-color: #36bd84; color: #dff8ed; background: #143126; box-shadow: inset 0 0 0 1px #4ee0a119; }
.crm-type-filter-options strong { min-width: 22px; height: 22px; display: grid; place-items: center; padding: 0 5px; border-radius: 7px; color: #8392a8; background: #1c293b; font-size: 8px; }
.crm-type-filter-options a.active strong { color: #062116; background: var(--green); }
.crm-board-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 14px; }
.crm-board-heading h2 { margin: 4px 0 5px; font-size: 27px; letter-spacing: -.025em; }
.crm-board-heading p { margin: 0; color: #8190a7; font-size: 12px; }
.crm-board-heading > span { max-width: 390px; color: #69788e; font-size: 10px; line-height: 1.5; text-align: right; }
.crm-board { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 310px); gap: 12px; align-items: start; overflow-x: auto; overscroll-behavior-inline: contain; padding: 2px 2px 18px; scroll-snap-type: x proximity; scrollbar-color: #314057 #0c1421; }
.crm-column { min-height: 430px; overflow: hidden; border: 1px solid #27344a; border-radius: 18px; background: #0d1523; scroll-snap-align: start; }
.crm-column > header { min-height: 67px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 14px; border-bottom: 1px solid #27344a; background: #121c2c; }
.crm-column > header > div { min-width: 0; display: flex; align-items: center; gap: 9px; }
.crm-column > header span { width: 29px; height: 29px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid #365068; border-radius: 9px; color: var(--green); font-size: 10px; font-weight: 900; }
.crm-column > header h3 { margin: 0; overflow: hidden; font-size: 12px; line-height: 1.25; text-overflow: ellipsis; }
.crm-column > header > strong { min-width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #9cabc0; background: #1a2638; font-size: 11px; }
.crm-card-list { min-height: 360px; display: grid; align-content: start; gap: 9px; padding: 10px; transition: background .16s ease; }
.crm-card-list.drag-over { background: #4ee0a10a; box-shadow: inset 0 0 0 1px #4ee0a14f; }
.crm-card { cursor: pointer; overflow: hidden; border: 1px solid #2a3950; border-radius: 14px; background: linear-gradient(145deg, #152033, #111a29); box-shadow: 0 10px 26px #0002; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.crm-card:hover { transform: translateY(-2px); border-color: #3c536f; box-shadow: 0 14px 34px #0004; }
.crm-card:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.crm-card:active { cursor: grabbing; }
.crm-card.dragging { opacity: .45; transform: rotate(1deg); }
.crm-card.priority-high { border-color: #806526; }
.crm-card.priority-urgent { border-color: #8a3247; }
.crm-card > h4 { margin: 0; padding: 0 13px 12px; font-size: 13px; line-height: 1.42; }
.crm-card-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; padding: 12px 12px 9px; }
.crm-card-badges span { min-height: 23px; display: inline-flex; align-items: center; padding: 4px 7px; border-radius: 7px; font-size: 8px; font-weight: 900; letter-spacing: .025em; text-transform: uppercase; }
.crm-type-badge { color: #071a12; background: var(--green); }
.crm-source-badge { border: 1px solid #34445c; color: #92a1b7; background: #111a29; }
.crm-source-badge.source-wildberries { border-color: #b22891; color: #f070d0; }
.crm-source-badge.source-ozon { border-color: #335dd9; color: #7f9cff; }
.crm-source-badge.source-yandex { border-color: #88741f; color: #f5d43d; }
.crm-priority-badge.high { color: #e7c55f; background: #80652633; }
.crm-priority-badge.urgent { color: #ff8ca0; background: #8a324733; }
.crm-card-meta { display: grid; gap: 6px; margin: 0; padding: 0 13px 12px; }
.crm-card-meta > div { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 7px; }
.crm-card-meta dt { color: #6f7f97; font-size: 9px; }
.crm-card-meta dd { margin: 0; overflow-wrap: anywhere; color: #c5cfdd; font-size: 9px; font-weight: 700; text-align: right; }
.crm-card-footer { min-height: 39px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; border-top: 1px solid #27364c; color: #7f8ea4; background: #0d1624; font-size: 8px; }
.crm-card-footer > span { min-width: 0; display: flex; align-items: center; gap: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crm-card-footer i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #4ee0a1; box-shadow: 0 0 0 3px #4ee0a116; }
.crm-card-footer time { flex: 0 0 auto; padding: 4px 6px; border-radius: 6px; color: #99a7ba; background: #182337; }
.crm-card-footer time.overdue { color: #ff8298; background: #75263b4f; }
.crm-card-open-hint { flex: 0 0 auto; color: #91a2b8; font-weight: 800; }
.crm-card-open-hint b { color: var(--green); font-size: 11px; }
.crm-card-stage-hidden { display: none; }
.crm-card-details { border-top: 1px solid #26344a; }
.crm-card-details > summary { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; cursor: pointer; color: #8e9db2; font-size: 9px; font-weight: 800; list-style: none; }
.crm-card-details > summary::-webkit-details-marker { display: none; }
.crm-card-details > summary span { transition: transform .18s ease; }
.crm-card-details[open] > summary span { transform: rotate(180deg); }
.crm-card-details > div { display: grid; gap: 11px; padding: 0 12px 12px; }
.crm-card-details > div > p { margin: 0; color: #aab6c8; font-size: 9px; line-height: 1.55; white-space: pre-wrap; }
.crm-card-source-link { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 7px 10px; border: 1px solid #34516a; border-radius: 9px; color: #8fc8ff; background: #102239; font-size: 8px; font-weight: 850; text-align: center; }
.crm-card-source-link:hover { border-color: #4e7394; color: #c3e1ff; background: #142b47; }
.crm-card-details form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 7px; }
.crm-card-details label { display: grid; gap: 5px; color: #6f7e94; font-size: 8px; }
.crm-card-details select { min-width: 0; min-height: 34px; padding: 6px 8px; font-size: 9px; }
.crm-card-details form button { min-height: 34px; padding: 6px 9px; font-size: 8px; }
.crm-card-history { display: grid; gap: 6px; padding-top: 8px; border-top: 1px solid #28364b; }
.crm-card-history > strong { color: #8796ac; font-size: 8px; text-transform: uppercase; }
.crm-card-history p { display: grid; gap: 2px; margin: 0; padding-left: 9px; border-left: 2px solid #31445c; color: #b9c4d3; font-size: 8px; }
.crm-card-history small { color: #708097; font-size: 7px; }
.crm-drawer[hidden] { display: none; }
.crm-drawer { position: fixed; inset: 0; z-index: 90; }
.crm-drawer-backdrop { position: absolute; inset: 0; border: 0; border-radius: 0; opacity: 0; background: #03070db3; backdrop-filter: blur(5px); transition: opacity .2s ease; }
.crm-drawer > aside { width: min(560px, calc(100vw - 28px)); height: 100%; position: absolute; top: 0; right: 0; overflow: hidden; border-left: 1px solid #314157; background: #0d1624; box-shadow: -28px 0 90px #0009; transform: translateX(102%); transition: transform .22s ease; }
.crm-drawer.open .crm-drawer-backdrop { opacity: 1; }
.crm-drawer.open > aside { transform: translateX(0); }
.crm-drawer > aside > div { height: 100%; }
.crm-drawer-card { height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.crm-drawer-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px 24px 19px; border-bottom: 1px solid #29384d; background: #111c2c; }
.crm-drawer-header > div { min-width: 0; }
.crm-drawer-header .crm-card-badges { padding: 0 0 12px; }
.crm-drawer-header h2 { margin: 0; overflow-wrap: anywhere; font-size: 24px; line-height: 1.22; letter-spacing: -.02em; }
.crm-drawer-header p { margin: 7px 0 0; color: var(--green); font-size: 10px; font-weight: 800; }
.crm-drawer-header > button { width: 40px; height: 40px; display: grid; flex: 0 0 auto; place-items: center; padding: 0; border-radius: 12px; color: #9baabd; font-size: 25px; line-height: 1; }
.crm-drawer-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 24px 30px; }
.crm-drawer-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 20px; }
.crm-drawer-facts > div { min-width: 0; display: grid; gap: 5px; padding: 12px 13px; border: 1px solid #29384e; border-radius: 13px; background: #111c2c; }
.crm-drawer-facts span { color: #6f7f96; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.crm-drawer-facts strong { overflow-wrap: anywhere; color: #d8e0eb; font-size: 11px; }
.crm-conversation { overflow: hidden; border: 1px solid #2a3a50; border-radius: 16px; background: #101a29; }
.crm-conversation > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #29384d; background: #131f31; }
.crm-conversation > header > div { display: grid; gap: 3px; }
.crm-conversation > header span { font-size: 11px; font-weight: 900; }
.crm-conversation > header small { color: #728198; font-size: 8px; }
.crm-conversation > header > strong { min-width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #062116; background: var(--green); font-size: 10px; }
.crm-conversation-context { display: grid; gap: 4px; padding: 12px 15px; border-bottom: 1px solid #29384d; color: #7f90a6; background: #0d1725; }
.crm-conversation-context.primary { border-bottom: 0; color: #bcc7d6; background: transparent; }
.crm-conversation-context p { margin: 0; font-size: 9px; line-height: 1.55; white-space: pre-wrap; }
.crm-message-list { display: grid; gap: 11px; padding: 16px; }
.crm-message { max-width: 88%; display: grid; gap: 7px; justify-self: start; margin: 0; padding: 11px 13px; border: 1px solid #34516a; border-radius: 5px 15px 15px 15px; background: #14263a; box-shadow: 0 8px 20px #0002; }
.crm-message > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.crm-message > header strong { color: #91c9ef; font-size: 8px; }
.crm-message > header time { color: #6f8298; font-size: 8px; }
.crm-message > p { margin: 0; color: #d5deea; font-size: 11px; line-height: 1.55; white-space: pre-wrap; }
.crm-conversation-empty { padding: 18px; color: #728198; font-size: 10px; }
.crm-drawer-source-link { width: 100%; min-height: 44px; gap: 8px; margin-top: 12px; font-size: 10px; }
.crm-drawer-source-link span { font-size: 14px; }
.crm-drawer-controls { margin-top: 18px; padding: 16px; border: 1px solid #29384e; border-radius: 15px; background: #111c2c; }
.crm-drawer-controls form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 9px; }
.crm-drawer-controls label { display: grid; gap: 6px; color: #78889e; font-size: 9px; font-weight: 800; }
.crm-drawer-controls select { width: 100%; min-height: 40px; }
.crm-drawer-controls button { min-height: 40px; padding-inline: 14px; }
.crm-drawer-history { margin-top: 18px; padding-top: 16px; }
.crm-drawer-history > strong { font-size: 9px; }
.crm-drawer-history p { padding: 8px 0 8px 11px; font-size: 9px; }
.crm-drawer-history small { font-size: 8px; }
.crm-column-empty { min-height: 170px; display: grid; place-items: center; align-content: center; gap: 7px; padding: 20px; border: 1px dashed #304058; border-radius: 13px; color: #68778e; text-align: center; }
.crm-column-empty > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #4ee0a1; background: #4ee0a111; font-size: 18px; }
.crm-column-empty strong { color: #8e9cb1; font-size: 10px; }
.crm-column-empty small { max-width: 210px; font-size: 8px; line-height: 1.45; }
.crm-modal[hidden] { display: none; }
.crm-modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 18px; }
.crm-modal-backdrop { position: absolute; inset: 0; border: 0; border-radius: 0; background: #03070dd1; backdrop-filter: blur(7px); }
.crm-modal > section { width: min(760px, 100%); max-height: calc(100vh - 36px); position: relative; overflow-y: auto; border: 1px solid #314157; border-radius: 22px; background: #101927; box-shadow: 0 30px 100px #000a; }
.crm-modal > section > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 24px 26px 19px; border-bottom: 1px solid #29374c; }
.crm-modal > section > header h2 { margin: 5px 0 6px; font-size: 24px; }
.crm-modal > section > header p:not(.eyebrow) { max-width: 520px; margin: 0; color: #8493aa; font-size: 10px; line-height: 1.5; }
.crm-modal > section > header > button { width: 38px; height: 38px; display: grid; flex: 0 0 auto; place-items: center; padding: 0; border-radius: 11px; color: #97a6ba; font-size: 24px; }
.crm-create-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 22px 26px 26px; }
.crm-create-form label { min-width: 0; display: grid; align-content: start; gap: 7px; color: #a7b3c5; font-size: 10px; font-weight: 750; }
.crm-create-form .wide { grid-column: 1 / -1; }
.crm-create-form input, .crm-create-form select, .crm-create-form textarea { width: 100%; }
.crm-create-form textarea { resize: vertical; }
.crm-create-form footer { display: flex; justify-content: flex-end; gap: 9px; padding-top: 4px; }
.crm-create-form footer button { min-height: 43px; padding: 10px 16px; border-radius: 11px; }
body.crm-modal-open,
body.crm-drawer-open { overflow: hidden; }

.finance-home-shell,
.supplier-finance-shell { display: grid; gap: 24px; }
.finance-home-heading,
.supplier-finance-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.finance-heading-actions { display: flex; align-items: stretch; justify-content: flex-end; gap: 10px; }
.finance-heading-actions .report-pdf-download { align-self: stretch; white-space: nowrap; }
.finance-home-heading { display: block; }
.finance-home-heading h1,
.supplier-finance-heading h1 { margin: 7px 0 12px; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.045em; }
.finance-home-heading > p:not(.eyebrow),
.supplier-finance-heading > div > p:not(.eyebrow) { max-width: 760px; margin: 0; color: #8c9ab0; font-size: 14px; line-height: 1.6; }
.finance-home-modules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.finance-home-module { min-height: 240px; position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: start; gap: 18px; overflow: hidden; padding: 24px; border: 1px solid #2a384d; border-radius: 22px; color: var(--text); background: linear-gradient(145deg, #121d2d, #0c1523); transition: transform .18s ease, border-color .18s ease; }
.finance-home-module.active:hover { transform: translateY(-3px); border-color: #3ab985; }
.finance-home-module.active::after { content: ""; width: 130px; height: 130px; position: absolute; right: -58px; bottom: -58px; border: 25px solid var(--green); border-radius: 50%; opacity: .08; }
.finance-module-index { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid #36506a; border-radius: 14px; color: var(--green); background: #10251e; font-size: 11px; font-weight: 950; }
.finance-home-module small { color: var(--green); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.finance-home-module h2 { margin: 8px 0; font-size: 23px; letter-spacing: -.025em; }
.finance-home-module p { margin: 0; color: #8190a6; font-size: 12px; line-height: 1.55; }
.finance-home-module > strong { color: var(--green); font-size: 30px; line-height: 1; }
.finance-home-module.pending { opacity: .78; }
.finance-home-module.pending .development-badge { grid-column: 2; justify-self: start; margin-top: 10px; }
.finance-home-overview { overflow: hidden; border: 1px solid #29384d; border-radius: 24px; background: #0e1725; box-shadow: 0 18px 54px #00000024; }
.finance-home-overview > header { min-height: 146px; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 27px 30px; border-bottom: 1px solid #29384d; background: #111c2b; }
.finance-home-overview > header > div { min-width: 0; }
.finance-home-overview > header h2 { margin: 5px 0 8px; font-size: clamp(27px, 3vw, 40px); letter-spacing: -.045em; }
.finance-home-overview > header p:not(.eyebrow) { max-width: 780px; margin: 0; color: #7f8da3; font-size: 11px; line-height: 1.55; }
.finance-capital-banner { position: relative; overflow: hidden; }
.finance-capital-banner::after { content: ""; width: 250px; height: 250px; position: absolute; right: -82px; top: -112px; border: 42px solid currentColor; border-radius: 50%; opacity: .055; pointer-events: none; }
.finance-capital-banner.positive { color: #61dda6; background: radial-gradient(circle at 88% 12%, #2fbd7c24, transparent 34%), linear-gradient(135deg, #101f23, #111c2b); }
.finance-capital-banner.negative { color: #ff8298; background: radial-gradient(circle at 88% 12%, #f36c8522, transparent 34%), linear-gradient(135deg, #24161d, #111c2b); }
.finance-capital-banner h2 { color: #eef5ff; }
.finance-capital-value { position: relative; z-index: 1; display: grid; flex: 0 0 auto; justify-items: end; gap: 10px; text-align: right; }
.finance-capital-value strong { overflow-wrap: anywhere; color: currentColor; font-size: clamp(34px, 4.2vw, 62px); line-height: .95; letter-spacing: -.055em; }
.finance-capital-value span { padding: 8px 11px; border-radius: 999px; color: #8ea0b6; background: #1a283a; font-size: 8px; font-weight: 900; white-space: nowrap; }
.finance-home-position-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px; background: #0b1420; }
.finance-position-card { min-width: 0; min-height: 170px; position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: start; gap: 13px; overflow: hidden; padding: 19px; border: 1px solid #2a394e; border-radius: 19px; color: var(--text); background: linear-gradient(145deg, #131f30, #0e1826); box-shadow: 0 14px 38px #0000001f; transition: transform .18s ease, border-color .18s ease; }
.finance-position-card:hover { transform: translateY(-2px); border-color: #3ab985; }
.finance-position-card::after { content: ""; width: 92px; height: 92px; position: absolute; right: -36px; bottom: -36px; border: 18px solid currentColor; border-radius: 50%; opacity: .055; pointer-events: none; }
.finance-position-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #36506a; border-radius: 13px; background: #142235; }
.finance-position-icon img { width: 22px; height: 22px; opacity: .94; }
.finance-position-card > div { min-width: 0; display: grid; align-content: start; gap: 8px; }
.finance-position-card small { color: #8493aa; font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.finance-position-card strong { overflow-wrap: anywhere; font-size: clamp(24px, 2.45vw, 38px); line-height: 1; letter-spacing: -.045em; }
.finance-position-card p { margin: 0; color: #718198; font-size: 9px; line-height: 1.45; }
.finance-position-card > b { position: relative; z-index: 1; color: currentColor; font-size: 23px; line-height: 1; }
.finance-position-card.positive { color: #61dda6; }
.finance-position-card.positive .finance-position-icon { border-color: #307559; background: #123124; }
.finance-position-card.negative { color: #ff8298; }
.finance-position-card.negative .finance-position-icon { border-color: #804050; background: #321a23; }
.finance-position-card.neutral { color: #9aa9bb; }
.finance-position-card.neutral .finance-position-icon { border-color: #46586e; background: #192638; }
.finance-marketplace-card .finance-balance-logo { width: 44px; height: 44px; border-radius: 13px; }
.finance-home-position-grid .wildberries .finance-balance-logo { background: linear-gradient(135deg, #ad25ed, #f20aa6); }
.finance-home-position-grid .ozon .finance-balance-logo { background: #1769ff; }
.finance-home-position-grid .yandex .finance-balance-logo { color: #111827; background: #ffd429; }
.finance-marketplace-card p em { display: inline-block; margin-left: 5px; padding: 3px 6px; border-radius: 999px; color: #61dca8; background: #153528; font-size: 7px; font-style: normal; font-weight: 900; white-space: nowrap; }
.finance-marketplace-card.status-stale p em,
.finance-marketplace-card.status-error p em { color: #f196a7; background: #351925; }
.finance-marketplace-card.status-unavailable p em,
.finance-marketplace-card.status-pending p em { color: #c5a95e; background: #302713; }

.finance-assets-shell { display: grid; gap: 22px; }
.finance-assets-heading > div:first-child > p:not(.eyebrow) { max-width: 780px; margin: 0; color: #8c9ab0; font-size: 14px; line-height: 1.6; }
.finance-source-alert { display: grid; gap: 3px; padding: 12px 15px; border: 1px solid #76612d; border-radius: 14px; color: #edc66d; background: #282113; font-size: 10px; line-height: 1.45; }
.finance-source-alert span { color: #bca76e; }
.finance-source-alert.error { border-color: #873f50; color: #ff8ca0; background: #321921; }
.finance-source-alert.error span { color: #c98a97; }
.finance-assets-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.finance-assets-summary article { min-width: 0; min-height: 178px; position: relative; display: grid; align-content: end; gap: 8px; overflow: hidden; padding: 19px; border: 1px solid #29374c; border-radius: 20px; background: linear-gradient(145deg, #121d2e, #0d1523); }
.finance-assets-summary article::after { content: ""; width: 90px; height: 90px; position: absolute; right: -34px; top: -34px; border: 18px solid #58d9a0; border-radius: 50%; opacity: .06; }
.finance-assets-summary article.depreciation::after { border-color: #ff7891; }
.finance-assets-summary article.current::after { border-color: #55a9ff; }
.finance-assets-summary small { color: #8493aa; font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.finance-assets-summary strong { overflow-wrap: anywhere; color: #edf4ff; font-size: clamp(22px, 2vw, 32px); line-height: 1.05; letter-spacing: -.04em; }
.finance-assets-summary article.depreciation strong { color: #ff8298; }
.finance-assets-summary article.current strong { color: #61dda6; }
.finance-assets-summary p { margin: 0; color: #718198; font-size: 10px; line-height: 1.4; }
.asset-summary-icon { width: 38px; height: 38px; position: absolute; left: 18px; top: 18px; border: 1px solid #3b8467; border-radius: 12px; background: #133526; }
.asset-summary-icon::before,
.asset-summary-icon::after { content: ""; position: absolute; border: 2px solid #54dda5; }
.asset-summary-icon::before { width: 15px; height: 12px; left: 9px; top: 12px; border-radius: 3px; }
.asset-summary-icon::after { width: 7px; height: 3px; left: 13px; top: 8px; border-bottom: 0; border-radius: 3px 3px 0 0; }
.asset-summary-icon.depreciation { border-color: #874354; background: #351a23; }
.asset-summary-icon.depreciation::before,
.asset-summary-icon.depreciation::after { border-color: #ff7891; }
.asset-summary-icon.current { border-color: #326c82; background: #122b38; }
.asset-summary-icon.current::before,
.asset-summary-icon.current::after { border-color: #6bcfff; }

.finance-assets-categories,
.finance-assets-registry { overflow: hidden; border: 1px solid #2a384d; border-radius: 22px; background: #0d1624; }
.finance-assets-categories > header,
.finance-assets-registry > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 22px 24px; border-bottom: 1px solid #2a384d; background: #111c2c; }
.finance-assets-categories > header h2,
.finance-assets-registry > header h2 { margin: 5px 0; font-size: 25px; letter-spacing: -.025em; }
.finance-assets-categories > header p:not(.eyebrow),
.finance-assets-registry > header p:not(.eyebrow) { max-width: 720px; margin: 0; color: #7e8da3; font-size: 11px; line-height: 1.5; }
.finance-assets-categories > header > span,
.finance-assets-registry > header > span { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; color: #8493aa; background: #1a2739; font-size: 9px; font-weight: 850; }
.finance-assets-category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; padding: 18px; }
.finance-assets-category-grid article { min-width: 0; display: grid; gap: 13px; padding: 16px; border: 1px solid #29384d; border-radius: 17px; background: #101a29; }
.finance-assets-category-grid article > header { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 9px; }
.finance-assets-category-grid article > header strong { min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
.finance-assets-category-grid article > header b { min-width: 25px; padding: 4px 7px; border-radius: 999px; color: #8d9bb0; background: #1b283a; font-size: 9px; text-align: center; }
.asset-category-dot { width: 9px; height: 9px; border-radius: 50%; background: #53dba3; box-shadow: 0 0 0 4px #53dba31a; }
.asset-category-dot.color-1 { background: #56a8ff; box-shadow: 0 0 0 4px #56a8ff1a; }
.asset-category-dot.color-2 { background: #ffbd5c; box-shadow: 0 0 0 4px #ffbd5c1a; }
.asset-category-dot.color-3 { background: #ba82ff; box-shadow: 0 0 0 4px #ba82ff1a; }
.asset-category-dot.color-4 { background: #ff758d; box-shadow: 0 0 0 4px #ff758d1a; }
.finance-assets-category-grid article > div { display: grid; gap: 4px; }
.finance-assets-category-grid article > div small { color: #718198; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.finance-assets-category-grid article > div strong { color: #edf4ff; font-size: 19px; letter-spacing: -.025em; }
.finance-assets-category-grid progress { width: 100%; height: 7px; overflow: hidden; border: 0; border-radius: 999px; color: #51dca3; background: #1b293a; }
.finance-assets-category-grid progress::-webkit-progress-bar { border-radius: 999px; background: #1b293a; }
.finance-assets-category-grid progress::-webkit-progress-value { border-radius: 999px; background: linear-gradient(90deg, #22bd7f, #69e2af); }
.finance-assets-category-grid progress::-moz-progress-bar { border-radius: 999px; background: linear-gradient(90deg, #22bd7f, #69e2af); }
.finance-assets-category-grid footer { display: flex; justify-content: space-between; gap: 10px; color: #708097; font-size: 8px; line-height: 1.35; }
.finance-assets-category-grid footer span:first-child { color: #5cdca7; font-weight: 900; }

.finance-assets-controls { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(180px, .8fr) minmax(180px, .8fr) auto; align-items: end; gap: 12px; padding: 17px 18px; border-bottom: 1px solid #29374b; background: #0f1928; }
.finance-assets-controls label { min-width: 0; display: grid; gap: 7px; }
.finance-assets-controls label > span { color: #7e8da3; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.finance-assets-controls input,
.finance-assets-controls select { width: 100%; min-height: 43px; padding: 0 12px; border: 1px solid #304058; border-radius: 12px; color: #e5edf8; background: #111d2d; font: inherit; font-size: 11px; }
.finance-assets-controls input:focus,
.finance-assets-controls select:focus { outline: 3px solid #43d99b24; border-color: #44c78f; }
.finance-assets-control-actions { display: flex; align-items: center; gap: 8px; }
.finance-assets-control-actions .primary,
.finance-assets-control-actions a { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid #304058; border-radius: 12px; color: #90a0b7; background: #152135; font-size: 10px; font-weight: 900; white-space: nowrap; }
.finance-assets-control-actions .primary { border-color: #3ed69a; color: #072019; background: #42dfa2; cursor: pointer; }
.finance-assets-table { min-width: 0; }
.finance-assets-table-head,
.finance-assets-row { display: grid; grid-template-columns: 82px 92px minmax(155px, 1.35fr) minmax(115px, .8fr) minmax(112px, .75fr) 78px minmax(112px, .75fr) minmax(130px, 1fr); align-items: stretch; }
.finance-assets-table-head { min-height: 50px; color: #74849b; background: #172236; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.finance-assets-table-head span { display: flex; align-items: center; padding: 12px 10px; border-right: 1px solid #26354a; }
.finance-assets-table-head span:last-child { border-right: 0; }
.finance-assets-row { border-top: 1px solid #26354a; background: #0e1826; }
.finance-assets-row:nth-child(odd) { background: #101b2a; }
.finance-assets-row > div { min-width: 0; display: grid; align-content: center; gap: 5px; padding: 13px 10px; border-right: 1px solid #26354a; }
.finance-assets-row > div:last-child { border-right: 0; }
.finance-assets-row small { display: none; color: #73839a; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.finance-assets-row strong { overflow-wrap: anywhere; color: #dfe8f5; font-size: 11px; line-height: 1.4; }
.finance-assets-row .asset-name strong { font-size: 12px; }
.finance-assets-row .money { text-align: right; }
.finance-assets-row .money.current strong { color: #5cdda7; }
.finance-assets-row .depreciation strong { color: #ff8197; }
.asset-category-badge,
.asset-unverified { width: fit-content; max-width: 100%; padding: 5px 7px; border-radius: 999px; color: #79b9ff; background: #172b43; font-size: 8px; font-weight: 850; line-height: 1.25; }
.asset-unverified { color: #e7bb5e; background: #332817; }
.finance-assets-row details { min-width: 0; }
.finance-assets-row summary { width: fit-content; padding: 5px 7px; border-radius: 999px; color: #59dda7; background: #153126; font-size: 8px; font-weight: 900; cursor: pointer; list-style: none; }
.finance-assets-row summary::-webkit-details-marker { display: none; }
.finance-assets-row details p { margin: 8px 0 0; color: #8796ab; font-size: 8px; line-height: 1.45; overflow-wrap: anywhere; }
.finance-assets-empty { grid-column: 1 / -1; padding: 28px; color: #78889e; text-align: center; }
.finance-assets-empty strong { color: #d9e3ef; font-size: 15px; }
.finance-assets-empty p { margin: 7px 0 0; font-size: 10px; }
.finance-assets-rule { display: flex; align-items: flex-start; gap: 12px; padding: 15px 17px; border: 1px solid #2b5b49; border-radius: 16px; color: #7d9a8f; background: #10231c; font-size: 10px; line-height: 1.55; }
.finance-assets-rule > span { width: 24px; height: 24px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #3d8c6c; border-radius: 50%; color: #5bddaa; font-weight: 900; }
.finance-assets-rule strong { color: #65dca9; }
.finance-assets-rule p { margin: 3px 0 0; }

@media (max-width: 1180px) {
  .finance-assets-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-assets-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-assets-control-actions { align-self: end; }
  .finance-assets-table-head { display: none; }
  .finance-assets-table { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 14px; }
  .finance-assets-row,
  .finance-assets-row:nth-child(odd) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid #29384c; border-radius: 16px; background: #101a29; }
  .finance-assets-row > div { min-height: 70px; border-right: 0; border-bottom: 1px solid #26354a; }
  .finance-assets-row > div:nth-last-child(-n + 2) { border-bottom: 0; }
  .finance-assets-row > div:nth-child(odd) { border-right: 1px solid #26354a; }
  .finance-assets-row > div.asset-name,
  .finance-assets-row > div.verification { grid-column: 1 / -1; border-right: 0; }
  .finance-assets-row > div.asset-name { order: -1; }
  .finance-assets-row small { display: block; }
  .finance-assets-row .money { text-align: left; }
}

@media (max-width: 720px) {
  .finance-assets-summary { grid-template-columns: 1fr; }
  .finance-assets-categories > header,
  .finance-assets-registry > header { align-items: flex-start; flex-direction: column; gap: 12px; padding: 18px; }
  .finance-assets-category-grid { grid-template-columns: 1fr; padding: 12px; }
  .finance-assets-controls { grid-template-columns: 1fr; padding: 14px; }
  .finance-assets-control-actions { width: 100%; }
  .finance-assets-control-actions .primary,
  .finance-assets-control-actions a { flex: 1 1 0; }
  .finance-assets-table { grid-template-columns: 1fr; padding: 11px; }
}

@media (max-width: 390px) {
  .finance-assets-summary article { min-height: 164px; padding: 16px; }
  .finance-assets-row,
  .finance-assets-row:nth-child(odd) { grid-template-columns: 1fr; }
  .finance-assets-row > div,
  .finance-assets-row > div:nth-child(odd),
  .finance-assets-row > div:nth-last-child(-n + 2) { min-height: 0; border-right: 0; border-bottom: 1px solid #26354a; }
  .finance-assets-row > div:last-child { border-bottom: 0; }
  .finance-assets-row > div.asset-name,
  .finance-assets-row > div.verification { grid-column: auto; }
}

/* Finance operations register */
.finance-operations-shell { display: grid; gap: 22px; }
.finance-operations-heading h1 { margin: 7px 0 12px; font-size: clamp(40px, 5.2vw, 72px); line-height: .96; letter-spacing: -.05em; }
.finance-operations-heading > div:first-child > p:not(.eyebrow) { max-width: 830px; margin: 0; color: #8c9ab0; font-size: 14px; line-height: 1.6; }
.finance-period-presets { display: flex; gap: 7px; overflow-x: auto; padding: 6px; border: 1px solid #29384d; border-radius: 16px; background: #101a29; scrollbar-width: none; }
.finance-period-presets::-webkit-scrollbar { display: none; }
.finance-period-presets a { flex: 0 0 auto; padding: 10px 15px; border: 1px solid transparent; border-radius: 11px; color: #8493aa; font-size: 10px; font-weight: 900; text-decoration: none; white-space: nowrap; }
.finance-period-presets a:hover { color: #dbe6f4; background: #172438; }
.finance-period-presets a.active { border-color: #1f9b6a; color: #61e3aa; background: #123326; box-shadow: inset 0 0 0 1px #1f9b6a33; }
.finance-operations-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.finance-operations-summary article { min-width: 0; min-height: 168px; position: relative; display: grid; align-content: center; gap: 8px; overflow: hidden; padding: 23px 22px; border: 1px solid #29384d; border-radius: 21px; background: linear-gradient(145deg, #121e2e, #0d1624); }
.finance-operations-summary article::after { content: ""; position: absolute; right: -38px; bottom: -58px; width: 132px; height: 132px; border-radius: 50%; opacity: .09; background: currentColor; }
.finance-operations-summary small { color: #77879d; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.finance-operations-summary strong { overflow-wrap: anywhere; font-size: clamp(24px, 2.4vw, 38px); line-height: 1; letter-spacing: -.04em; }
.finance-operations-summary p { margin: 0; color: #718198; font-size: 9px; line-height: 1.45; }
.operation-summary-icon { width: 37px; height: 37px; display: grid; place-items: center; margin-bottom: 3px; border: 1px solid currentColor; border-radius: 12px; font-size: 17px; font-weight: 900; background: #ffffff09; }
.finance-operations-summary .income { color: #56d79b; }
.finance-operations-summary .expense { color: #ef8196; }
.finance-operations-summary .net { color: #71aaf1; }
.finance-operations-summary .net.negative { color: #ef8196; }
.finance-operations-summary .review { color: #e5bd5d; }
.finance-account-balances { overflow: hidden; border: 1px solid #29384d; border-radius: 23px; background: #0e1725; }
.finance-account-balances > header { min-height: 108px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 27px; border-bottom: 1px solid #29384d; background: #111c2b; }
.finance-account-balances > header h2 { margin: 4px 0 6px; font-size: 25px; letter-spacing: -.035em; }
.finance-account-balances > header p:not(.eyebrow) { max-width: 760px; margin: 0; color: #7f8da3; font-size: 11px; line-height: 1.55; }
.finance-account-balances > header > span { flex: 0 0 auto; padding: 9px 12px; border-radius: 999px; color: #64dca9; background: #153528; font-size: 9px; font-weight: 900; white-space: nowrap; }
.finance-total-balance { min-height: 132px; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 16px 16px 0; padding: 24px 27px; border: 1px solid #267552; border-radius: 20px; background: radial-gradient(circle at 92% 15%, #39db8d21, transparent 32%), linear-gradient(135deg, #102a22, #0e1c25); box-shadow: 0 16px 42px #00000021; }
.finance-total-balance > div { min-width: 0; display: grid; gap: 6px; }
.finance-total-balance small { color: #62dda8; font-size: 8px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.finance-total-balance strong { color: #dce9f5; font-size: 17px; line-height: 1.2; }
.finance-total-balance span { color: #7f91a4; font-size: 9px; line-height: 1.5; }
.finance-total-balance b { flex: 0 0 auto; color: #66e2aa; font-size: clamp(30px, 3.2vw, 48px); line-height: 1; letter-spacing: -.045em; white-space: nowrap; }
.finance-marketplace-balances { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px; background: #0b1420; }
.finance-marketplace-balances > article { min-width: 0; min-height: 278px; display: grid; grid-template-rows: auto minmax(68px, auto) auto; align-content: start; gap: 16px; padding: 19px; border: 1px solid #2a394e; border-radius: 19px; background: linear-gradient(145deg, #131f30, #0e1826); box-shadow: 0 14px 38px #0000001f; }
.finance-marketplace-balances > article > header { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 11px; }
.finance-balance-logo { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #ffffff; font-size: 15px; font-weight: 950; box-shadow: 0 9px 20px #0004; }
.finance-marketplace-balances .wildberries .finance-balance-logo { background: linear-gradient(135deg, #ad25ed, #f20aa6); }
.finance-marketplace-balances .ozon .finance-balance-logo { background: #1769ff; }
.finance-marketplace-balances .yandex .finance-balance-logo { color: #111827; background: #ffd429; }
.finance-marketplace-balances > article > header > div { min-width: 0; display: grid; gap: 4px; }
.finance-marketplace-balances > article > header strong { overflow: hidden; color: #dbe6f4; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.finance-marketplace-balances > article > header small { overflow: hidden; color: #74849a; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.finance-marketplace-balances > article > header em { padding: 6px 8px; border-radius: 999px; color: #61dca8; background: #153528; font-size: 7px; font-style: normal; font-weight: 900; white-space: nowrap; }
.finance-balance-observed { display: block; margin-top: 5px; color: #76879d; font-size: 8px; line-height: 1.35; }
.finance-marketplace-card.status-live_browser .finance-balance-observed { color: #42c98e; }
.finance-marketplace-balances > article.status-period > header em { color: #73aef5; background: #172d49; }
.finance-marketplace-balances > article.status-confirmed > header em { color: #e4be5d; background: #342b16; }
.finance-marketplace-balances > article.status-unavailable > header em,
.finance-marketplace-balances > article.status-pending > header em { color: #c5a95e; background: #302713; }
.finance-marketplace-balances > article.status-stale > header em,
.finance-marketplace-balances > article.status-error > header em { color: #f196a7; background: #351925; }
.finance-balance-value { min-height: 68px; display: grid; align-content: center; gap: 7px; }
.finance-balance-value small { color: #74849a; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.finance-balance-value strong { overflow-wrap: anywhere; color: #edf4ff; font-size: clamp(24px, 2.6vw, 38px); line-height: 1; letter-spacing: -.045em; }
.finance-balance-highlight,
.finance-scheduled-payouts { display: grid; align-content: start; gap: 9px; padding: 12px 13px; border: 1px solid #26374d; border-radius: 13px; background: #0c1725; }
.finance-balance-highlight { min-height: 73px; place-content: center; justify-items: center; border-color: #246749; background: linear-gradient(135deg, #112c23, #0d2020); text-align: center; }
.finance-balance-highlight[hidden],
.finance-scheduled-payouts[hidden] { display: none; }
.finance-balance-highlight small,
.finance-scheduled-payouts > small { color: #75859b; font-size: 8px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.finance-balance-highlight small { color: #70bd99; }
.finance-balance-highlight strong { color: #64dfa8; font-size: 17px; line-height: 1; white-space: nowrap; }
.finance-scheduled-payouts > div { display: grid; gap: 7px; }
.finance-scheduled-payouts > div > span { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.finance-scheduled-payouts em { color: #8fa0b6; font-size: 8px; font-style: normal; }
.finance-scheduled-payouts strong { color: #d8e6f7; font-size: 10px; white-space: nowrap; }
.finance-bank-accounts { border-top: 1px solid #29384d; background: #101a29; }
.finance-bank-accounts > summary { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; cursor: pointer; list-style: none; }
.finance-bank-accounts > summary::-webkit-details-marker { display: none; }
.finance-bank-accounts > summary > div { min-width: 0; display: grid; gap: 5px; }
.finance-bank-accounts > summary strong { color: #d7e2ef; font-size: 14px; }
.finance-bank-accounts > summary span { color: #75859b; font-size: 9px; line-height: 1.45; }
.finance-bank-accounts > summary em { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; color: #8fa0b6; background: #1b293c; font-size: 8px; font-style: normal; font-weight: 900; }
.finance-bank-account-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding: 1px; background: #26354a; }
.finance-bank-account-list > article { min-width: 0; min-height: 82px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, auto); align-items: center; gap: 18px; padding: 14px 17px; background: #101a29; }
.finance-bank-account-list > article > div { min-width: 0; display: grid; gap: 5px; }
.finance-bank-account-list > article > div:first-child strong { overflow: hidden; color: #cbd8e7; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.finance-bank-account-list > article > div:first-child span { overflow: hidden; color: #6f7f95; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.finance-bank-account-list > article > div:last-child { justify-items: end; text-align: right; }
.finance-bank-account-list > article > div:last-child small { color: #718197; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.finance-bank-account-list > article > div:last-child strong { color: #dbe6f4; font-size: 15px; }
.finance-bank-account-list > article > div:last-child em { color: #c3a75b; font-size: 7px; font-style: normal; line-height: 1.35; }
.finance-bank-accounts > footer { display: grid; gap: 5px; padding: 15px 20px; border-top: 1px solid #29384d; background: #0d1724; }
.finance-bank-accounts > footer strong { color: #bda663; font-size: 9px; }
.finance-bank-accounts > footer span { color: #7a899f; font-size: 8px; line-height: 1.5; }
.finance-operations-analytics { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(350px, .75fr); gap: 12px; }
.finance-operations-breakdowns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operation-analytics-panel { min-width: 0; overflow: hidden; border: 1px solid #29384d; border-radius: 22px; background: #101a29; }
.operation-analytics-panel > header { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 19px 21px; border-bottom: 1px solid #27364b; background: #121e2e; }
.operation-analytics-panel > header h2 { margin: 3px 0 0; font-size: 19px; letter-spacing: -.025em; }
.operation-analytics-panel > header > span { padding: 7px 10px; border-radius: 999px; color: #8392a8; background: #1b293c; font-size: 9px; font-weight: 900; white-space: nowrap; }
.operation-timeline { display: grid; gap: 1px; padding: 10px 15px; background: #26354a; }
.operation-timeline-row { min-height: 52px; display: grid; grid-template-columns: 62px minmax(90px, 1fr) minmax(154px, auto); align-items: center; gap: 13px; padding: 8px 10px; background: #101a29; }
.operation-timeline-row > strong { color: #9babc1; font-size: 10px; }
.operation-timeline-bars { display: grid; gap: 4px; }
.operation-timeline-bars progress,
.operation-ranking progress { width: 100%; height: 5px; overflow: hidden; border: 0; border-radius: 99px; appearance: none; background: #202f43; }
.operation-timeline-bars progress::-webkit-progress-bar,
.operation-ranking progress::-webkit-progress-bar { border-radius: 99px; background: #202f43; }
.operation-timeline-bars progress::-webkit-progress-value,
.operation-ranking progress::-webkit-progress-value { border-radius: 99px; background: #56d79b; }
.operation-timeline-bars progress::-moz-progress-bar,
.operation-ranking progress::-moz-progress-bar { border-radius: 99px; background: #56d79b; }
.operation-timeline-bars progress.expense::-webkit-progress-value { background: #ef8196; }
.operation-timeline-bars progress.expense::-moz-progress-bar { background: #ef8196; }
.operation-timeline-row > div:last-child { display: grid; justify-items: end; gap: 3px; font-size: 9px; }
.operation-timeline-row b { color: #56d79b; }
.operation-timeline-row em { color: #ef8196; font-style: normal; font-weight: 800; }
.operation-chart-legend { display: flex; justify-content: flex-end; gap: 16px; padding: 9px 21px 13px; }
.operation-chart-legend span { position: relative; padding-left: 12px; color: #7e8da2; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.operation-chart-legend span::before { content: ""; position: absolute; left: 0; top: 3px; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.operation-chart-legend .income { color: #56d79b; }
.operation-chart-legend .expense { color: #ef8196; }
.operation-ranking { display: grid; gap: 11px; padding: 18px 20px 21px; }
.operation-ranking > div { display: grid; gap: 6px; }
.operation-ranking header { display: flex; align-items: baseline; justify-content: space-between; gap: 13px; }
.operation-ranking header span { min-width: 0; overflow: hidden; color: #aab8ca; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.operation-ranking header strong { color: #ef8196; font-size: 10px; white-space: nowrap; }
.operation-ranking progress::-webkit-progress-value { background: linear-gradient(90deg, #b83c57, #ef8196); }
.operation-ranking progress::-moz-progress-bar { background: #ef8196; }
.operation-ranking small { color: #697990; font-size: 8px; }
.operation-breakdown-list { display: grid; gap: 1px; padding: 10px; background: #26354a; }
.operation-breakdown-list > div { min-height: 50px; display: grid; grid-template-columns: minmax(0, 1fr) auto 34px; align-items: center; gap: 12px; padding: 10px 12px; background: #101a29; }
.operation-breakdown-list span { min-width: 0; overflow: hidden; color: #aab8ca; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.operation-breakdown-list strong { color: #dbe6f4; font-size: 10px; }
.operation-breakdown-list small { display: grid; place-items: center; min-width: 29px; height: 25px; border-radius: 8px; color: #6fdcae; background: #173426; font-size: 8px; font-weight: 900; }
.finance-operations-registry { overflow: hidden; border: 1px solid #29384d; border-radius: 23px; background: #0e1725; }
.finance-operations-registry > header { min-height: 110px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 25px 27px; border-bottom: 1px solid #29384d; background: #111c2b; }
.finance-operations-registry > header h2 { margin: 4px 0 6px; font-size: 25px; letter-spacing: -.035em; }
.finance-operations-registry > header p:not(.eyebrow) { max-width: 730px; margin: 0; color: #7f8da3; font-size: 11px; line-height: 1.55; }
.finance-operations-registry > header > span { padding: 9px 12px; border-radius: 999px; color: #8b9ab0; background: #1a283a; font-size: 9px; font-weight: 900; white-space: nowrap; }
.finance-operations-filters { display: grid; grid-template-columns: repeat(4, minmax(145px, 1fr)); gap: 11px; padding: 17px; border-bottom: 1px solid #28374c; background: #111c2b; }
.finance-operations-filters label { min-width: 0; display: grid; gap: 6px; }
.finance-operations-filters label.wide { grid-column: span 2; }
.finance-operations-filters label > span { color: #7c8ba1; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.finance-operations-filters input,
.finance-operations-filters select { width: 100%; min-width: 0; height: 43px; padding: 0 12px; border: 1px solid #2d3d53; border-radius: 11px; color: #dce7f4; background: #0d1725; font: inherit; font-size: 10px; color-scheme: dark; }
.finance-operations-filter-actions { display: flex; align-items: end; gap: 8px; }
.finance-operations-filter-actions button,
.finance-operations-filter-actions a { min-height: 43px; display: inline-grid; place-items: center; padding: 0 16px; border: 1px solid #304159; border-radius: 11px; color: #91a0b5; background: #162336; font-size: 9px; font-weight: 900; text-decoration: none; }
.finance-operations-filter-actions .primary { border-color: #20bd80; color: #07170f; background: #4bdba0; }
.finance-operations-table { overflow-x: auto; }
.finance-operations-table-head,
.finance-operation-row > summary { min-width: 1120px; display: grid; grid-template-columns: 82px 142px minmax(160px, 1.15fr) minmax(130px, .8fr) minmax(125px, .75fr) minmax(165px, 1fr) 128px 132px; }
.finance-operations-table-head { min-height: 52px; align-items: center; color: #75859b; background: #0b1420; font-size: 8px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.finance-operations-table-head span { padding: 0 12px; }
.finance-operation-row { display: block; border-top: 1px solid #243348; background: #101a29; }
.finance-operation-row:nth-child(odd) { background: #111d2d; }
.finance-operation-row > summary { min-height: 77px; align-items: stretch; cursor: pointer; list-style: none; }
.finance-operation-row > summary::-webkit-details-marker { display: none; }
.finance-operation-row > summary > span { min-width: 0; display: grid; align-content: center; gap: 4px; padding: 11px 12px; border-right: 1px solid #243348; }
.finance-operation-row > summary > span:last-child { border-right: 0; }
.finance-operation-row > summary small { display: none; color: #718197; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.finance-operation-row > summary strong { min-width: 0; overflow: hidden; color: #d4dfed; font-size: 10px; line-height: 1.38; text-overflow: ellipsis; }
.finance-operation-row > summary em { color: #728299; font-size: 8px; font-style: normal; }
.finance-operation-row .operation-date strong { color: #94a5bb; }
.finance-operation-row .operation-id strong { color: #70a9ef; }
.finance-operation-row.income .operation-amount strong { color: #56d79b; }
.finance-operation-row.expense .operation-amount strong { color: #ef8196; }
.finance-operation-row.transfer .operation-amount strong { color: #70a9ef; }
.finance-operation-row .operation-amount { justify-items: end; text-align: right; }
.finance-operation-row .operation-status strong { padding: 6px 8px; border-radius: 8px; color: #67dca9; background: #153528; font-size: 8px; text-align: center; white-space: normal; }
.finance-operation-row .operation-status.warning strong { color: #e5bd5d; background: #302713; }
.finance-operation-row[open] { position: relative; z-index: 1; background: #132033; box-shadow: 0 16px 50px #00000055; }
.finance-operation-row[open] > summary { background: #17263a; }
.finance-operation-details { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 17px; border-top: 1px solid #2a3a50; background: #0d1725; }
.finance-operation-details > div { min-width: 0; display: grid; align-content: start; gap: 7px; padding: 12px; border: 1px solid #26364b; border-radius: 12px; background: #111d2c; }
.finance-operation-details > div.wide { grid-column: span 2; }
.finance-operation-details small { color: #718197; font-size: 7px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.finance-operation-details strong,
.finance-operation-details p { margin: 0; overflow-wrap: anywhere; color: #cbd8e7; font-size: 10px; line-height: 1.55; }
.operation-source-link { grid-column: 1 / -1; justify-self: end; padding: 9px 12px; border: 1px solid #258c65; border-radius: 10px; color: #5ddfa7; background: #123326; font-size: 9px; font-weight: 900; text-decoration: none; }
.finance-operations-empty { padding: 56px 24px; text-align: center; }
.finance-operations-empty strong { color: #dbe6f4; font-size: 18px; }
.finance-operations-empty p,
.operation-empty { color: #718197; font-size: 10px; }
.finance-operations-pagination { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 18px; border-top: 1px solid #28374c; background: #111c2b; }
.finance-operations-pagination > span { color: #78879d; font-size: 9px; }
.finance-operations-pagination nav { display: flex; align-items: center; gap: 8px; }
.finance-operations-pagination a,
.finance-operations-pagination strong { padding: 8px 11px; border: 1px solid #304158; border-radius: 9px; color: #91a1b6; background: #162336; font-size: 8px; font-weight: 900; text-decoration: none; }
.finance-operations-pagination strong { color: #5cdca6; background: #143225; }

html[data-theme="light"] .finance-operations-heading > div:first-child > p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .finance-period-presets,
html[data-theme="light"] .operation-analytics-panel,
html[data-theme="light"] .finance-operations-registry { border-color: #d5dfe8; background: #ffffff; box-shadow: 0 14px 42px #34465d0d; }
html[data-theme="light"] .finance-period-presets { background: #f4f7f9; }
html[data-theme="light"] .finance-period-presets a:hover { color: #26364a; background: #e7edf2; }
html[data-theme="light"] .finance-period-presets a.active { border-color: #80c9a8; color: #15764f; background: #e5f6ed; }
html[data-theme="light"] .finance-operations-summary article { border-color: #d5dfe8; background: linear-gradient(145deg, #ffffff, #f2f6f9); box-shadow: 0 14px 42px #34465d10; }
html[data-theme="light"] .finance-account-balances { border-color: #d5dfe8; background: #ffffff; box-shadow: 0 14px 42px #34465d0d; }
html[data-theme="light"] .finance-account-balances > header,
html[data-theme="light"] .finance-bank-accounts > summary { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .finance-account-balances > header h2,
html[data-theme="light"] .finance-marketplace-balances > article > header strong,
html[data-theme="light"] .finance-balance-value strong,
html[data-theme="light"] .finance-bank-accounts > summary strong,
html[data-theme="light"] .finance-bank-account-list > article > div:first-child strong,
html[data-theme="light"] .finance-bank-account-list > article > div:last-child strong { color: #1b2a3e; }
html[data-theme="light"] .finance-account-balances > header > span { color: #15764f; background: #e4f5ec; }
html[data-theme="light"] .finance-total-balance { border-color: #a8d8c1; background: radial-gradient(circle at 92% 15%, #35c8841d, transparent 32%), linear-gradient(135deg, #f0fbf6, #f7fafb); box-shadow: 0 12px 32px #34465d10; }
html[data-theme="light"] .finance-total-balance strong { color: #1b2a3e; }
html[data-theme="light"] .finance-total-balance b { color: #137b50; }
html[data-theme="light"] .finance-marketplace-balances { background: #edf2f6; }
html[data-theme="light"] .finance-marketplace-balances > article { border-color: #d5dfe8; background: linear-gradient(145deg, #ffffff, #f5f8fa); box-shadow: 0 12px 32px #34465d10; }
html[data-theme="light"] .finance-balance-highlight,
html[data-theme="light"] .finance-scheduled-payouts { border-color: #d8e2ea; background: #f3f7fa; }
html[data-theme="light"] .finance-balance-highlight { border-color: #b8dfca; background: #edf9f3; }
html[data-theme="light"] .finance-balance-highlight strong { color: #137b50; }
html[data-theme="light"] .finance-scheduled-payouts strong { color: #1a2b42; }
html[data-theme="light"] .finance-bank-accounts { border-color: #d5dfe8; background: #ffffff; }
html[data-theme="light"] .finance-bank-account-list { background: #dce4eb; }
html[data-theme="light"] .finance-bank-account-list > article { background: #ffffff; }
html[data-theme="light"] .finance-bank-accounts > footer { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .operation-analytics-panel > header,
html[data-theme="light"] .finance-operations-registry > header,
html[data-theme="light"] .finance-operations-filters,
html[data-theme="light"] .finance-operations-pagination { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .operation-analytics-panel > header h2,
html[data-theme="light"] .finance-operations-registry > header h2,
html[data-theme="light"] .finance-operations-summary strong,
html[data-theme="light"] .finance-operations-empty strong { color: #1b2a3e; }
html[data-theme="light"] .operation-timeline,
html[data-theme="light"] .operation-breakdown-list { background: #dce4eb; }
html[data-theme="light"] .operation-timeline-row,
html[data-theme="light"] .operation-breakdown-list > div,
html[data-theme="light"] .finance-operation-row { background: #ffffff; }
html[data-theme="light"] .finance-operation-row:nth-child(odd) { background: #f8fafc; }
html[data-theme="light"] .operation-ranking header span,
html[data-theme="light"] .operation-breakdown-list span,
html[data-theme="light"] .finance-operation-row > summary strong { color: #344257; }
html[data-theme="light"] .operation-breakdown-list strong { color: #25354a; }
html[data-theme="light"] .finance-operations-filters input,
html[data-theme="light"] .finance-operations-filters select { border-color: #ccd8e2; color: #1e2c40; background: #ffffff; color-scheme: light; }
html[data-theme="light"] .finance-operation-row,
html[data-theme="light"] .finance-operation-row > summary > span,
html[data-theme="light"] .finance-operations-table-head { border-color: #dce4eb; }
html[data-theme="light"] .finance-operations-table-head { color: #607086; background: #eaf0f5; }
html[data-theme="light"] .finance-operation-row[open],
html[data-theme="light"] .finance-operation-row[open] > summary { background: #eef5f2; box-shadow: 0 16px 50px #34465d22; }
html[data-theme="light"] .finance-operation-details { border-color: #d7e0e9; background: #eef3f7; }
html[data-theme="light"] .finance-operation-details > div { border-color: #d7e0e9; background: #ffffff; }
html[data-theme="light"] .finance-operation-details strong,
html[data-theme="light"] .finance-operation-details p { color: #344257; }

@media (max-width: 1180px) {
  .finance-operations-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-marketplace-balances { grid-template-columns: 1fr; }
  .finance-operations-analytics { grid-template-columns: 1fr; }
  .finance-operations-filters { grid-template-columns: repeat(3, minmax(145px, 1fr)); }
}

@media (max-width: 720px) {
  .finance-operations-heading { align-items: flex-start; flex-direction: column; }
  .finance-operations-heading h1 { font-size: clamp(36px, 12vw, 54px); }
  .finance-period-presets { margin-inline: -2px; }
  .finance-operations-summary { grid-template-columns: 1fr; }
  .finance-operations-summary article { min-height: 150px; }
  .finance-account-balances > header { align-items: flex-start; flex-direction: column; padding: 20px; }
  .finance-account-balances > header > span { white-space: normal; }
  .finance-total-balance { align-items: flex-start; flex-direction: column; gap: 16px; padding: 21px; }
  .finance-total-balance b { white-space: normal; }
  .finance-marketplace-balances { padding: 10px; }
  .finance-marketplace-balances.finance-home-marketplace-balances { grid-template-columns: 1fr; }
  .finance-marketplace-balances > article { min-height: 0; }
  .finance-bank-accounts > summary { align-items: flex-start; }
  .finance-bank-account-list { grid-template-columns: 1fr; }
  .finance-operations-breakdowns { grid-template-columns: 1fr; }
  .operation-analytics-panel > header { align-items: flex-start; flex-direction: column; min-height: 0; }
  .operation-timeline-row { grid-template-columns: 52px minmax(70px, 1fr); }
  .operation-timeline-row > div:last-child { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; justify-items: start; padding-left: 65px; }
  .finance-operations-registry > header { align-items: flex-start; flex-direction: column; padding: 20px; }
  .finance-operations-filters { grid-template-columns: 1fr; padding: 13px; }
  .finance-operations-filters label.wide { grid-column: auto; }
  .finance-operations-filter-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .finance-operations-table { display: grid; gap: 10px; overflow: visible; padding: 10px; background: #09121e; }
  .finance-operations-table-head { display: none; }
  .finance-operation-row { overflow: hidden; border: 1px solid #29394f; border-radius: 16px; }
  .finance-operation-row > summary { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-operation-row > summary > span { min-height: 68px; border-right: 1px solid #26364b; border-bottom: 1px solid #26364b; }
  .finance-operation-row > summary > span:nth-child(even) { border-right: 0; }
  .finance-operation-row > summary > span:nth-last-child(-n + 2) { border-bottom: 0; }
  .finance-operation-row > summary small { display: block; }
  .finance-operation-row .operation-amount { justify-items: start; text-align: left; }
  .finance-operation-details { grid-template-columns: 1fr; padding: 11px; }
  .finance-operation-details > div.wide { grid-column: auto; }
  .operation-source-link { justify-self: stretch; text-align: center; }
  .finance-operations-pagination { align-items: stretch; flex-direction: column; }
  .finance-operations-pagination nav { justify-content: space-between; }
  html[data-theme="light"] .finance-operations-table { background: #eef3f7; }
  html[data-theme="light"] .finance-operation-row { border-color: #d5dfe8; }
html[data-theme="light"] .finance-operation-row > summary > span { border-color: #dce4eb; }
}

/* Cash flow statement */
.finance-cash-flow-shell { display: grid; gap: 20px; }
.finance-cash-flow-filters { overflow: hidden; border: 1px solid #29384d; border-radius: 20px; }
.finance-cash-flow-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; }
.finance-cash-flow-summary article { min-width: 0; min-height: 154px; display: grid; align-content: center; gap: 9px; padding: 22px; overflow: hidden; position: relative; border: 1px solid #29384d; border-radius: 20px; background: linear-gradient(145deg, #121e2e, #0d1624); }
.finance-cash-flow-summary article::after { content: ""; width: 110px; height: 110px; position: absolute; right: -52px; bottom: -55px; border: 22px solid currentColor; border-radius: 50%; opacity: .08; }
.finance-cash-flow-summary small { color: #78889e; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.finance-cash-flow-summary strong { overflow-wrap: anywhere; font-size: clamp(22px, 2.15vw, 34px); line-height: 1; letter-spacing: -.045em; }
.finance-cash-flow-summary p { margin: 0; color: #708096; font-size: 8px; line-height: 1.45; }
.finance-cash-flow-summary .opening { color: #9baabd; }
.finance-cash-flow-summary .income { color: #54d79b; }
.finance-cash-flow-summary .expense { color: #ef8196; }
.finance-cash-flow-summary .net { color: #72abf2; }
.finance-cash-flow-summary .closing { color: #59dca3; }
.finance-cash-flow-summary .negative { color: #ef8196; }
.finance-cash-flow-integrity { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 18px; padding: 19px 22px; border: 1px solid #2d7558; border-radius: 18px; background: #10251e; }
.finance-cash-flow-integrity.warning { border-color: #735f2b; background: #292313; }
.finance-cash-flow-integrity > div:first-child { min-width: 0; }
.finance-cash-flow-integrity small { color: #55d49a; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.finance-cash-flow-integrity strong { display: block; margin-top: 4px; color: #dce8f3; font-size: 15px; }
.finance-cash-flow-integrity p { margin: 5px 0 0; color: #8393a7; font-size: 9px; line-height: 1.5; }
.finance-cash-flow-coverage,
.finance-cash-flow-review-count { min-width: 135px; padding: 13px 16px; border-radius: 13px; background: #0d1b17; text-align: center; }
.finance-cash-flow-integrity.warning .finance-cash-flow-coverage,
.finance-cash-flow-integrity.warning .finance-cash-flow-review-count { background: #1d190f; }
.finance-cash-flow-coverage strong,
.finance-cash-flow-review-count strong { margin: 0; color: #55d49a; font-size: 23px; }
.finance-cash-flow-review-count strong { color: #e6bd5f; }
.finance-cash-flow-coverage span,
.finance-cash-flow-review-count span { display: block; margin-top: 4px; color: #7d8da1; font-size: 8px; }
.finance-cash-flow-activities { display: grid; gap: 11px; }
.finance-cash-flow-activity { overflow: hidden; border: 1px solid #29394e; border-radius: 21px; background: #0f1927; }
.finance-cash-flow-activity > summary { min-height: 142px; display: grid; grid-template-columns: 48px minmax(220px, 1fr) minmax(430px, .9fr) 24px; align-items: center; gap: 18px; padding: 20px 23px; cursor: pointer; list-style: none; }
.finance-cash-flow-activity > summary::-webkit-details-marker { display: none; }
.finance-cash-flow-activity[open] > summary { border-bottom: 1px solid #29394e; background: #121f30; }
.finance-cash-flow-activity-icon { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid #2f9d72; border-radius: 14px; color: #61dfa9; background: #133124; font-size: 11px; font-weight: 900; }
.finance-cash-flow-activity.investing .finance-cash-flow-activity-icon { border-color: #608ecb; color: #77adf2; background: #162a43; }
.finance-cash-flow-activity.financing .finance-cash-flow-activity-icon { border-color: #9b77c8; color: #c69cf2; background: #2a1e3c; }
.finance-cash-flow-activity h2 { margin: 4px 0 6px; font-size: 23px; letter-spacing: -.035em; }
.finance-cash-flow-activity small { color: #5cdca5; font-size: 8px; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.finance-cash-flow-activity p { margin: 0; color: #7d8ca1; font-size: 9px; line-height: 1.5; }
.finance-cash-flow-activity dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.finance-cash-flow-activity dl div { min-width: 0; padding: 11px 12px; border-radius: 12px; background: #0b1522; }
.finance-cash-flow-activity dt { color: #718197; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.finance-cash-flow-activity dd { margin: 5px 0 0; overflow-wrap: anywhere; color: #dce7f3; font-size: 13px; font-weight: 900; }
.finance-cash-flow-activity dd.positive,
.finance-cash-flow-article-table .positive,
.finance-cash-flow-source-list .positive { color: #55d79b; }
.finance-cash-flow-activity dd.negative,
.finance-cash-flow-article-table .negative,
.finance-cash-flow-source-list .negative { color: #ef8196; }
.finance-cash-flow-chevron { color: #6f8096; font-size: 19px; transition: transform .18s ease; }
.finance-cash-flow-activity[open] .finance-cash-flow-chevron { transform: rotate(180deg); }
.finance-cash-flow-article-table { overflow-x: auto; background: #0b1420; }
.finance-cash-flow-article-table .head,
.finance-cash-flow-article-table .row { min-width: 760px; display: grid; grid-template-columns: minmax(240px, 1.4fr) 90px repeat(3, minmax(130px, .75fr)); align-items: center; }
.finance-cash-flow-article-table .head { min-height: 43px; color: #718197; background: #09121d; font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.finance-cash-flow-article-table .row { min-height: 59px; border-top: 1px solid #223146; color: #afbdcd; font-size: 9px; }
.finance-cash-flow-article-table .head span,
.finance-cash-flow-article-table .row > * { min-width: 0; padding: 10px 14px; }
.finance-cash-flow-article-table .row strong { overflow: hidden; color: #d4dfeb; text-overflow: ellipsis; white-space: nowrap; }
.finance-cash-flow-analytics { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 11px; }
.finance-cash-flow-panel { overflow: hidden; border: 1px solid #29394e; border-radius: 21px; background: #0f1927; }
.finance-cash-flow-panel > header { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; border-bottom: 1px solid #29394e; background: #121f30; }
.finance-cash-flow-panel > header small { color: #55d79b; font-size: 8px; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.finance-cash-flow-panel > header h2 { margin: 5px 0 0; font-size: 19px; }
.finance-cash-flow-panel > header > span { padding: 7px 9px; border-radius: 999px; color: #8c9cb0; background: #1b2a3d; font-size: 8px; font-weight: 900; }
.finance-cash-flow-timeline { display: grid; }
.finance-cash-flow-month { min-height: 58px; display: grid; grid-template-columns: 64px minmax(100px, 1fr) 104px 104px; align-items: center; gap: 9px; padding: 9px 13px; border-top: 1px solid #223146; }
.finance-cash-flow-month:first-child { border-top: 0; }
.finance-cash-flow-month > strong { color: #8292a8; font-size: 9px; }
.finance-cash-flow-month > span { font-size: 8px; font-weight: 900; text-align: right; }
.finance-cash-flow-month .bars { display: grid; gap: 4px; }
.finance-cash-flow-month i { width: max(3px, calc(var(--share) * 100%)); height: 5px; border-radius: 999px; }
.finance-cash-flow-month i.income { background: #55d79b; }
.finance-cash-flow-month i.expense { background: #ef8196; }
.finance-cash-flow-source-list { display: grid; }
.finance-cash-flow-source-list > div { min-height: 58px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 3px 12px; padding: 10px 14px; border-top: 1px solid #223146; }
.finance-cash-flow-source-list > div:first-child { border-top: 0; }
.finance-cash-flow-source-list strong { overflow: hidden; color: #cfdbe8; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.finance-cash-flow-source-list small { color: #718197; font-size: 7px; }
.finance-cash-flow-source-list span { grid-column: 2; grid-row: 1 / span 2; font-size: 10px; font-weight: 900; }
.finance-cash-flow-unclassified { overflow: hidden; border: 1px solid #735f2b; border-radius: 20px; background: #292313; }
.finance-cash-flow-unclassified > summary { min-height: 112px; display: grid; grid-template-columns: minmax(0, 1fr) auto 22px; align-items: center; gap: 17px; padding: 19px 22px; cursor: pointer; list-style: none; }
.finance-cash-flow-unclassified > summary::-webkit-details-marker { display: none; }
.finance-cash-flow-unclassified h2 { margin: 4px 0 5px; font-size: 20px; }
.finance-cash-flow-unclassified small { color: #e5bd5d; font-size: 8px; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.finance-cash-flow-unclassified p { margin: 0; color: #9f916d; font-size: 9px; }
.finance-cash-flow-unclassified > summary > strong { color: #e5bd5d; font-size: 16px; }
.finance-cash-flow-review-list { display: grid; border-top: 1px solid #735f2b; }
.finance-cash-flow-review-list a { min-height: 53px; display: grid; grid-template-columns: 90px minmax(0, 1fr) 140px; align-items: center; gap: 12px; padding: 9px 15px; border-top: 1px solid #584a24; color: #cfc4a6; font-size: 9px; text-decoration: none; }
.finance-cash-flow-review-list a:first-child { border-top: 0; }
.finance-cash-flow-review-list a strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.finance-cash-flow-review-list a em { color: #e6bd5f; font-style: normal; font-weight: 900; text-align: right; }
.finance-cash-flow-rule { padding: 19px 21px; border: 1px dashed #39506a; border-radius: 18px; background: #101a28; }
.finance-cash-flow-rule strong { color: #b9c8d8; font-size: 12px; }
.finance-cash-flow-rule p { margin: 6px 0 0; color: #78889e; font-size: 9px; line-height: 1.55; }
.finance-cash-flow-empty { margin: 0; padding: 22px; color: #7c8ca1; font-size: 9px; }

html[data-theme="light"] .finance-cash-flow-summary article,
html[data-theme="light"] .finance-cash-flow-activity,
html[data-theme="light"] .finance-cash-flow-panel { border-color: #d5dfe8; background: linear-gradient(145deg, #fff, #f3f7fa); box-shadow: 0 13px 38px #34465d0e; }
html[data-theme="light"] .finance-cash-flow-summary small,
html[data-theme="light"] .finance-cash-flow-summary p,
html[data-theme="light"] .finance-cash-flow-activity p,
html[data-theme="light"] .finance-cash-flow-rule p { color: #68788d; }
html[data-theme="light"] .finance-cash-flow-integrity { border-color: #9bd3bb; background: #eefaf4; }
html[data-theme="light"] .finance-cash-flow-integrity.warning { border-color: #e2c77f; background: #fff9e9; }
html[data-theme="light"] .finance-cash-flow-integrity strong,
html[data-theme="light"] .finance-cash-flow-activity h2,
html[data-theme="light"] .finance-cash-flow-panel h2,
html[data-theme="light"] .finance-cash-flow-unclassified h2 { color: #1c2a3d; }
html[data-theme="light"] .finance-cash-flow-coverage,
html[data-theme="light"] .finance-cash-flow-review-count { background: #fff; }
html[data-theme="light"] .finance-cash-flow-activity[open] > summary,
html[data-theme="light"] .finance-cash-flow-panel > header { border-color: #d5dfe8; background: #f4f8fa; }
html[data-theme="light"] .finance-cash-flow-activity dl div,
html[data-theme="light"] .finance-cash-flow-article-table,
html[data-theme="light"] .finance-cash-flow-article-table .head { background: #eef3f7; }
html[data-theme="light"] .finance-cash-flow-activity dd,
html[data-theme="light"] .finance-cash-flow-article-table .row strong,
html[data-theme="light"] .finance-cash-flow-source-list strong { color: #27364a; }
html[data-theme="light"] .finance-cash-flow-article-table .row,
html[data-theme="light"] .finance-cash-flow-month,
html[data-theme="light"] .finance-cash-flow-source-list > div { border-color: #dbe4eb; }
html[data-theme="light"] .finance-cash-flow-unclassified { border-color: #dfc57c; background: #fff9e8; }
html[data-theme="light"] .finance-cash-flow-review-list { border-color: #dfc57c; }
html[data-theme="light"] .finance-cash-flow-review-list a { border-color: #ead9a8; color: #5d5239; }
html[data-theme="light"] .finance-cash-flow-rule { border-color: #b9c7d4; background: #f5f8fa; }

@media (max-width: 1180px) {
  .finance-cash-flow-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .finance-cash-flow-activity > summary { grid-template-columns: 48px minmax(0, 1fr) 24px; }
  .finance-cash-flow-activity dl { grid-column: 2; }
  .finance-cash-flow-chevron { grid-column: 3; grid-row: 1 / span 2; }
  .finance-cash-flow-analytics { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .finance-cash-flow-summary { grid-template-columns: 1fr 1fr; }
  .finance-cash-flow-summary article { min-height: 138px; }
  .finance-cash-flow-integrity { grid-template-columns: 1fr 1fr; }
  .finance-cash-flow-integrity > div:first-child { grid-column: 1 / -1; }
  .finance-cash-flow-activity > summary { grid-template-columns: 42px minmax(0, 1fr) 20px; gap: 12px; padding: 17px; }
  .finance-cash-flow-activity-icon { width: 40px; height: 40px; }
  .finance-cash-flow-activity h2 { font-size: 19px; }
  .finance-cash-flow-activity dl { grid-column: 1 / -1; grid-template-columns: 1fr; }
  .finance-cash-flow-chevron { grid-column: 3; grid-row: 1; }
  .finance-cash-flow-month { grid-template-columns: 54px minmax(80px, 1fr) 90px; }
  .finance-cash-flow-month > span:last-child { grid-column: 3; }
  .finance-cash-flow-unclassified > summary { grid-template-columns: 1fr 20px; }
  .finance-cash-flow-unclassified > summary > strong { grid-column: 1; }
  .finance-cash-flow-unclassified > summary > span { grid-column: 2; grid-row: 1 / span 2; }
}
@media (max-width: 430px) {
  .finance-cash-flow-summary { grid-template-columns: 1fr; }
  .finance-cash-flow-summary article { min-height: 125px; }
  .finance-cash-flow-integrity { grid-template-columns: 1fr; }
  .finance-cash-flow-integrity > div:first-child { grid-column: auto; }
  .finance-cash-flow-coverage,
  .finance-cash-flow-review-count { min-width: 0; }
  .finance-cash-flow-month { grid-template-columns: 50px minmax(70px, 1fr) 82px; padding-inline: 10px; }
  .finance-cash-flow-review-list a { grid-template-columns: 72px minmax(0, 1fr); }
  .finance-cash-flow-review-list a em { grid-column: 2; text-align: left; }
}

@media (max-width: 390px) {
  .finance-operations-summary article { padding: 18px; }
  .finance-marketplace-balances > article > header { grid-template-columns: 38px minmax(0, 1fr); }
  .finance-balance-logo { width: 38px; height: 38px; border-radius: 11px; }
  .finance-marketplace-balances > article > header em { grid-column: 1 / -1; justify-self: start; }
  .finance-bank-accounts > summary { align-items: flex-start; flex-direction: column; }
  .finance-bank-account-list > article { grid-template-columns: 1fr; }
  .finance-bank-account-list > article > div:last-child { justify-items: start; text-align: left; }
  .operation-timeline-row { grid-template-columns: 1fr; }
  .operation-timeline-row > div:last-child { grid-column: auto; padding-left: 0; }
  .finance-operation-row > summary { grid-template-columns: 1fr; }
  .finance-operation-row > summary > span,
  .finance-operation-row > summary > span:nth-child(even),
  .finance-operation-row > summary > span:nth-last-child(-n + 2) { min-height: 58px; border-right: 0; border-bottom: 1px solid #26364b; }
  .finance-operation-row > summary > span:last-child { border-bottom: 0; }
  .finance-operations-filter-actions { grid-template-columns: 1fr; }
  .finance-operations-pagination nav { display: grid; grid-template-columns: 1fr; }
  html[data-theme="light"] .finance-operation-row > summary > span { border-color: #dce4eb; }
}

.supplier-finance-source { flex: 0 0 auto; max-width: 290px; display: grid; gap: 3px; padding: 10px 13px; border: 1px solid #2c7055; border-radius: 14px; color: #78dfb0; background: #10271e; font-size: 9px; line-height: 1.4; text-align: left; }
.supplier-finance-source strong { font-size: 9px; }
.supplier-finance-source span { color: #7e9f90; font-size: 8px; }
.supplier-finance-source.stale { border-color: #78632b; color: #edc76e; background: #282113; }
.supplier-source-error { display: flex; align-items: center; gap: 10px; padding: 12px 15px; border: 1px solid #7b3444; border-radius: 14px; color: #ff9caf; background: #2a151d; font-size: 10px; }
.supplier-source-error span { color: #d8919f; }
.supplier-finance-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.supplier-finance-summary article { min-width: 0; min-height: 238px; display: grid; align-content: start; gap: 15px; overflow: hidden; padding: 20px; border: 1px solid #29374c; border-radius: 20px; background: linear-gradient(145deg, #121d2e, #0d1523); }
.supplier-finance-summary article > header { min-height: 46px; display: grid; align-content: start; gap: 5px; padding-bottom: 13px; border-bottom: 1px solid #26354a; }
.supplier-finance-summary article > header small { color: #d9e2ee; font-size: 15px; font-weight: 900; letter-spacing: -.015em; }
.supplier-finance-summary article > header p,
.supplier-finance-summary .exchange-rate-note { margin: 0; color: #68788e; font-size: 9px; line-height: 1.4; }
.supplier-finance-summary dl { display: grid; gap: 2px; margin: 0; overflow: hidden; border: 1px solid #27364b; border-radius: 13px; background: #27364b; }
.supplier-finance-summary dl > div { min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 15px; padding: 11px 12px; background: #0d1725; }
.supplier-finance-summary dt { color: #718198; font-size: 8px; font-weight: 900; letter-spacing: .07em; }
.supplier-finance-summary dd { margin: 0; overflow-wrap: anywhere; color: #ff8a9e; font-size: clamp(15px, 1.35vw, 20px); font-weight: 950; line-height: 1.05; text-align: right; letter-spacing: -.025em; }
.supplier-finance-summary article.returned dd { color: #58d9a0; }
.supplier-finance-summary article.balance dl > div.estimated { background: #171b1d; }
.supplier-finance-summary article.balance dl > div.estimated dt,
.supplier-finance-summary article.balance dl > div.estimated dd { color: #f0c66e; }
.supplier-finance-summary .exchange-rate-note { margin-top: -5px; }
.supplier-view-switcher { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.supplier-view-switcher > a { min-width: 0; min-height: 76px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid #2b3a50; border-radius: 16px; color: #a4b1c2; background: #101a29; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.supplier-view-switcher > a:hover { border-color: #426078; background: #132033; transform: translateY(-1px); }
.supplier-view-switcher > a.active { border-color: #37aa79; color: #e9fff6; background: linear-gradient(135deg, #123426, #10241d); box-shadow: 0 12px 36px #15a66a18; }
.supplier-view-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #34485f; border-radius: 12px; background: #172538; }
.supplier-view-icon img { width: 21px; height: 21px; opacity: .78; filter: brightness(0) invert(1); }
.supplier-view-switcher > a.active .supplier-view-icon { border-color: #2e8d65; background: #16442f; }
.supplier-view-switcher > a.active .supplier-view-icon img { opacity: 1; filter: brightness(0) saturate(100%) invert(78%) sepia(42%) saturate(710%) hue-rotate(95deg) brightness(96%) contrast(89%); }
.supplier-view-switcher > a > span:nth-child(2) { min-width: 0; display: grid; gap: 4px; }
.supplier-view-switcher strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.supplier-view-switcher small { color: #6f7f95; font-size: 8px; line-height: 1.35; }
.supplier-view-switcher b { min-width: 30px; height: 30px; display: grid; place-items: center; padding: 0 8px; border-radius: 9px; color: #8392a8; background: #1a283a; font-size: 9px; }
.supplier-view-switcher > a.active b { color: #68e1ae; background: #1a4b36; }
.supplier-finance-registry { overflow: hidden; border: 1px solid #2a384d; border-radius: 22px; background: #0d1624; }
.supplier-finance-registry > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 22px 24px; border-bottom: 1px solid #2a384d; background: #111c2c; }
.supplier-finance-registry > header h2 { margin: 5px 0 5px; font-size: 25px; letter-spacing: -.025em; }
.supplier-finance-registry > header p:not(.eyebrow) { max-width: 670px; margin: 0; color: #7e8da3; font-size: 11px; line-height: 1.5; }
.supplier-finance-registry > header > span { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; color: #8493aa; background: #1a2739; font-size: 9px; font-weight: 850; }
.supplier-registry-table { min-width: 0; }
.supplier-registry-head,
.supplier-registry-row { display: grid; grid-template-columns: minmax(225px, 1.35fr) 72px minmax(118px, .72fr) minmax(118px, .72fr) minmax(126px, .78fr) 78px; align-items: center; gap: 12px; }
.supplier-registry-head { min-height: 46px; padding: 0 19px; border-bottom: 1px solid #253248; color: #68788e; background: #0b1421; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.supplier-registry-row { min-height: 104px; padding: 15px 19px; border-bottom: 1px solid #263348; cursor: pointer; transition: background .16s ease, border-color .16s ease; }
.supplier-registry-row:last-child { border-bottom: 0; }
.supplier-registry-row:hover { background: #111d2c; }
.supplier-registry-row:focus-visible { outline: 2px solid var(--green); outline-offset: -3px; }
.supplier-identity { min-width: 0; display: flex; align-items: center; gap: 12px; }
.supplier-identity > span { width: 39px; height: 39px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid #375168; border-radius: 12px; color: var(--green); background: #10241d; font-size: 10px; font-weight: 900; }
.supplier-identity > div { min-width: 0; display: grid; gap: 5px; }
.supplier-identity strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.supplier-identity small,
.supplier-cell span { color: #728198; font-size: 8px; line-height: 1.4; }
.supplier-cell,
.supplier-balance { min-width: 0; display: grid; gap: 4px; }
.supplier-cell small,
.supplier-balance small { display: none; color: #718097; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.supplier-cell strong,
.supplier-balance strong { overflow-wrap: anywhere; font-size: 13px; }
.supplier-balance strong { color: #8fa0b6; }
.supplier-registry-row.balance-payable .supplier-balance strong { color: #ff8a9e; }
.supplier-registry-row.balance-advance .supplier-balance strong { color: #58d9a0; }
.supplier-balance .supplier-rub-estimate { color: #c7a55e; font-size: 8px; line-height: 1.35; }
.supplier-warning { color: #e6b85e; font-size: 8px; line-height: 1.35; }
.supplier-open-hint { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; color: #76869c; font-size: 9px; font-weight: 800; white-space: nowrap; }
.supplier-open-hint b { color: var(--green); font-size: 15px; }
.supplier-registry-empty { min-height: 260px; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 36px; }
.supplier-registry-empty > span { width: 64px; height: 64px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid #36516a; border-radius: 18px; color: var(--green); background: #10241d; font-size: 25px; font-weight: 900; }
.supplier-registry-empty h3 { margin: 0 0 7px; font-size: 20px; }
.supplier-registry-empty p { max-width: 620px; margin: 0; color: #7b8aa0; font-size: 11px; line-height: 1.55; }
.supplier-data-note { display: flex; align-items: flex-start; gap: 14px; padding: 15px 17px; border: 1px solid #314057; border-radius: 16px; background: #101a29; }
.supplier-data-note > span { flex: 0 0 auto; padding: 6px 8px; border-radius: 8px; color: #052018; background: var(--green); font-size: 8px; font-weight: 950; text-transform: uppercase; }
.supplier-data-note p { margin: 2px 0 0; color: #7e8da4; font-size: 10px; line-height: 1.55; }

.supplier-drawer[hidden] { display: none; }
.supplier-drawer { position: fixed; inset: 0; z-index: 92; }
.supplier-drawer-backdrop { position: absolute; inset: 0; border: 0; border-radius: 0; opacity: 0; background: #03070db3; backdrop-filter: blur(5px); transition: opacity .2s ease; }
.supplier-drawer > aside { width: min(630px, calc(100vw - 28px)); height: 100%; position: absolute; top: 0; right: 0; overflow: hidden; border-left: 1px solid #314157; background: #0d1624; box-shadow: -28px 0 90px #0009; transform: translateX(102%); transition: transform .22s ease; }
.supplier-drawer.open .supplier-drawer-backdrop { opacity: 1; }
.supplier-drawer.open > aside { transform: translateX(0); }
.supplier-drawer > aside > div,
.supplier-drawer-card { height: 100%; }
.supplier-drawer-card { display: grid; grid-template-rows: auto minmax(0, 1fr); }
.supplier-drawer-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 23px 25px 20px; border-bottom: 1px solid #29384d; background: #111c2c; }
.supplier-drawer-header > div { min-width: 0; }
.supplier-drawer-header h2 { margin: 7px 0 4px; overflow-wrap: anywhere; font-size: 26px; line-height: 1.2; letter-spacing: -.025em; }
.supplier-drawer-header > div > p:last-child { margin: 0; color: #7d8ca2; font-size: 10px; }
.supplier-drawer-header > button { width: 40px; height: 40px; display: grid; flex: 0 0 auto; place-items: center; padding: 0; border-radius: 12px; color: #9baabd; font-size: 25px; line-height: 1; }
.supplier-drawer-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 24px 30px; }
.supplier-drawer-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.supplier-drawer-summary > div { min-width: 0; display: grid; gap: 6px; padding: 13px; border: 1px solid #2a394f; border-radius: 14px; background: #111c2c; }
.supplier-drawer-summary span { color: #718197; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.supplier-drawer-summary strong { overflow-wrap: anywhere; font-size: 15px; }
.supplier-drawer-summary small { color: #76869c; font-size: 8px; line-height: 1.35; }
.supplier-drawer-summary .balance-payable strong { color: #ff8a9e; }
.supplier-drawer-summary .balance-advance strong { color: #58d9a0; }
.supplier-drawer-summary .supplier-rub-estimate { color: #c9aa65; font-weight: 800; }
.supplier-ledger { margin-top: 20px; overflow: hidden; border: 1px solid #29384e; border-radius: 16px; }
.supplier-ledger > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 16px; border-bottom: 1px solid #29384e; background: #111c2c; }
.supplier-ledger > header h3 { margin: 0; font-size: 14px; }
.supplier-ledger > header p { margin: 4px 0 0; color: #74849a; font-size: 8px; line-height: 1.45; }
.supplier-ledger > header > span { min-width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #95a4b8; background: #1b293b; font-size: 9px; font-weight: 850; }
.supplier-ledger-list { display: grid; }
.supplier-ledger-list article { display: grid; grid-template-columns: 11px minmax(0, 1fr) auto; gap: 11px; padding: 14px 15px; border-bottom: 1px solid #253349; }
.supplier-ledger-list article:last-child { border-bottom: 0; }
.supplier-operation-marker { width: 9px; height: 9px; margin-top: 4px; border: 2px solid #ff7891; border-radius: 50%; box-shadow: 0 0 0 4px #ff789118; }
.flow-decrease .supplier-operation-marker { border-color: #4ed99c; box-shadow: 0 0 0 4px #4ed99c18; }
.supplier-operation-main { min-width: 0; }
.supplier-operation-main > header { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.supplier-operation-main strong { font-size: 11px; }
.supplier-operation-main time { color: #738298; font-size: 8px; }
.supplier-operation-main p { margin: 5px 0 0; color: #8493a9; font-size: 9px; }
.supplier-operation-main small { display: block; margin-top: 4px; color: #65758b; font-size: 8px; line-height: 1.4; }
.supplier-operation-main a { display: inline-block; margin-top: 7px; color: #5edca5; font-size: 8px; font-weight: 800; }
.supplier-operation-amount { min-width: 105px; display: grid; align-content: start; justify-items: end; gap: 4px; text-align: right; }
.supplier-operation-amount strong { color: #ff8298; font-size: 12px; }
.flow-decrease .supplier-operation-amount strong { color: #55dca1; }
.supplier-operation-amount span,
.supplier-operation-amount small { color: #718096; font-size: 8px; }
.supplier-ledger-empty { padding: 34px 20px; text-align: center; }
.supplier-ledger-empty strong { font-size: 14px; }
.supplier-ledger-empty p { max-width: 420px; margin: 8px auto 0; color: #74849a; font-size: 9px; line-height: 1.55; }
.supplier-factory-list { display: grid; gap: 9px; margin-top: 16px; }
.supplier-factory-list > strong,
.supplier-comment > strong { color: #718197; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.supplier-factory-list > div { display: flex; flex-wrap: wrap; gap: 6px; }
.supplier-factory-list span { padding: 7px 9px; border: 1px solid #2e4055; border-radius: 9px; color: #a6b3c4; background: #111c2b; font-size: 8px; line-height: 1.35; }
.supplier-comment { margin-top: 14px; padding: 13px 14px; border: 1px solid #584a29; border-radius: 13px; background: #211c12; }
.supplier-comment p { margin: 7px 0 0; color: #b9a670; font-size: 9px; line-height: 1.55; }
.supplier-ledger-list.invoice-ledger { display: grid; gap: 9px; padding: 9px; background: #0a121e; }
.supplier-ledger-list.invoice-ledger > article { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 15px; border: 1px solid #2a394e; border-radius: 13px; background: #101a29; }
.supplier-ledger-list.invoice-ledger > article.paid { border-color: #285a47; }
.supplier-ledger-list.invoice-ledger > article.technical-supply { border-color: #68572d; background: linear-gradient(145deg, #171b22, #17160f); }
.supplier-invoice-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.supplier-invoice-heading > div { min-width: 0; }
.supplier-invoice-heading span { display: inline-flex; margin-bottom: 7px; padding: 5px 7px; border-radius: 7px; color: #ff9eb0; background: #351824; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.supplier-ledger-list.invoice-ledger > article.paid .supplier-invoice-heading span { color: #62dca6; background: #133023; }
.supplier-invoice-heading h4 { margin: 0; font-size: 15px; }
.supplier-invoice-heading p { margin: 5px 0 0; color: #7c8ba0; font-size: 9px; }
.supplier-invoice-heading time { flex: 0 0 auto; color: #78889e; font-size: 8px; }
.supplier-technical-label { display: block; margin-top: 6px; color: #d1ad57; font-size: 8px; font-weight: 800; line-height: 1.35; }
.supplier-invoice-identity,
.supplier-invoice-money { display: grid; gap: 1px; margin: 0; overflow: hidden; border: 1px solid #28364a; border-radius: 11px; background: #28364a; }
.supplier-invoice-identity { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.supplier-invoice-identity > div,
.supplier-invoice-money > div { min-width: 0; display: grid; gap: 5px; padding: 10px 11px; background: #0d1623; }
.supplier-invoice-identity > div.wide { grid-column: 1 / -1; }
.supplier-invoice-identity dt,
.supplier-invoice-money dt { color: #6f7f95; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.supplier-invoice-identity dd,
.supplier-invoice-money dd { margin: 0; overflow-wrap: anywhere; color: #c0cad8; font-size: 9px; line-height: 1.4; }
.supplier-invoice-money { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.supplier-invoice-money dd { color: #d9e2ed; font-size: 10px; font-weight: 900; }
.supplier-invoice-money > div.paid dd { color: #58dba0; }
.supplier-invoice-money > div.balance dd { color: #ff879c; }
.supplier-invoice-rate,
.supplier-invoice-comment { margin: 0; padding: 9px 11px; border-radius: 9px; font-size: 8px; line-height: 1.5; }
.supplier-invoice-rate { color: #c2a86c; background: #211c12; }
.supplier-invoice-comment { color: #7989a0; background: #0b1421; }
.supplier-drawer-source { min-height: 42px; display: flex; align-items: center; justify-content: center; margin-top: 14px; border: 1px solid #315942; border-radius: 11px; color: #5bdba2; background: #10241d; font-size: 9px; font-weight: 850; }
body.supplier-drawer-open { overflow: hidden; }

.supplier-secondary-registry { overflow: hidden; border: 1px solid #2a384d; border-radius: 22px; background: #0d1624; }
.supplier-secondary-registry > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; padding: 22px 24px; border-bottom: 1px solid #2a384d; background: #111c2c; }
.supplier-secondary-registry > header h2 { margin: 5px 0; font-size: 25px; letter-spacing: -.025em; }
.supplier-secondary-registry > header p:not(.eyebrow) { max-width: 680px; margin: 0; color: #7e8da3; font-size: 11px; line-height: 1.5; }
.supplier-registry-counters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.supplier-registry-counters span,
.payment-operation-count { padding: 7px 10px; border-radius: 999px; color: #8998ad; background: #1a283b; font-size: 8px; font-weight: 850; white-space: nowrap; }
.supplier-registry-counters span.paid { color: #5edca5; background: #153225; }
.supplier-registry-counters span.open { color: #ff91a5; background: #361925; }
.supplier-invoice-controls {
  display: grid;
  grid-template-columns: minmax(190px, .75fr) minmax(260px, 1fr) auto auto;
  align-items: end;
  gap: 10px;
  padding: 14px;
  border-bottom: 1px solid #2a384d;
  background: #0d1624;
}
.supplier-invoice-controls label { min-width: 0; display: grid; gap: 7px; margin: 0; }
.supplier-invoice-controls label > span {
  color: #7f8fa5;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.supplier-invoice-controls select { width: 100%; min-height: 42px; }
.supplier-invoice-control-actions { display: flex; gap: 7px; }
.supplier-invoice-control-actions button,
.supplier-invoice-control-actions a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 15px;
  border: 1px solid #2f4056;
  border-radius: 11px;
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}
.supplier-invoice-control-actions a { color: #8c9bb0; background: #162235; }
.supplier-invoice-controls output {
  align-self: center;
  justify-self: end;
  color: #8c9bb0;
  font-size: 9px;
  font-weight: 850;
  white-space: nowrap;
}
.supplier-invoice-catalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 10px; background: #0a121e; }
.supplier-invoice-catalog > article { min-width: 0; display: grid; align-content: start; gap: 12px; padding: 15px; border: 1px solid #2b394e; border-radius: 15px; background: #101a29; }
.supplier-invoice-catalog > article.paid { border-color: #285a47; }
.supplier-invoice-catalog > article.technical-supply { border-color: #68572d; background: linear-gradient(145deg, #151b25, #19170f); }
.supplier-payment-list > article > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.supplier-payment-list > article > header > div { min-width: 0; }
.supplier-payment-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 9px; }
.supplier-payment-list > article > header span { display: inline-flex; padding: 6px 8px; border-radius: 7px; color: #62dca6; background: #133023; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.supplier-payment-list > article > header span.payment-kind { color: #9fb0c6; background: #1b2a3e; }
.supplier-payment-list > article.cash > header span.payment-kind { color: #e8c86f; background: #3a3018; }
.supplier-payment-list h3 { margin: 0; overflow-wrap: anywhere; font-size: 15px; }
.supplier-payment-list header p { margin: 5px 0 0; color: #7d8ca2; font-size: 9px; line-height: 1.4; }
.supplier-payment-list time { flex: 0 0 auto; padding: 9px 12px; border: 1px solid #2c3b50; border-radius: 10px; color: #8fe0bb; background: #0c1522; font-size: 17px; font-weight: 900; line-height: 1; white-space: nowrap; }
.supplier-invoice-card-header {
  display: grid;
  grid-template-columns: minmax(145px, .7fr) minmax(210px, 1.3fr);
  align-items: stretch;
  gap: 16px;
}
.supplier-invoice-primary,
.supplier-invoice-context { min-width: 0; }
.supplier-invoice-primary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 11px;
}
.supplier-invoice-status {
  display: inline-flex;
  padding: 6px 9px;
  border-radius: 8px;
  color: #ff9eb0;
  background: #351824;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.supplier-invoice-catalog > article.paid .supplier-invoice-status { color: #62dca6; background: #133023; }
.supplier-invoice-catalog > article.due-grace { border-color: #2c7659; }
.supplier-invoice-catalog > article.due-grace .supplier-invoice-status,
.supplier-ledger-list.invoice-ledger > article.due-grace .supplier-invoice-heading span { color: #5ee0a5; background: #123528; }
.supplier-invoice-catalog > article.due-overdue { border-color: #8a3948; }
.supplier-invoice-catalog > article.technical-supply .supplier-invoice-status { color: #e7c56f; background: #392f16; }
.supplier-payment-deadline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  padding: 10px 12px;
  border: 1px solid #33445b;
  border-radius: 11px;
  color: #91a1b6;
  background: #0c1522;
  font-size: 9px;
}
.supplier-payment-deadline span { display: inline-flex; gap: 5px; }
.supplier-payment-deadline strong { color: #dbe6f2; }
.supplier-payment-deadline b { margin-left: auto; color: #e6bd66; }
.supplier-payment-deadline.due-grace { border-color: #2a674f; background: #10251d; }
.supplier-payment-deadline.due-grace b { color: #5ee0a5; }
.supplier-payment-deadline.due-overdue { border-color: #733442; background: #28131b; }
.supplier-payment-deadline.due-overdue b { color: #ff91a5; }
.supplier-contract-warning {
  margin: 8px 0 0;
  padding: 8px 11px;
  border: 1px solid #795f28;
  border-radius: 9px;
  color: #f0ca75;
  background: #2b2414;
  font-size: 9px;
  font-weight: 800;
}
.supplier-invoice-primary h3 {
  margin: 0;
  overflow-wrap: anywhere;
  color: #eef4fb;
  font-size: clamp(20px, 1.8vw, 25px);
  line-height: 1.05;
  letter-spacing: -.025em;
}
.supplier-invoice-context {
  display: grid;
  align-content: center;
  justify-items: end;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid #2c3b50;
  border-radius: 12px;
  text-align: right;
  background: #0c1522;
}
.supplier-invoice-context small {
  color: #6f8097;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.supplier-invoice-context strong {
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #d7e2ee;
  font-size: 13px;
  line-height: 1.25;
}
.supplier-invoice-context time {
  color: #8fe0bb;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.1;
}
.supplier-invoice-catalog > article.amount-missing .supplier-invoice-money > div.balance dd,
.supplier-ledger-list.invoice-ledger > article.amount-missing .supplier-invoice-money > div.balance dd { color: #e7c56f; }
.supplier-invoice-batch {
  margin: -3px 0 0;
  color: #8190a5;
  font-size: 9px;
  line-height: 1.4;
}
.payment-reconciliation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; padding: 12px; }
.payment-reconciliation article { min-width: 0; display: grid; gap: 7px; padding: 15px; border: 1px solid #2d3d53; border-radius: 14px; background: #111c2c; }
.payment-reconciliation small { color: #76859b; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.payment-reconciliation strong { overflow-wrap: anywhere; color: #ff8b9f; font-size: 20px; }
.payment-reconciliation span { color: #7c8ba0; font-size: 9px; }
.payment-reconciliation article.confirmed strong { color: #58d9a0; }
.payment-reconciliation article.warning { border-color: #715c2c; background: #211b10; }
.payment-reconciliation article.warning strong { color: #eac367; }
.payment-reconciliation-warning { margin: 0 12px 12px; padding: 13px 14px; border: 1px solid #715c2c; border-radius: 13px; background: #211b10; }
.payment-reconciliation-warning strong { color: #eac367; font-size: 10px; }
.payment-reconciliation-warning p { margin: 6px 0 0; color: #b49b61; font-size: 9px; line-height: 1.5; }
.payment-controls { grid-template-columns: repeat(5, minmax(145px, 1fr)); }
.payment-controls input[type="date"] { width: 100%; min-height: 42px; color-scheme: dark; }
.payment-controls .supplier-invoice-control-actions { grid-column: 1 / 3; }
.payment-controls output { grid-column: 5; }
.payment-selection-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; padding: 12px; border-top: 1px solid #29384d; background: #0b1421; }
.payment-selection-summary article { min-width: 0; display: grid; gap: 6px; padding: 13px 14px; border: 1px solid #2d3d53; border-radius: 13px; background: #111c2c; }
.payment-selection-summary small { color: #76859b; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.payment-selection-summary strong { overflow-wrap: anywhere; color: #dce6f1; font-size: 17px; line-height: 1.15; }
.payment-selection-summary article.rate strong { color: #58d9a0; }
.supplier-payment-list { display: grid; gap: 9px; padding: 10px; border-top: 1px solid #29384d; background: #0a121e; }
.supplier-payment-list > article { min-width: 0; display: grid; gap: 12px; padding: 15px; border: 1px solid #2b394e; border-radius: 15px; background: #101a29; }
.supplier-payment-list > article.cash { border-color: #65552c; }
.supplier-payment-main { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 10px; }
.supplier-payment-main > div { min-width: 0; padding: 12px; border: 1px solid #29384c; border-radius: 12px; background: #0d1623; }
.supplier-payment-main > div small { color: #6f7f95; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.supplier-payment-main > div strong { display: block; margin-top: 6px; color: #8eddbb; font-size: 11px; }
.supplier-payment-main > div p { margin: 7px 0 0; color: #7e8ea3; font-size: 9px; line-height: 1.5; }
.supplier-payment-main dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid #29384c; border-radius: 12px; background: #29384c; }
.supplier-payment-main dl > div { min-width: 0; display: grid; align-content: center; gap: 6px; padding: 11px; background: #0d1623; }
.supplier-payment-main dt { color: #6f7f95; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.supplier-payment-main dd { margin: 0; overflow-wrap: anywhere; color: #59dba0; font-size: 11px; font-weight: 900; }
.supplier-payment-list footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; color: #65758b; font-size: 8px; }

.placeholder-page { min-height: 520px; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; overflow: hidden; padding: clamp(34px, 6vw, 76px); border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(135deg, #121c2d, #0c1422); }
.placeholder-page > p:not(.eyebrow) { max-width: 660px; margin-top: 0; font-size: 17px; }
.development-badge { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 13px; border: 1px solid #4ee0a14d; border-radius: 999px; color: var(--green); background: #4ee0a112; font-size: 12px; font-weight: 850; letter-spacing: .03em; text-transform: uppercase; }
.placeholder-index { position: absolute; top: 25px; right: 34px; color: #18243a; font-size: clamp(90px, 16vw, 190px); font-weight: 950; line-height: 1; }
.camera-lens { width: 110px; height: 110px; position: absolute; right: 8%; top: 50%; display: grid; place-items: center; transform: translateY(-50%); border: 17px solid #18253a; border-radius: 50%; box-shadow: 0 0 0 28px #101a2b, 0 0 100px #4ee0a118; }
.camera-lens i { width: 25px; height: 25px; border-radius: 50%; background: var(--green); box-shadow: 0 0 35px var(--green); }
.error-card { align-items: center; }
.error-back { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; padding: 12px 18px; text-align: center; }

@media (max-width: 1180px) {
  .crm-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-filter-grid { grid-template-columns: repeat(2, 1fr); }
  .period-field { grid-column: 1 / -1; }
  .report-submit { grid-column: 1 / -1; }
  .marketplace-grid { grid-template-columns: 1fr; }
  .create-grid { grid-template-columns: repeat(2, 1fr); }
  .profile-layout { grid-template-columns: 260px minmax(0, 1fr); }
  .stock-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-filter-form .primary, .stock-reset { width: 100%; }
  .organization-layout { grid-template-columns: 1fr; }
  .organization-inspector { min-height: 300px; border-top: 1px solid #27354a; border-left: 0; }
  .company-tasks-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .active-tasks-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .company-tasks-search { grid-column: 1 / -1; }
  .active-task-card summary { grid-template-columns: 92px minmax(220px, 1fr) minmax(150px, auto) 118px 18px; }
  .company-task-filter-actions { justify-content: flex-end; }
  .company-task-filter-actions button { flex: 1; }
  .company-task-filter-actions a { flex: 1; }
  .company-month-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .team-members-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .team-department-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .invite-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .invite-link-actions { grid-column: 1 / -1; }
  .invite-row > form,
  .invite-row > .invite-status-badge { grid-column: 1 / -1; justify-self: end; }
}

@media (max-width: 900px) {
  .crm-heading, .crm-board-heading { align-items: flex-start; flex-direction: column; }
  .crm-board-heading > span { text-align: left; }
  .sidebar { transform: translateX(-100%); }
  .sidebar-open .sidebar { transform: translateX(0); }
  .sidebar-open .sidebar-backdrop { display: block; }
  .page.with-sidebar, .sidebar-collapsed .page.with-sidebar { width: min(100% - 32px, 1180px); margin: 0 auto; }
  .auth-card, .hero { grid-template-columns: 1fr; }
  .hero img { order: -1; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .identity { display: none; }
  .camera-lens { opacity: .35; }
  .profile-layout { grid-template-columns: 1fr; }
  .photo-panel { position: static; }
  .landing-hero { min-height: auto; grid-template-columns: 1fr; }
  .landing-visual { min-height: 360px; order: -1; }
  .landing-visual img { width: min(100%, 500px); }
  .company-tasks-heading { align-items: flex-start; flex-direction: column; }
  .company-tasks-source { justify-items: start; }
  .company-tasks-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-members-section > header { align-items: flex-start; flex-direction: column; }
  .team-members-section > header > p { text-align: left; }
  .team-members-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-departments > header { align-items: flex-start; flex-direction: column; }
  .team-departments > header > p { text-align: left; }
  .team-department-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .company-task-logic { grid-template-columns: 1fr; }
  .company-task-logic > i { display: none; }
  .company-month-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .stock-value-panel .stock-table-tools { align-items: stretch; flex-direction: column; }
  .stock-value-panel .stock-value-sort-control { width: 100%; flex: 0 0 auto; justify-content: space-between; }
  .crm-heading h1 { font-size: 54px; }
  .crm-heading .crm-create-trigger { width: 100%; }
  .crm-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .crm-summary article { min-height: 98px; padding: 14px; }
  .crm-summary article strong { font-size: 25px; }
  .crm-type-filter { align-items: stretch; flex-direction: column; padding: 12px; }
  .crm-type-filter-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-type-filter-options a { justify-content: space-between; }
  .crm-board { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: minmax(0, 1fr); overflow: visible; padding-inline: 0; }
  .crm-column { min-height: 0; }
  .crm-card-list { min-height: 150px; }
  .crm-create-form { grid-template-columns: 1fr; padding: 18px; }
  .crm-create-form .wide { grid-column: auto; }
  .crm-create-form footer { align-items: stretch; flex-direction: column-reverse; }
  .crm-create-form footer button { width: 100%; }
  .crm-modal { padding: 8px; }
  .crm-modal > section { max-height: calc(100vh - 16px); border-radius: 18px; }
  .crm-modal > section > header { padding: 19px 18px 16px; }
  .crm-drawer > aside { width: 100%; }
  .crm-drawer-header { padding: 18px 16px 15px; }
  .crm-drawer-header h2 { font-size: 21px; }
  .crm-drawer-body { padding: 15px 14px 24px; }
  .crm-drawer-facts { grid-template-columns: 1fr 1fr; gap: 7px; }
  .crm-drawer-controls form { grid-template-columns: 1fr; }
  .crm-drawer-controls button { width: 100%; }
  .topbar { min-height: 68px; height: auto; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 8px 12px; }
  body:not(.authenticated) .topbar,
  body.authenticated .topbar { display: grid; }
  .topbar .public-actions { display: contents; }
  body:not(.authenticated) .topbar > .brand { grid-column: 1; grid-row: 1; min-width: 0; }
  body:not(.authenticated) .header-login { grid-column: 2; grid-row: 1; justify-self: end; }
  body:not(.authenticated) .theme-switch { grid-column: 1; grid-row: 2; justify-self: start; }
  body:not(.authenticated) .language-switch { grid-column: 2; grid-row: 2; justify-self: end; }
  body.authenticated .topbar-start { grid-column: 1; grid-row: 1; min-width: 0; }
  body.authenticated .top-account { grid-column: 2; grid-row: 1; justify-self: end; }
  body.authenticated .theme-switch { grid-column: 1; grid-row: 2; justify-self: start; }
  body.authenticated .language-switch { grid-column: 2; grid-row: 2; justify-self: end; }
  body.authenticated .sidebar { top: 106px; }
  body.authenticated .sidebar-backdrop { inset: 106px 0 0; }
  .topbar > .brand .brand-name { max-width: 108px; overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
  .public-actions { gap: 7px; }
  .top-account-trigger { padding: 4px; }
  .top-account-name, .top-account-chevron { display: none; }
  .top-account-popover { right: -2px; }
  .theme-switch { gap: 2px; }
  .theme-switch button { width: 27px; }
  .header-login { padding-inline: 12px; font-size: 12px; }
  .compact-brand .brand-name { max-width: 105px; overflow: hidden; font-size: 14px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
  .language-switch a { min-width: 30px; padding-inline: 5px; }
  .page, .page.with-sidebar { width: min(100% - 24px, 1180px); padding-top: 24px; }
  .auth-card { padding: 26px; gap: 28px; }
  .stats-grid, .report-filter-grid, .finance-list { grid-template-columns: 1fr; }
  .management-dashboard-page { padding-top: 26px; }
  .management-heading { align-items: stretch; flex-direction: column; gap: 18px; }
  .management-heading h1 { font-size: clamp(42px, 13vw, 60px); }
  .management-control-note { flex-basis: auto; width: 100%; }
  .management-period-panel { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
  .management-periods { overflow-x: auto; grid-template-columns: repeat(4, minmax(88px, 1fr)); }
  .management-source-state { width: max-content; max-width: 100%; white-space: normal; }
  .management-section-heading { align-items: flex-start; flex-direction: column; gap: 9px; margin-top: 28px; }
  .management-section-heading > p { text-align: left; }
  .management-metrics-grid { grid-template-columns: 1fr; }
  .management-metric-card { min-height: 248px; padding: 19px; }
  .management-metric-card header { grid-template-columns: 40px minmax(0, 1fr); }
  .management-metric-pending { grid-column: 2; justify-self: start; }
  .management-metric-value { margin-top: 23px; }
  .management-data-note { padding: 16px; }
  .report-heading, .section-heading, .results-heading, .heading-row { align-items: flex-start; flex-direction: column; }
  .report-results-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .report-results-actions > span { text-align: left; }
  .report-pdf-download { width: 100%; }
  .profile-heading { align-items: flex-start; flex-direction: column; }
  .report-filter { padding: 20px; }
  .report-submit, .finance-list .result-row { grid-column: 1; }
  .period-field { grid-column: 1; }
  .range-popover { width: auto; max-height: calc(100vh - 104px); position: fixed; top: 82px; right: 12px; left: 12px; grid-template-columns: 1fr; overflow-y: auto; border-radius: 18px; }
  .range-calendar-area { padding: 16px; }
  .range-months { grid-template-columns: 1fr; }
  .range-month:first-child { display: none; }
  .range-presets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; border-top: 1px solid #2a374d; border-left: 0; }
  .range-presets button { text-align: center; }
  .range-presets p, .range-presets small { grid-column: 1 / -1; }
  .range-presets p { margin: 6px 0 0; padding-top: 8px; }
  .empty-state { align-items: flex-start; padding: 24px; }
  .company-tasks-summary,
  .company-tasks-filter { grid-template-columns: 1fr; }
  .active-tasks-filter { grid-template-columns: 1fr; }
  .team-members-grid { grid-template-columns: 1fr; }
  .team-department-grid { grid-template-columns: 1fr; }
  .company-tasks-search { grid-column: auto; }
  .company-tasks-summary article { min-height: 112px; }
  .company-tasks-board-heading { align-items: flex-start; flex-direction: column; }
  .company-task-card { grid-template-columns: 52px minmax(0, 1fr) 18px; gap: 9px; padding: 13px; }
  .company-task-status { grid-column: 2; width: max-content; }
  .company-task-card .company-task-open-icon { grid-column: 3; grid-row: 1 / 3; }
  .company-task-department > header { align-items: flex-start; }
  .company-task-view-switch { width: 100%; grid-template-columns: repeat(6, minmax(112px, 1fr)); }
  .company-task-rollup > summary { grid-template-columns: 38px minmax(0, 1fr) 18px; gap: 9px; padding: 13px; }
  .company-task-rollup-stats { grid-column: 2; justify-items: start; grid-auto-flow: column; justify-content: start; gap: 10px; }
  .company-task-rollup > summary > i { grid-column: 3; grid-row: 1 / 3; }
  .company-day-slot { grid-template-columns: 58px minmax(0, 1fr); gap: 9px; }
  .company-day-slot > time { min-height: 42px; top: 112px; font-size: 12px; }
  .company-week-grid, .company-month-grid { grid-template-columns: 1fr; overflow: visible; }
  .company-week-day, .company-week-day.empty { min-height: 0; }
  .company-task-drawer { width: 100%; max-width: none; border-left: 0; }
  .company-task-drawer-header { min-height: 160px; padding: 22px 18px 19px; }
  .company-task-drawer-content { padding: 16px 18px 28px; }
  .company-task-drawer-grid { grid-template-columns: 1fr; }
  .active-task-card summary { grid-template-columns: 68px minmax(0, 1fr) 18px; gap: 9px; padding: 13px; }
  .active-task-code { align-self: start; padding-top: 3px; }
  .active-task-badges { grid-column: 2; justify-content: flex-start; }
  .active-task-deadline { grid-column: 2; justify-items: start; text-align: left; }
  .active-task-card summary > i { grid-column: 3; grid-row: 1 / 4; }
  .active-task-details { grid-template-columns: 1fr; }
  .active-task-details > div.wide { grid-column: auto; }
  .active-task-group > header { align-items: flex-start; }
  .active-task-departments { gap: 9px; padding: 9px; }
  .active-task-department-block > header { min-height: 48px; padding: 10px 12px; }
  .article-report-header { align-items: flex-start; padding: 20px; }
  .report-block { padding: 22px 20px; }
  .data-note { padding: 16px 20px; }
  .marketplace-grid > div { grid-template-columns: 34px 1fr auto; }
  .platform-finance-list { grid-template-columns: 1fr; }
  .expense-summary-rows { grid-template-columns: 1fr; padding: 12px; }
  .expense-total-row,
  .expense-payout-row { min-height: 104px; }
  .expense-marketplace-change { font-size: 0; }
  .logistics-popover-card { width: auto; max-height: calc(100vh - 24px); position: fixed; top: 50%; right: 12px; left: 12px; transform: translateY(-50%); }
  .logistics-popover-card::before { display: none; }
  .logistics-popover[open]::before { content: ""; position: fixed; inset: 0; z-index: 39; background: #020610b8; backdrop-filter: blur(5px); }
  .logistics-popover-card { z-index: 40; animation: logistics-popover-mobile-in .18s ease both; }
  @keyframes logistics-popover-mobile-in { from { opacity: 0; transform: translateY(calc(-50% + 8px)) scale(.98); } to { opacity: 1; transform: translateY(-50%) scale(1); } }
  .tax-section-toggle { font-size: 10px; }
  .warehouse-expense-list > div:last-child { grid-column: auto; }
  .customs-expense-list > div:last-child { grid-column: auto; }
  .finance-list > div:last-child:nth-child(odd) { grid-column: auto; }
  .marketplace-drawer { width: 100%; padding: 20px; }
  .platform-finance-list .result-row { grid-column: auto; }
  .create-grid { grid-template-columns: 1fr; }
  .user-main { align-items: flex-start; }
  .user-permission-groups { grid-template-columns: 1fr; }
  .user-permission-group > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .user-access-footer { align-items: stretch; flex-direction: column; }
  .user-access-footer button { width: 100%; }
  .inline-form { width: 100%; flex-wrap: wrap; }
  .inline-form input { min-width: 100%; }
  .placeholder-page { min-height: 470px; padding: 28px; }
  .placeholder-index { top: 18px; right: 18px; font-size: 88px; }
  .camera-lens { right: -20px; top: 22%; transform: none; }
  .profile-grid { grid-template-columns: 1fr; }
  .registration-name-grid, .invite-grid { grid-template-columns: 1fr; }
  .invite-recipient-field { grid-column: auto; }
  .invite-heading, .invite-footer { align-items: flex-start; flex-direction: column; }
  .invite-footer form, .invite-footer button { width: 100%; }
  .copy-field button { min-width: 92px; }
  .invite-registry-heading { align-items: flex-start; flex-direction: column; }
  .invite-row { grid-template-columns: 1fr; }
  .invite-link-actions,
  .invite-row > form,
  .invite-row > .invite-status-badge { grid-column: auto; justify-self: stretch; }
  .invite-status-badge { text-align: center; }
  .invite-row form, .invite-row form button { width: 100%; }
  .profile-fields { padding: 22px; }
  .profile-actions { align-items: stretch; flex-direction: column; }
  .profile-actions .primary { width: 100%; }
  .crop-dialog { padding: 20px; border-radius: 20px; }
  .crop-hint { margin-top: 20px; }
  .crop-actions { align-items: stretch; flex-direction: column; }
  .crop-actions > div { display: grid; grid-template-columns: 1fr 1fr; }
  .crop-actions button { width: 100%; }
  .landing-page { width: min(100% - 16px, 1180px); padding-top: 8px; }
  .landing-hero { gap: 28px; padding: 26px; border-radius: 24px; }
  .landing-copy h1 { font-size: clamp(40px, 13vw, 58px); }
  .landing-visual { min-height: 260px; }
  .landing-visual img { border-radius: 20px; }
  .visual-caption { right: -4px; bottom: 1%; }
  .stock-heading, .stock-filter-heading, .stock-table-heading { align-items: flex-start; flex-direction: column; }
  .stock-freshness { white-space: normal; }
  .stock-source-statuses { justify-content: flex-start; }
  .stock-filter-form, .stock-summary-grid { grid-template-columns: 1fr; }
  .stock-filter-panel { padding: 20px; }
  .stock-summary-card { padding: 17px; }
  .stock-table-heading { padding: 20px; }
  .stock-table-tools { width: 100%; justify-content: space-between; }
  .stock-value-sort-control { min-width: 0; flex: 1 1 240px; }
  .stock-value-sort-control select { min-width: 0; width: 100%; }
  .stock-xlsx-popover { position: fixed; top: 126px; right: 12px; left: 12px; width: auto; }
  .stock-columns-popover { top: 80px; right: 10px; bottom: 10px; left: 10px; width: auto; border-radius: 20px; }
  .stock-column-options { grid-template-columns: 1fr; max-height: none; overflow: visible; }
  .stock-column-options { overflow-y: auto; }
  .stock-column-options fieldset:last-child { grid-column: auto; grid-template-columns: 1fr; }
  .stock-columns-heading { padding: 18px 18px 15px; }
  .stock-columns-actions { padding: 12px 16px 16px; }
  .stock-note { padding: 14px 20px; }
  .stock-view-tabs { width: 100%; }
  .stock-view-tabs button { flex: 1; }
  .stock-value-notice { align-items: flex-start; margin: 16px 20px 20px; }
  .organization-heading { align-items: flex-start; flex-direction: column; }
  .organization-version-tabs { display: flex; overflow-x: auto; scroll-snap-type: x proximity; }
  .organization-version-tabs button { min-width: 210px; scroll-snap-align: start; }
  .organization-toolbar { align-items: stretch; flex-direction: column; }
  .organization-toolbar-actions { justify-content: stretch; }
  .organization-toolbar-actions button { flex: 1 1 140px; }
  .organization-stage { justify-content: flex-start; padding-right: 28px; padding-left: 28px; }
  .stock-quantity-table th,
  .stock-quantity-table td { min-width: 82px; padding-right: 10px; padding-left: 10px; }
  .stock-quantity-table th[data-stock-column="article"],
  .stock-quantity-table td[data-stock-column="article"] { min-width: 94px; }
  .stock-quantity-table th[data-stock-column="name"],
  .stock-quantity-table td[data-stock-column="name"] { min-width: 190px; }
  .stock-quantity-table th[data-stock-column="all_total"],
  .stock-quantity-table td[data-stock-column="all_total"] { min-width: 88px; }
  .stock-value-table th,
  .stock-value-table td { min-width: 96px; padding-right: 10px; padding-left: 10px; }
  .stock-value-table th[data-stock-column="article"],
  .stock-value-table td[data-stock-column="article"] { min-width: 94px; }
  .stock-value-table th[data-stock-column="name"],
  .stock-value-table td[data-stock-column="name"] { min-width: 180px; }
  .stock-value-table th[data-stock-column="all_total"],
  .stock-value-table td[data-stock-column="all_total"] { min-width: 118px; }
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f6fa;
  --panel: #ffffff;
  --panel-soft: #eef2f7;
  --line: #d9e1ea;
  --muted: #66758c;
  --text: #172033;
  --green: #19ad70;
  background: var(--bg);
}
html[data-theme="light"] body { background: radial-gradient(circle at 82% 0%, #dce9f5 0, #f4f7fb 42%); }
html[data-theme="light"] .topbar { border-color: #dce3ec; background: #fffffff2; box-shadow: 0 8px 30px #32445b0a; }
html[data-theme="light"] .menu-toggle,
html[data-theme="light"] .language-switch,
html[data-theme="light"] .theme-switch { border-color: #d7e0ea; background: #f4f7fb; }
html[data-theme="light"] .menu-toggle span { background: #536176; }
html[data-theme="light"] .language-switch a,
html[data-theme="light"] .theme-switch button { color: #68778e; }
html[data-theme="light"] .language-switch a:hover,
html[data-theme="light"] .theme-switch button:hover { color: #182236; background: #e6edf4; }
html[data-theme="light"] .language-switch a.active,
html[data-theme="light"] .theme-switch button.active { color: #ffffff; background: #159b64; }
html[data-theme="light"] .header-login { color: #ffffff; background: #159b64; }
html[data-theme="light"] .top-account-trigger { border-color: #d7e0ea; color: #253146; background: #f4f7fb; }
html[data-theme="light"] .top-account-trigger:hover,
html[data-theme="light"] .top-account.open .top-account-trigger,
html[data-theme="light"] .top-account.active .top-account-trigger { border-color: #c8d4e0; background: #eaf0f6; }
html[data-theme="light"] .top-account-popover { border-color: #d6dfe9; background: #ffffff; box-shadow: 0 18px 50px #34465d24; }
html[data-theme="light"] .top-account-popover a,
html[data-theme="light"] .top-account-popover button { color: #405069; }
html[data-theme="light"] .top-account-popover a:hover,
html[data-theme="light"] .top-account-popover button:hover { color: #172033; background: #edf3f8; }
html[data-theme="light"] .top-account-popover form button { color: #c73b58; }
html[data-theme="light"] .auth-secondary { border-color: #ccd6e2; color: #405069; background: #f2f6fa; }
html[data-theme="light"] .auth-secondary:hover { border-color: #159b64; color: #12885a; background: #eaf5f0; }
html[data-theme="light"] .stack label small { color: #77859a; }

html[data-theme="light"] .sidebar { border-color: #dce3ec; background: #fffffff7; box-shadow: 18px 0 50px #35465b0a; }
html[data-theme="light"] .sidebar-link { color: #5b687c; }
html[data-theme="light"] .sidebar-link:hover { color: #172033; background: #edf3f8; }
html[data-theme="light"] .sidebar-link.active { color: #172033; background: #e8f7f0; box-shadow: inset 0 0 0 1px #1bad783d; }
html[data-theme="light"] .nav-icon,
html[data-theme="light"] .tree-icon { color: #18b878; }
html[data-theme="light"] .tree-arrow { color: #8290a3; }
html[data-theme="light"] .tree-children { border-color: #d8e0e9; }
html[data-theme="light"] .tree-children a { color: #68778b; }
html[data-theme="light"] .tree-children a:hover,
html[data-theme="light"] .tree-children a.active { color: #12885a; background: #eaf5f0; }
html[data-theme="light"] .nested-summary { color: #68778b; }
html[data-theme="light"] .nested-summary:hover,
html[data-theme="light"] .nested-summary.active { color: #12885a; background: #eaf5f0; }
html[data-theme="light"] .nested-children { border-color: #d8e0e9; }
html[data-theme="light"] .profile-avatar { border-color: #afd8c5; color: #12885a; background: #e4f5ed; }

html[data-theme="light"] .crm-heading > div > p:not(.eyebrow),
html[data-theme="light"] .crm-board-heading p,
html[data-theme="light"] .crm-board-heading > span { color: #68778d; }
html[data-theme="light"] .crm-summary article { border-color: #d7e0e9; background: linear-gradient(145deg, #ffffff, #f1f5f8); box-shadow: 0 14px 38px #34465d0d; }
html[data-theme="light"] .crm-summary article > span { color: #d8e1ea; }
html[data-theme="light"] .crm-summary article small { color: #718096; }
html[data-theme="light"] .crm-summary article.danger { border-color: #edbdc7; background: linear-gradient(145deg, #fff8fa, #fff0f3); }
html[data-theme="light"] .crm-summary article.danger strong { color: #c83f59; }
html[data-theme="light"] .crm-type-filter { border-color: #d7e0e9; background: #ffffff; }
html[data-theme="light"] .crm-type-filter > div:first-child > span { color: #344257; }
html[data-theme="light"] .crm-type-filter > div:first-child > small { color: #718096; }
html[data-theme="light"] .crm-type-filter-options a { border-color: #d5dfe8; color: #65748a; background: #f5f8fb; }
html[data-theme="light"] .crm-type-filter-options a:hover { border-color: #b5c5d4; color: #27364b; }
html[data-theme="light"] .crm-type-filter-options a.active { border-color: #60c99a; color: #126341; background: #eaf8f1; }
html[data-theme="light"] .crm-type-filter-options strong { color: #627086; background: #e6edf3; }
html[data-theme="light"] .crm-type-filter-options a.active strong { color: #073220; background: #58d99f; }
html[data-theme="light"] .crm-column { border-color: #d7e0e9; background: #f3f6f9; }
html[data-theme="light"] .crm-column > header { border-color: #d7e0e9; background: #ffffff; }
html[data-theme="light"] .crm-column > header span { border-color: #a9d9c4; color: #159b64; background: #eaf7f1; }
html[data-theme="light"] .crm-column > header > strong { color: #526278; background: #e9eef3; }
html[data-theme="light"] .crm-card-list.drag-over { background: #20a9720d; box-shadow: inset 0 0 0 1px #20a9724f; }
html[data-theme="light"] .crm-card-source-link { border-color: #bfd2e3; color: #26628f; background: #eff6fb; }
html[data-theme="light"] .crm-card-source-link:hover { border-color: #96b7d0; color: #184969; background: #e5f1f8; }
html[data-theme="light"] .crm-card { border-color: #d3dde7; background: linear-gradient(145deg, #ffffff, #f7f9fb); box-shadow: 0 10px 26px #34465d0f; }
html[data-theme="light"] .crm-card:hover { border-color: #aebfce; box-shadow: 0 14px 34px #34465d1c; }
html[data-theme="light"] .crm-card.priority-high { border-color: #d8be72; }
html[data-theme="light"] .crm-card.priority-urgent { border-color: #e0a3b0; }
html[data-theme="light"] .crm-type-badge { color: #ffffff; background: #159b64; }
html[data-theme="light"] .crm-source-badge { border-color: #ccd6e0; color: #607087; background: #f2f5f8; }
html[data-theme="light"] .crm-card-meta dt { color: #718096; }
html[data-theme="light"] .crm-card-meta dd { color: #354258; }
html[data-theme="light"] .crm-card-footer { border-color: #dbe3eb; color: #607087; background: #f2f5f8; }
html[data-theme="light"] .crm-card-footer time { color: #526278; background: #e3e9ef; }
html[data-theme="light"] .crm-card-footer time.overdue { color: #b52c49; background: #ffe9ee; }
html[data-theme="light"] .crm-card-details { border-color: #dbe3eb; }
html[data-theme="light"] .crm-card-details > summary { color: #607087; }
html[data-theme="light"] .crm-card-details > div > p { color: #526278; }
html[data-theme="light"] .crm-card-open-hint { color: #65758a; }
html[data-theme="light"] .crm-card-history { border-color: #dbe3eb; }
html[data-theme="light"] .crm-card-history p { border-color: #b9c8d6; color: #405069; }
html[data-theme="light"] .crm-card-history small { color: #718096; }
html[data-theme="light"] .crm-column-empty { border-color: #cbd6e0; color: #718096; }
html[data-theme="light"] .crm-column-empty strong { color: #526278; }
html[data-theme="light"] .crm-modal-backdrop { background: #2636488f; }
html[data-theme="light"] .crm-modal > section { border-color: #d3dde7; background: #ffffff; box-shadow: 0 30px 100px #34465d38; }
html[data-theme="light"] .crm-modal > section > header { border-color: #dbe3eb; }
html[data-theme="light"] .crm-modal > section > header p:not(.eyebrow) { color: #68778d; }
html[data-theme="light"] .crm-create-form label { color: #526278; }
html[data-theme="light"] .crm-drawer-backdrop { background: #26364873; }
html[data-theme="light"] .crm-drawer > aside { border-color: #d1dce6; background: #f7f9fb; box-shadow: -28px 0 90px #34465d35; }
html[data-theme="light"] .crm-drawer-header { border-color: #d7e0e9; background: #ffffff; }
html[data-theme="light"] .crm-drawer-header > button { border-color: #d5dfe8; color: #65758a; background: #f2f6f9; }
html[data-theme="light"] .crm-drawer-facts > div { border-color: #d7e0e9; background: #ffffff; }
html[data-theme="light"] .crm-drawer-facts span { color: #718096; }
html[data-theme="light"] .crm-drawer-facts strong { color: #344257; }
html[data-theme="light"] .crm-conversation { border-color: #d5dfe8; background: #ffffff; }
html[data-theme="light"] .crm-conversation > header { border-color: #d7e0e9; background: #f2f6f9; }
html[data-theme="light"] .crm-conversation > header small { color: #718096; }
html[data-theme="light"] .crm-conversation-context { border-color: #d7e0e9; color: #68778d; background: #f7f9fb; }
html[data-theme="light"] .crm-conversation-context.primary { color: #405069; background: #ffffff; }
html[data-theme="light"] .crm-message { border-color: #b9d4e7; background: #eaf5fc; box-shadow: 0 8px 20px #34465d0d; }
html[data-theme="light"] .crm-message > header strong { color: #26628f; }
html[data-theme="light"] .crm-message > header time { color: #718096; }
html[data-theme="light"] .crm-message > p { color: #29384e; }
html[data-theme="light"] .crm-drawer-controls { border-color: #d7e0e9; background: #ffffff; }

html[data-theme="light"] .auth-card,
html[data-theme="light"] .hero,
html[data-theme="light"] .panel,
html[data-theme="light"] .stats-grid article,
html[data-theme="light"] .user-card { border-color: #d9e1ea; background: #ffffffed; box-shadow: 0 24px 70px #34465d12; }
html[data-theme="light"] .user-identity strong { color: #172033; }
html[data-theme="light"] .user-identity small,
html[data-theme="light"] .user-identity .meta { color: #66758a; }
html[data-theme="light"] .user-access-panel { border-color: #d7e0e9; background: #f5f8fa; }
html[data-theme="light"] .user-access-panel > summary:hover { background: #edf3f7; }
html[data-theme="light"] .user-access-panel > summary strong { color: #263247; }
html[data-theme="light"] .user-access-panel > summary small { color: #718096; }
html[data-theme="light"] .user-access-form { border-color: #d7e0e9; }
html[data-theme="light"] .user-role-field { color: #66758a; }
html[data-theme="light"] .user-role-field select { border-color: #cfd9e4; color: #263247; background: #ffffff; }
html[data-theme="light"] .user-role-assignment { border-color: #dbe4ed; }
html[data-theme="light"] .user-personal-details { border-color: #dbe4ed; }
html[data-theme="light"] .user-personal-details summary { color: #53637a; }
html[data-theme="light"] .user-personal-grid { background: #dbe4ed; }
html[data-theme="light"] .user-personal-grid > div { background: #fff; }
html[data-theme="light"] .user-personal-grid strong { color: #263247; }
@media (max-width: 700px) {
  .user-role-assignment { align-items: stretch; flex-direction: column; }
  .user-role-assignment .user-role-field { flex-basis: auto; max-width: none; }
  .user-personal-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
  .user-personal-grid { grid-template-columns: 1fr; }
}
html[data-theme="light"] .user-section-permissions > span { color: #66758a; }
html[data-theme="light"] .user-permission-group { border-color: #d4dee8; background: #f7f9fb; }
html[data-theme="light"] .user-permission-group legend { color: #263247; }
html[data-theme="light"] .user-section-permissions label { border-color: #d4dee8; color: #596a80; background: #ffffff; }
html[data-theme="light"] .user-section-permissions label:has(input:checked) { border-color: #91d0b3; color: #16714f; background: #eaf8f1; }
html[data-theme="light"] .user-access-footer small { color: #718096; }
html[data-theme="light"] .management-heading > div > p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .management-control-note { border-color: #d6e0ea; background: linear-gradient(145deg, #ffffff, #eef4f8); box-shadow: 0 18px 48px #34465d10; }
html[data-theme="light"] .management-control-note > span { color: #ffffff; background: #159b64; }
html[data-theme="light"] .management-control-note small { color: #718096; }
html[data-theme="light"] .management-period-panel { border-color: #d6e0ea; background: #ffffffed; box-shadow: 0 18px 50px #34465d0e; }
html[data-theme="light"] .management-period-panel > div span { color: #718096; }
html[data-theme="light"] .management-periods { border-color: #d7e0e9; background: #eef3f7; }
html[data-theme="light"] .management-periods a { color: #607087; }
html[data-theme="light"] .management-periods a:hover { color: #263247; background: #dfe7ee; }
html[data-theme="light"] .management-periods a.active { color: #ffffff; background: #159b64; }
html[data-theme="light"] .management-source-state { border-color: #e1cd91; color: #896919; background: #fff8e6; }
html[data-theme="light"] .management-section-heading > p { color: #66758a; }
html[data-theme="light"] .management-metric-card { border-color: #d7e0e9; background: linear-gradient(145deg, #ffffff, #f3f6f9); box-shadow: 0 16px 48px #34465d12; }
html[data-theme="light"] .management-metric-index { border-color: color-mix(in srgb, var(--metric-accent) 45%, #d7e0e9); background: color-mix(in srgb, var(--metric-accent) 8%, #ffffff); }
html[data-theme="light"] .management-metric-card header small,
html[data-theme="light"] .management-metric-card > p { color: #66758a; }
html[data-theme="light"] .management-metric-pending { border-color: #d6e0e9; color: #718096; background: #edf2f6; }
html[data-theme="light"] .management-metric-card footer { border-color: #dce4ec; }
html[data-theme="light"] .management-metric-card footer > span { color: #405069; }
html[data-theme="light"] .management-metric-card footer small { color: #718096; }
html[data-theme="light"] .management-data-note { border-color: #d7e0e9; background: #ffffff; }
html[data-theme="light"] .management-data-note > span { border-color: #b8c6d4; color: #526278; }
html[data-theme="light"] .management-data-note p { color: #66758a; }
html[data-theme="light"] .invite-panel { border-color: #b8d8ca; background: linear-gradient(135deg, #f0faf5, #ffffff 72%); }
html[data-theme="light"] .invite-description,
html[data-theme="light"] .invite-footer > span { color: #68788d; }
html[data-theme="light"] .copy-field input { color: #176746; background: #f8fbf9; }
html[data-theme="light"] .invite-footer,
html[data-theme="light"] .invite-registry-heading { border-color: #d2e5dc; }
html[data-theme="light"] .invite-registry-heading p { color: #68788d; }
html[data-theme="light"] .invite-row { border-color: #d7e2eb; background: #f8fbf9; }
html[data-theme="light"] .invite-row.used { border-color: #b8d8ca; background: #f0faf5; }
html[data-theme="light"] .invite-recipient > span,
html[data-theme="light"] .invite-recipient-field > small { color: #718096; }
html[data-theme="light"] .invite-recipient > strong { color: #263247; }
html[data-theme="light"] .invite-recipient > small { color: #9a721e; }
html[data-theme="light"] .invite-row.used .invite-recipient > small { color: #15764f; }
html[data-theme="light"] .invite-row-main strong { color: #176746; }
html[data-theme="light"] .invite-row-main small { color: #718096; }
html[data-theme="light"] .invite-registered-account { color: #405069; }
html[data-theme="light"] .invite-registered-account small { color: #718096; }
html[data-theme="light"] .invite-status-badge { border-color: #9fd5bd; color: #15764f; background: #eaf7f1; }
html[data-theme="light"] .admin-page-description { color: #66758a; }
html[data-theme="light"] .admin-section-link { border-color: #9fd5bd; color: #15764f; background: #eaf7f1; }
html[data-theme="light"] .admin-section-link:hover { color: #ffffff; background: #159b64; }
html[data-theme="light"] .auth-copy p,
html[data-theme="light"] .hero p,
html[data-theme="light"] .report-heading p,
html[data-theme="light"] .placeholder-page p { color: #68778d; }
html[data-theme="light"] label { color: #4b596e; }
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea { border-color: #ccd6e2; color: #172033; background: #f8fafc; }
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus { border-color: #20a972; box-shadow: 0 0 0 3px #20a9721f; }
html[data-theme="light"] button { border-color: #ccd6e2; color: #263247; background: #f1f5f9; }
html[data-theme="light"] .primary { border-color: #159b64; color: #ffffff; background: #159b64; }
html[data-theme="light"] .flash { border-color: #ccd7e4; color: #354258; background: #eef3f8; }
html[data-theme="light"] .flash.error { border-color: #efbdc8; color: #b52c49; background: #fff0f3; }
html[data-theme="light"] .flash.success { border-color: #a7dbc4; color: #14764e; background: #eaf8f1; }

html[data-theme="light"] .landing-hero { border-color: #d5dee8; background: linear-gradient(135deg, #ffffff 0%, #f2f7fb 65%, #eaf5f0 100%); box-shadow: 0 35px 100px #38506d18; }
html[data-theme="light"] .landing-copy > p:not(.eyebrow) { color: #5f6e84; }
html[data-theme="light"] .landing-features span { border-color: #d2dce7; color: #5c6a7e; background: #ffffffb8; }
html[data-theme="light"] .landing-visual img { border-color: #cbd6e2; box-shadow: 0 30px 80px #32486026; }
html[data-theme="light"] .visual-caption { border-color: #92ceb2; color: #14724c; background: #e8f7efed; }
html[data-theme="light"] .visual-glow { background: #3cc68b24; }

html[data-theme="light"] .badge { color: #5f6f85; background: #edf2f7; }
html[data-theme="light"] .outline-badge { border-color: #9fd5bd; color: #15764f; background: #eaf7f1; }
html[data-theme="light"] .hint,
html[data-theme="light"] .meta,
html[data-theme="light"] .stats-grid span,
html[data-theme="light"] .stats-grid small { color: #718097; }
html[data-theme="light"] .danger { border-color: #edbcc7; color: #b62d4a; background: #fff0f3; }
html[data-theme="light"] .success-button { border-color: #a9d9c3; color: #14754d; background: #eaf7f1; }

html[data-theme="light"] .report-filter { border-color: #d7e0e9; background: linear-gradient(135deg, #ffffff, #f1f5f9); }
html[data-theme="light"] .period-field { color: #536176; }
html[data-theme="light"] .range-trigger { border-color: #cbd6e2; color: #182236; background: #ffffff; }
html[data-theme="light"] .range-popover { border-color: #d7e0e9; background: #ffffff; box-shadow: 0 28px 80px #34465a2e; }
html[data-theme="light"] .range-calendar-toolbar p,
html[data-theme="light"] .range-weekdays span { color: #748297; }
html[data-theme="light"] .range-calendar-toolbar button { color: #68778c; }
html[data-theme="light"] .range-calendar-toolbar button:hover { color: #12885a; background: #eaf5f0; }
html[data-theme="light"] .range-month h3 { color: #172033; }
html[data-theme="light"] .range-day { color: #263247; }
html[data-theme="light"] .range-day.weekend { color: #e44870; }
html[data-theme="light"] .range-day:hover:not(:disabled) { color: #172033; background: #eaf0f5; }
html[data-theme="light"] .range-day.in-range { color: #126f4a; background: #dff3e9; }
html[data-theme="light"] .range-day.range-start,
html[data-theme="light"] .range-day.range-end { color: #ffffff; background: #159b64; }
html[data-theme="light"] .range-day:disabled { color: #aab4c1; }
html[data-theme="light"] .range-presets { border-color: #dbe3eb; background: #f7f9fc; }
html[data-theme="light"] .range-presets button { color: #12885a; }
html[data-theme="light"] .range-presets button:hover,
html[data-theme="light"] .range-presets button.active { color: #ffffff; background: #159b64; }
html[data-theme="light"] .range-presets p,
html[data-theme="light"] .range-presets small { color: #718096; }
html[data-theme="light"] .section-heading p,
html[data-theme="light"] .results-heading > span,
html[data-theme="light"] .empty-state p { color: #6d7c91; }
html[data-theme="light"] .report-results-actions > span { color: #6d7c91; }
html[data-theme="light"] .report-pdf-download { border-color: #9fd5bd; color: #15764f; background: linear-gradient(135deg, #eaf8f1, #ddf4e9); box-shadow: 0 10px 24px #34465a12; }
html[data-theme="light"] .report-pdf-download:hover { border-color: #73bf9d; background: linear-gradient(135deg, #e1f6eb, #d4f0e2); }
html[data-theme="light"] .empty-state { border-color: #cbd6e2; background: #f8fafccf; }
html[data-theme="light"] .article-report { border-color: #d8e1ea; background: #ffffffed; box-shadow: 0 20px 60px #34465a12; }
html[data-theme="light"] .article-report-header { border-color: #d8e1ea; background: #f2f6fa; }
html[data-theme="light"] .article-report-header span { color: #718096; }
html[data-theme="light"] .article-report-header .data-pending.connected { border-color: #9fd5bd; color: #15764f; background: #eaf7f1; }
html[data-theme="light"] .report-block { border-color: #dbe3ec; }
html[data-theme="light"] .marketplace-grid > div,
html[data-theme="light"] .finance-list > div { border-color: #d8e0e9; background: #f8fafc; }
html[data-theme="light"] .expense-marketplace-card { border-color: #d7e2eb; color: #58677c; background: #f8fafc; box-shadow: 0 20px 55px #34465a16; }
html[data-theme="light"] .expense-marketplace-selector { border-color: #d7e2eb; color: #172033; background: radial-gradient(circle at 0 0, #ffffff, #f1f6f9 58%); }
html[data-theme="light"] .expense-marketplace-selector:hover { background: radial-gradient(circle at 0 0, #ffffff, #eaf1f7 60%); }
html[data-theme="light"] .expense-marketplace-copy small,
html[data-theme="light"] .expense-marketplace-change { color: #6d7c91; }
html[data-theme="light"] .expense-breakdown summary { border-color: #d7e2eb; color: #65758a; background: #f5f8fb; }
html[data-theme="light"] .expense-breakdown summary:hover { color: #304158; background: #eef4f7; }
html[data-theme="light"] .logistics-popover > summary { border-color: #cbd7e2; background: #ffffff; }
html[data-theme="light"] .logistics-popover > summary:hover,
html[data-theme="light"] .logistics-popover[open] > summary { border-color: #9dacbd; background: #eef4f7; }
html[data-theme="light"] .logistics-popover > summary i { border-color: #c5d1dd; color: #627287; }
html[data-theme="light"] .logistics-popover-card { border-color: #cbd7e2; background: #ffffff; box-shadow: 0 28px 80px #34465a38; }
html[data-theme="light"] .logistics-popover-card::before,
html[data-theme="light"] .logistics-popover-card > header { border-color: #d7e2eb; background: #eef4f7; }
html[data-theme="light"] .logistics-popover-card > header button { border-color: #cbd7e2; color: #607087; background: #ffffff; }
html[data-theme="light"] .logistics-popover-list > div { border-color: #d7e2eb; background: #ffffff; }
html[data-theme="light"] .logistics-popover-card > footer { color: #64748a; background: #f1f5f8; }
html[data-theme="light"] .logistics-popover-card > footer strong { color: #263247; }
html[data-theme="light"] .marketplace-grid > .marketplace-total { border-color: #9fd5bd; background: #e9f7f0; }
html[data-theme="light"] .marketplace-grid > .marketplace-total p,
html[data-theme="light"] .marketplace-grid > .marketplace-total small,
html[data-theme="light"] .marketplace-grid > .marketplace-total strong { color: #15764f; }
html[data-theme="light"] .expense-summary-rows { border-color: #d7e2eb; background: #f3f6fa; }
html[data-theme="light"] .expense-total-row { border-color: #f0aaba; color: #b52d4d; background: linear-gradient(135deg, #fff0f3, #ffe7ed); box-shadow: 0 14px 34px #cf466216 inset; }
html[data-theme="light"] .expense-payout-row { border-color: #9fd5bd; color: #15764f; background: linear-gradient(135deg, #eaf8f1, #ddf4e9); box-shadow: 0 14px 34px #1ca26d12 inset; }
html[data-theme="light"] .expense-payout-row.negative { border-color: #f0aaba; color: #b52d4d; background: linear-gradient(135deg, #fff0f3, #ffe7ed); box-shadow: 0 14px 34px #cf466216 inset; }
html[data-theme="light"] .expense-summary-value small { border-color: #d8527052; color: #a42543; background: #d852700d; }
html[data-theme="light"] .expense-summary-value.payout small { border-color: #2f9f7052; color: #15764f; background: #2f9f700d; }
html[data-theme="light"] .expense-payout-row.negative .expense-summary-value.payout small { border-color: #d8527052; color: #a42543; background: #d852700d; }
html[data-theme="light"] .tax-card { border-color: #d7e2eb; background: #f8fafc; box-shadow: 0 20px 55px #34465a16; }
html[data-theme="light"] .tax-section-toggle { border-color: #d7e2eb; color: #65758a; background: #f5f8fb; }
html[data-theme="light"] .tax-section-summary:hover .tax-section-toggle { color: #304158; background: #eef4f7; }
html[data-theme="light"] .tax-finance-list,
html[data-theme="light"] .tax-summary-rows { border-color: #d7e2eb; }
html[data-theme="light"] .tax-source-note { color: #99620c; background: #fff7e6; }
html[data-theme="light"] .batch-allocation-note { color: #15764f; }
html[data-theme="light"] .factory-cost-source-note { border-color: #e6c98c; }
html[data-theme="light"] .stock-heading p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .stock-freshness { border-color: #91d0b3; color: #15764f; background: #e7f7ef; }
html[data-theme="light"] .stock-filter-panel,
html[data-theme="light"] .stock-summary-card { border-color: #d6e0ea; background: linear-gradient(145deg, #ffffff, #f2f6fa); box-shadow: 0 15px 40px #41566d0d; }
html[data-theme="light"] .stock-summary-card.all { border-color: #9fd5bd; background: linear-gradient(145deg, #eaf8f1, #ddf4e9); }
html[data-theme="light"] .stock-summary-card > strong,
html[data-theme="light"] .stock-table td > strong { color: #172033; }
html[data-theme="light"] .stock-value-sort-control { color: #66758a; }
html[data-theme="light"] .stock-value-sort-control select { border-color: #cad6e2; color: #27364c; background: #fff; }
html[data-theme="light"] .stock-variant-data-row > td { background: #f5f8fb; }
html[data-theme="light"] .stock-variant-data-row.conflict > td { background: #fff8ed; }
html[data-theme="light"] .stock-variant-line-label strong { color: #27364b; }
html[data-theme="light"] .stock-variant-mobile-lines { border-color: #d7e1eb; background: #d7e1eb; }
html[data-theme="light"] .stock-variant-mobile-line { background: #f7f9fc; }
html[data-theme="light"] .stock-variant-mobile-line.conflict { background: #fff8ed; }
html[data-theme="light"] .stock-variant-mobile-line strong { color: #25354a; }
html[data-theme="light"] .dossier-color-aliases > span { color: #25354a; background: #fff; }

@media (max-width: 700px) {
  .stock-mobile-product .stock-variant-toggle { margin-top: 7px; }
}
html[data-theme="light"] .stock-summary-card.all > strong,
html[data-theme="light"] .stock-table .stock-total-value { color: #15764f; }
html[data-theme="light"] .stock-card-details,
html[data-theme="light"] .stock-table-heading,
html[data-theme="light"] .stock-table td,
html[data-theme="light"] .stock-note { border-color: #dce4ec; }
html[data-theme="light"] .stock-source-status,
html[data-theme="light"] .stock-table th,
html[data-theme="light"] .stock-note { background: #eef3f7; }
html[data-theme="light"] .stock-reset { border-color: #ccd7e2; color: #526278; background: #f4f7fa; }
html[data-theme="light"] .stock-filter-field { color: #4b596e; }
html[data-theme="light"] .stock-multiselect-toggle { border-color: #cbd6e2; color: #26364b; background: #fff; }
html[data-theme="light"] .stock-multiselect-popover { border-color: #cfd9e4; background: #fff; box-shadow: 0 18px 50px #35465d24; }
html[data-theme="light"] .stock-multiselect-actions button { border-color: #d3dde7; color: #66758a; background: #f3f7fa; }
html[data-theme="light"] .stock-multiselect-actions button:hover { border-color: #78b99d; color: #15764f; }
html[data-theme="light"] .stock-multiselect-list > label { color: #58677c; }
html[data-theme="light"] .stock-multiselect-list > label:hover { color: #172033; background: #edf3f8; }
html[data-theme="light"] .stock-multiselect-list input[type="checkbox"]:checked + span { color: #15764f; }
html[data-theme="light"] .stock-article-multiselect-list .stock-article-group-label { background: #fff; }
html[data-theme="light"] .stock-article-picker > button { color: #68778d; background: transparent; }
html[data-theme="light"] .stock-article-picker > button:hover { color: #263247; background: #e8eef4; }
html[data-theme="light"] .stock-article-options { border-color: #cfd9e4; background: #ffffff; box-shadow: 0 18px 50px #35465d24; }
html[data-theme="light"] .stock-article-options button { color: #58677c; }
html[data-theme="light"] .stock-article-options button:hover,
html[data-theme="light"] .stock-article-options button:focus-visible { color: #172033; background: #edf3f8; }
html[data-theme="light"] .stock-article-options button[aria-selected="true"] { color: #15764f; background: #e8f7f0; }
html[data-theme="light"] .stock-article-group-label { color: #7a899b; }
html[data-theme="light"] .stock-table td { color: #44536a; }
html[data-theme="light"] .stock-table tbody tr:hover { background: #f4f8fb; }
html[data-theme="light"] .stock-table .stock-product-group-row,
html[data-theme="light"] .stock-table .stock-product-group-row:hover {
  background: #f3f7fa;
}
html[data-theme="light"] .stock-table .stock-product-group-row td {
  border-color: #d9e2ea;
  color: #718195;
}
html[data-theme="light"] .stock-mobile-product-group,
html[data-theme="light"] .article-report-group { color: #718195; }
html[data-theme="light"] .stock-cell-meta span { color: #617087; background: #edf2f6; }
html[data-theme="light"] .stock-view-tabs { border-color: #d2dce6; background: #edf2f6; }
html[data-theme="light"] .stock-view-tabs button { color: #607087; }
html[data-theme="light"] .stock-view-tabs button:hover { color: #243147; background: #dfe7ef; }
html[data-theme="light"] .stock-view-tabs button.active { color: #ffffff; background: #159b64; }
html[data-theme="light"] .stock-columns-trigger { border-color: #ced9e4; color: #5f6f85; background: #f2f6fa; }
html[data-theme="light"] .stock-xlsx-trigger { border-color: #8fcbb0; color: #15764f; background: #e7f6ee; }
html[data-theme="light"] .stock-xlsx-trigger:hover,
html[data-theme="light"] .stock-xlsx-export[open] .stock-xlsx-trigger { border-color: #159b64; color: #0f6f49; background: #dff3e9; }
html[data-theme="light"] .stock-xlsx-popover { border-color: #d4dee8; background: #ffffff; box-shadow: 0 20px 60px #35465d36; }
html[data-theme="light"] .stock-xlsx-popover > strong { color: #1c273a; }
html[data-theme="light"] .stock-xlsx-popover label { border-color: #d9e2eb; color: #405069; background: #f5f8fa; }
html[data-theme="light"] .stock-xlsx-popover label:hover { border-color: #9fcfb9; background: #edf8f2; }
html[data-theme="light"] .stock-columns-trigger:hover,
html[data-theme="light"] .stock-columns-trigger[aria-expanded="true"] { border-color: #8fcbb0; color: #15764f; background: #e7f6ee; }
html[data-theme="light"] .stock-settings-icon i::after { background: #f2f6fa; }
html[data-theme="light"] .stock-columns-trigger:hover .stock-settings-icon i::after,
html[data-theme="light"] .stock-columns-trigger[aria-expanded="true"] .stock-settings-icon i::after { background: #e7f6ee; }
html[data-theme="light"] .stock-columns-backdrop { background: #31415866; }
html[data-theme="light"] .stock-columns-popover { border-color: #d4dee8; background: #f7f9fc; box-shadow: 0 28px 90px #35465d3d; }
html[data-theme="light"] .stock-columns-heading,
html[data-theme="light"] .stock-columns-actions { border-color: #dce4ec; background: #ffffff; }
html[data-theme="light"] .stock-columns-heading strong { color: #1c273a; }
html[data-theme="light"] .stock-columns-heading button { border-color: #d4dee8; color: #66768c; background: #eff4f8; }
html[data-theme="light"] .stock-column-options fieldset { border-color: #dce4ec; background: #ffffff; }
html[data-theme="light"] .stock-column-options legend { color: #405069; }
html[data-theme="light"] .stock-column-options label { color: #607087; background: #f3f6f9; }
html[data-theme="light"] .stock-column-options label:hover { color: #263247; background: #eaf0f5; }
html[data-theme="light"] .stock-column-options .stock-column-group-toggle { border-color: #9fd5bd; color: #15764f; background: #eaf8f1; }
html[data-theme="light"] .stock-column-options .stock-column-group-toggle:hover { color: #0d5f3e; background: #ddf4e9; }
html[data-theme="light"] .stock-column-options input,
html[data-theme="light"] .stock-column-options input:focus { border-color: #9aabba; background: #ffffff; box-shadow: none; }
html[data-theme="light"] .stock-column-options input:checked,
html[data-theme="light"] .stock-column-options input:checked:focus { border-color: #159b64; background: #20b978; box-shadow: none; }
html[data-theme="light"] .stock-columns-actions button { border-color: #159b64; color: #ffffff; background: #159b64; }
html[data-theme="light"] .stock-columns-actions button.secondary { border-color: #cbd6e1; color: #526278; background: #edf2f6; }
html[data-theme="light"] .stock-table thead tr + tr th { border-color: #dce4ec; color: #607087; background: #f5f8fa; }
html[data-theme="light"] .stock-table th[data-stock-column-group] { border-color: #dce4ec; color: #405069; }
html[data-theme="light"] .stock-product-name { color: #405069; }
html[data-theme="light"] .stock-value-notice { border-color: #ead18f; color: #876516; background: #fff8e7; }
html[data-theme="light"] .stock-value-notice strong { color: #73520e; }
html[data-theme="light"] .stock-value-notice p { color: #8b7544; }
html[data-theme="light"] .stock-value-table tfoot th,
html[data-theme="light"] .stock-value-table tfoot td { border-color: #d7e1ea; background: #eef4f7; }
html[data-theme="light"] .stock-value-table tfoot th { color: #314158; }
@media (min-width: 901px) {
  html[data-theme="light"] .stock-value-table[data-sticky-columns] tbody [data-stock-column="article"],
  html[data-theme="light"] .stock-value-table[data-sticky-columns] tbody [data-stock-column="name"],
  html[data-theme="light"] .stock-value-table[data-sticky-columns] tbody [data-stock-column="all_total"] {
    background: #ffffff;
  }
  html[data-theme="light"] .stock-value-table[data-sticky-columns] tbody tr:hover [data-stock-column="article"],
  html[data-theme="light"] .stock-value-table[data-sticky-columns] tbody tr:hover [data-stock-column="name"],
  html[data-theme="light"] .stock-value-table[data-sticky-columns] tbody tr:hover [data-stock-column="all_total"] {
    background: #f4f8fb;
  }
  html[data-theme="light"] .stock-value-table[data-sticky-columns] thead [data-stock-column="article"],
  html[data-theme="light"] .stock-value-table[data-sticky-columns] thead [data-stock-column="name"],
  html[data-theme="light"] .stock-value-table[data-sticky-columns] thead [data-stock-column="all_total"] {
    background: #eef3f7;
  }
  html[data-theme="light"] .stock-value-table[data-sticky-columns] tfoot [data-stock-column="article"],
  html[data-theme="light"] .stock-value-table[data-sticky-columns] tfoot [data-stock-column="name"],
  html[data-theme="light"] .stock-value-table[data-sticky-columns] tfoot [data-stock-column="all_total"] {
    background: #eef4f7;
  }
}
html[data-theme="light"] .stock-value-segments { background: #d9e2eb; }
html[data-theme="light"] .stock-value-segments > div { background: #f7fafc; }
html[data-theme="light"] .stock-value-segments dt { color: #68778b; }
html[data-theme="light"] .stock-value-segments dd > strong { color: #253148; }
html[data-theme="light"] .stock-value-segments dd > small { color: #77869a; }
html[data-theme="light"] .stock-value-segments > div.danger { background: #fff0f3; }
html[data-theme="light"] .stock-value-segments > div.danger dt,
html[data-theme="light"] .stock-value-segments > div.danger dd > strong { color: #b33c57; }
html[data-theme="light"] .stock-cost-cell > strong { color: #263449; }
html[data-theme="light"] .stock-cost-cell > small.stock-unit-cost { color: #587087; }
html[data-theme="light"] .stock-cost-cell.stock-cost-total > strong,
html[data-theme="light"] .stock-value-table tfoot .stock-cost-cell > strong { color: #15764f; }
html[data-theme="light"] .stock-cost-cell.incomplete > strong,
html[data-theme="light"] .stock-cost-cell .stock-cost-warning { color: #9a6a13; }
html[data-theme="light"] button.stock-cost-warning:hover,
html[data-theme="light"] button.stock-cost-warning:focus-visible { color: #704500; }
html[data-theme="light"] button.stock-unit-cost-button { border-bottom-color: #9aa9b8; color: #587087; }
html[data-theme="light"] button.stock-unit-cost-button:hover,
html[data-theme="light"] button.stock-unit-cost-button:focus-visible { border-bottom-color: #15764f; color: #15764f; }
html[data-theme="light"] .stock-cost-modal-backdrop { background: rgb(30 43 58 / 28%) !important; }
html[data-theme="light"] .stock-cost-modal > section { border-color: #dfc89e; background: #ffffff; box-shadow: 0 28px 90px #34465a45; }
html[data-theme="light"] .stock-cost-modal > section > header { border-color: #dce3ea; background: #f2f6f9; }
html[data-theme="light"] .stock-cost-modal > section > header h3 { color: #8b5d0c; }
html[data-theme="light"] .stock-cost-modal > section > header button { border-color: #cfd9e4; color: #66758a; background: #ffffff; }
html[data-theme="light"] .stock-cost-detail-lead { color: #526278; }
html[data-theme="light"] .stock-cost-checklist { background: #dce4ec; }
html[data-theme="light"] .stock-cost-checklist li { background: #ffffff; }
html[data-theme="light"] .stock-cost-checklist strong { color: #263247; }
html[data-theme="light"] .stock-cost-checklist small { color: #728197; }
html[data-theme="light"] .stock-cost-checklist li.ready > span { border-color: #78c8a4; color: #15764f; background: #e7f7ef; }
html[data-theme="light"] .stock-cost-checklist li.ready small { color: #4f836b; }
html[data-theme="light"] .stock-cost-checklist li.missing > span { border-color: #d4b46e; color: #8a5c0b; background: #fff6df; }
html[data-theme="light"] .stock-cost-checklist li.missing small { color: #8a6619; }
html[data-theme="light"] .stock-cost-checklist li.invalid > span { border-color: #dc9daa; color: #a42f49; background: #fff0f3; }
html[data-theme="light"] .stock-cost-checklist li.invalid small { color: #a84b60; }
html[data-theme="light"] .stock-cost-action { border-color: #dfc89e; background: #fff7e7; }
html[data-theme="light"] .stock-cost-action > strong { color: #8b5d0c; }
html[data-theme="light"] .stock-cost-action p { color: #755f32; }
html[data-theme="light"] .stock-cost-group { border-color: #d4dee8; background: #ffffff; }
html[data-theme="light"] .stock-cost-group summary:hover { background: #f2f6f9; }
html[data-theme="light"] .stock-cost-group summary > span > strong { color: #263247; }
html[data-theme="light"] .stock-cost-group summary > span > small { color: #758398; }
html[data-theme="light"] .stock-cost-group summary > b { color: #15764f; }
html[data-theme="light"] .stock-cost-group-body { border-color: #dce4ec; }
html[data-theme="light"] .stock-cost-group-body > ul { background: #dce4ec; }
html[data-theme="light"] .stock-cost-group-body li { background: #f8fafc; }
html[data-theme="light"] .stock-cost-group-body li > span { color: #5d6c80; }
html[data-theme="light"] .stock-cost-group-body li > strong { color: #263247; }
html[data-theme="light"] .stock-cost-group-warning { border-color: #dfc89e; color: #755f32; background: #fff7e7; }
html[data-theme="light"] .stock-cost-formula { border-color: #9fd5bd; background: #eaf8f1; }
html[data-theme="light"] .stock-cost-formula.total { border-color: #cad7e3; background: #f2f6f9; }
html[data-theme="light"] .stock-cost-formula span { color: #4f836b; }
html[data-theme="light"] .stock-cost-formula.total span { color: #66758a; }
html[data-theme="light"] .stock-cost-formula strong { color: #15764f; }
html[data-theme="light"] .stock-cost-formula.total strong { color: #263247; }
html[data-theme="light"] .stock-cost-source { color: #758398; }
html[data-theme="light"] .stock-cost-source strong { color: #526278; }
html[data-theme="light"] .stock-value-notice.connected { border-color: #9ad2b7; background: #eaf8f1; }
html[data-theme="light"] .stock-value-notice.connected > span { color: #ffffff; background: #159b64; }
html[data-theme="light"] .stock-value-notice.connected strong { color: #176645; }
html[data-theme="light"] .stock-value-notice.connected p { color: #4d7965; }
html[data-theme="light"] .organization-heading p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .organization-admin-badge { border-color: #91d0b3; color: #15764f; background: #e7f7ef; }
html[data-theme="light"] .organization-workspace { border-color: #d6e0ea; background: #ffffff; box-shadow: 0 20px 65px #35465d18; }
html[data-theme="light"] .organization-version-tabs { border-color: #dce4ec; background: #eef3f7; }
html[data-theme="light"] .organization-version-tabs button { color: #607087; }
html[data-theme="light"] .organization-version-tabs button:hover { color: #263247; background: #e2eaf1; }
html[data-theme="light"] .organization-version-tabs button.active { border-color: #91d0b3; color: #185d43; background: #eaf8f1; box-shadow: inset 0 0 0 1px #43b77e14; }
html[data-theme="light"] .organization-version-tabs button.active small { color: #4b866d; }
html[data-theme="light"] .organization-toolbar,
html[data-theme="light"] .organization-legend,
html[data-theme="light"] .organization-inspector { border-color: #dce4ec; background: #ffffff; }
html[data-theme="light"] .organization-toolbar strong { color: #172033; }
html[data-theme="light"] .organization-toolbar-actions button { color: #526278; background: #eef3f7; }
html[data-theme="light"] .organization-toolbar-actions .primary { color: #ffffff; background: #159b64; }
html[data-theme="light"] .organization-canvas { background-color: #f5f8fb; background-image: radial-gradient(#cfd9e4 1px, transparent 1px); scrollbar-color: #aab8c6 #eef3f7; }
html[data-theme="light"] .organization-node { border-color: #cfd9e4; color: #263247; background: #ffffff; box-shadow: 0 12px 28px #34465a1f; }
html[data-theme="light"] .organization-node:hover { border-color: #9cacbd; background: #f8fafc; }
html[data-theme="light"] .organization-node.selected { border-color: #35b57c; background: #eaf8f1; box-shadow: 0 0 0 3px #31ad781a, 0 14px 32px #34465a1f; }
html[data-theme="light"] .organization-node.drop-target { border-color: #35b57c; background: #ddf5e8; box-shadow: 0 0 0 4px #31ad7826; }
html[data-theme="light"] .organization-node.governance { background: linear-gradient(145deg, #fff9e9, #ffffff 66%); }
html[data-theme="light"] .organization-node-copy small { color: #607087; background: #edf2f6; }
html[data-theme="light"] .organization-node-person { color: #526278; }
html[data-theme="light"] .organization-node-person.vacant { color: #94a0af; }
html[data-theme="light"] .organization-branch:has(> .organization-children) > .organization-node::after,
html[data-theme="light"] .organization-children::before,
html[data-theme="light"] .organization-children > .organization-branch::before { background: #b8c6d4; }
html[data-theme="light"] .organization-stage-empty { border-color: #b8c6d4; color: #607087; background: #ffffff; }
html[data-theme="light"] .organization-inspector-empty strong { color: #405069; }
html[data-theme="light"] .organization-inspector-empty > span { border-color: #cfd9e4; color: #159b64; background: #edf6f1; }
html[data-theme="light"] .company-tasks-heading p:not(.eyebrow),
html[data-theme="light"] .company-tasks-board-heading > span { color: #66758a; }
html[data-theme="light"] .company-tasks-source > a { color: #53647b; }
html[data-theme="light"] .company-tasks-source-state { border-color: #d0dbe6; color: #607087; background: #f4f7fa; }
html[data-theme="light"] .company-tasks-source-state.live { border-color: #91d0b3; color: #15764f; background: #e7f7ef; }
html[data-theme="light"] .company-tasks-source-state.stale { border-color: #e3cb91; color: #8a6619; background: #fff8e8; }
html[data-theme="light"] .company-tasks-source-state.error { border-color: #e5adb8; color: #a63b54; background: #fff0f3; }
html[data-theme="light"] .company-tasks-summary article { border-color: #d6e0ea; background: linear-gradient(145deg, #ffffff, #f2f6f9); box-shadow: 0 16px 40px #35465d14; }
html[data-theme="light"] .company-tasks-summary strong { color: #172033; }
html[data-theme="light"] .company-tasks-summary span { color: #607087; }
html[data-theme="light"] .company-tasks-summary small { color: #8491a2; }
html[data-theme="light"] .team-members-section > header > p { color: #66758a; }
html[data-theme="light"] .team-member-card { border-color: #d6e0ea; background: linear-gradient(145deg, #ffffff, #f2f6f9); box-shadow: 0 16px 40px #35465d14; }
html[data-theme="light"] .team-member-identity strong { color: #172033; }
html[data-theme="light"] .team-member-identity p { color: #66758a; }
html[data-theme="light"] .team-member-card dl { border-color: #dce4ec; background: #dce4ec; }
html[data-theme="light"] .team-member-card dl > div { background: #f7fafc; }
html[data-theme="light"] .team-member-card dt { color: #6d7c90; }
html[data-theme="light"] .team-member-card dd { color: #159b64; }
html[data-theme="light"] .team-departments > header > p { color: #66758a; }
html[data-theme="light"] .team-department-card { border-color: #d6e0ea; color: #263247; background: linear-gradient(145deg, #ffffff, #f2f6f9); box-shadow: 0 16px 40px #35465d14; }
html[data-theme="light"] .team-department-card:hover { border-color: #91d0b3; background: linear-gradient(145deg, #ffffff, #eaf8f1); }
html[data-theme="light"] .team-department-card dl { border-color: #dce4ec; background: #dce4ec; }
html[data-theme="light"] .team-department-card dl > div { background: #f7fafc; }
html[data-theme="light"] .team-department-card dt,
html[data-theme="light"] .team-department-open { color: #6d7c90; }
html[data-theme="light"] .team-department-card dd { color: #172033; }
html[data-theme="light"] .company-task-logic { border-color: #d6e0ea; background: #eef3f7; }
html[data-theme="light"] .company-task-logic > div,
html[data-theme="light"] .company-task-logic > a { color: #526278; background: #ffffff; }
html[data-theme="light"] .company-task-logic > div.active { border-color: #91d0b3; color: #185d43; background: #eaf8f1; }
html[data-theme="light"] .company-task-logic span { border-color: #cfd9e4; color: #159b64; background: #f5f8fa; }
html[data-theme="light"] .company-task-logic small { color: #7c899a; }
html[data-theme="light"] .company-tasks-filter,
html[data-theme="light"] .company-task-department { border-color: #d6e0ea; background: #ffffff; box-shadow: 0 16px 44px #35465d12; }
html[data-theme="light"] .company-tasks-filter label,
html[data-theme="light"] .company-task-main > span,
html[data-theme="light"] .company-task-department > header small { color: #66758a; }
html[data-theme="light"] .company-tasks-filter select,
html[data-theme="light"] .company-tasks-search,
html[data-theme="light"] .company-task-typeahead { border-color: #cfd9e4; color: #263247; background: #f4f7fa; }
html[data-theme="light"] .company-tasks-search input { color: #172033; }
html[data-theme="light"] .company-task-filter-actions button { border-color: #cfd9e4; color: #526278; background: #eef3f7; }
html[data-theme="light"] .company-task-filter-actions a { border-color: #cfd9e4; color: #526278; background: #eef3f7; }
html[data-theme="light"] .company-task-filter-actions .primary { border-color: #2dba7f; color: #052017; background: var(--green); }
html[data-theme="light"] .company-task-view-switch { border-color: #d6e0ea; background: #eef3f7; }
html[data-theme="light"] .company-task-view-switch a { color: #607087; }
html[data-theme="light"] .company-task-view-switch a:hover { color: #263247; background: #ffffff; }
html[data-theme="light"] .company-task-view-switch a.active { color: #052017; background: var(--green); }
html[data-theme="light"] .company-task-department > header { border-color: #dce4ec; background: linear-gradient(135deg, #f7fafc, #ffffff); }
html[data-theme="light"] .company-task-list { background: #dce4ec; }
html[data-theme="light"] .company-task-card { background: #ffffff; }
html[data-theme="light"] .company-task-card:hover,
html[data-theme="light"] .company-task-card:focus-visible { background: #f1f5f8; }
html[data-theme="light"] .company-task-main strong { color: #263247; }
html[data-theme="light"] .company-task-rollup { border-color: #d6e0ea; background: #ffffff; box-shadow: 0 14px 40px #35465d12; }
html[data-theme="light"] .company-task-rollup > summary { background: linear-gradient(135deg, #f7fafc, #ffffff); }
html[data-theme="light"] .company-task-rollup > summary:hover,
html[data-theme="light"] .company-task-rollup[open] > summary { background: #f1f5f8; }
html[data-theme="light"] .company-task-rollup-main strong { color: #263247; }
html[data-theme="light"] .company-task-rollup-main p,
html[data-theme="light"] .company-task-rollup-stats small { color: #66758a; }
html[data-theme="light"] .company-task-rollup > .company-task-list { border-color: #dce4ec; }
html[data-theme="light"] .company-day-slot > time,
html[data-theme="light"] .company-month-day > header span { border-color: #91d0b3; color: #15764f; background: #e7f7ef; }
html[data-theme="light"] .company-schedule-task,
html[data-theme="light"] .company-week-day,
html[data-theme="light"] .company-month-day { border-color: #d6e0ea; background: #ffffff; }
html[data-theme="light"] .company-schedule-task:hover,
html[data-theme="light"] .company-schedule-task:focus-visible { background: #f1f5f8; }
html[data-theme="light"] .company-schedule-task strong,
html[data-theme="light"] .company-schedule-unscheduled h3,
html[data-theme="light"] .company-week-day h3,
html[data-theme="light"] .company-month-day h3 { color: #263247; }
html[data-theme="light"] .company-schedule-task > span > span { color: #66758a; }
html[data-theme="light"] .company-task-drawer-backdrop { background: #17203378; }
html[data-theme="light"] .company-task-drawer { border-color: #cfd9e4; background: #f5f8fb; box-shadow: -24px 0 70px #273a551f; }
html[data-theme="light"] .company-task-drawer-header { border-color: #d8e1ea; background: linear-gradient(145deg, #f8fbfdf5, #eef4f8f5); }
html[data-theme="light"] .company-task-drawer-header h2 { color: #172033; }
html[data-theme="light"] .company-task-drawer-badges span { border-color: #cbd7e2; color: #5f7087; background: #ffffff; }
html[data-theme="light"] .company-task-drawer-badges span:last-child { border-color: #91d0b3; color: #15764f; background: #e7f7ef; }
html[data-theme="light"] .company-task-drawer-close { border-color: #cbd7e2; color: #607087; background: #ffffff; }
html[data-theme="light"] .company-task-drawer-content section { border-color: #d8e1ea; background: #ffffff; }
html[data-theme="light"] .company-task-drawer-content section > p { color: #34435a; }
html[data-theme="light"] .company-task-drawer-result { border-color: #91d0b3 !important; background: linear-gradient(145deg, #effaf5, #ffffff) !important; }
html[data-theme="light"] .company-task-drawer-result > span { color: #17805a !important; }
html[data-theme="light"] .company-task-drawer-result > p { color: #183e30 !important; }
html[data-theme="light"] .company-task-drawer-comment { background: #ffffff !important; }
html[data-theme="light"] .company-schedule-unscheduled { border-color: #b8c6d4; background: #f7fafc; }
html[data-theme="light"] .company-tasks-empty,
html[data-theme="light"] .company-tasks-unavailable { border-color: #b8c6d4; color: #66758a; background: #f7fafc; }
html[data-theme="light"] .company-tasks-empty strong,
html[data-theme="light"] .company-tasks-unavailable h2 { color: #263247; }
html[data-theme="light"] .active-task-reset { border-color: #cfd9e4; color: #526278; background: #eef3f7; }
html[data-theme="light"] .active-task-group { border-color: #d6e0ea; background: #ffffff; box-shadow: 0 16px 44px #35465d12; }
html[data-theme="light"] .active-task-group > header { border-color: #dce4ec; background: linear-gradient(135deg, #f7fafc, #ffffff); }
html[data-theme="light"] .active-task-group > header h2,
html[data-theme="light"] .active-task-main strong { color: #263247; }
html[data-theme="light"] .active-task-group > header p,
html[data-theme="light"] .active-task-main > span { color: #66758a; }
html[data-theme="light"] .active-task-departments { background: #edf3f7; }
html[data-theme="light"] .active-task-department-block { border-color: #d6e0ea; background: #ffffff; }
html[data-theme="light"] .active-task-department-block > header { border-color: #dce4ec; background: #f7fafc; }
html[data-theme="light"] .active-task-department-block > header h3 { color: #263247; }
html[data-theme="light"] .active-task-list { background: #dce4ec; }
html[data-theme="light"] .active-task-card { background: #ffffff; }
html[data-theme="light"] .active-task-card summary:hover,
html[data-theme="light"] .active-task-card[open] summary { background: #f1f5f8; }
html[data-theme="light"] .active-task-deadline strong { color: #354257; }
html[data-theme="light"] .active-task-details { border-color: #dce4ec; background: #dce4ec; }
html[data-theme="light"] .active-task-details > div { background: #f8fafc; }
html[data-theme="light"] .active-task-details p { color: #526278; }
html[data-theme="light"] .marketplace-drawer-backdrop { background: #26364a73; }
html[data-theme="light"] .marketplace-drawer { border-color: #ccd8e4; background: linear-gradient(180deg, #ffffff, #f3f6fa); box-shadow: -25px 0 80px #33465b38; }
html[data-theme="light"] .marketplace-drawer > header { border-color: #d8e1ea; }
html[data-theme="light"] .marketplace-drawer > header p { color: #66758a; }
html[data-theme="light"] .marketplace-drawer-close { border-color: #d1dce7; color: #56677d; background: #f3f6fa; }
html[data-theme="light"] .marketplace-filter button { border-color: #d5dfe9; color: #526279; background: #f7f9fc; }
html[data-theme="light"] .marketplace-filter button:hover { border-color: #aabacb; color: #172033; background: #ffffff; }
html[data-theme="light"] .marketplace-filter button.active { border-color: #4bb58a; color: #185d43; background: #eaf8f1; box-shadow: 0 8px 24px #34465a14; }
html[data-theme="light"] .platform-finance-list > div:hover { background: #eef4f7; }
html[data-theme="light"] .marketplace-grid p,
html[data-theme="light"] .finance-list span { color: #5f6e83; }
html[data-theme="light"] .source-note { color: #15764f; }
html[data-theme="light"] .source-note.warning { color: #946516; }
html[data-theme="light"] .finance-list { border-color: #d8e0e9; background: #d8e0e9; }
html[data-theme="light"] .finance-list .result-row { background: #e9f7f0; }
html[data-theme="light"] .finance-list .result-row.negative { background: #fff0f3; }
html[data-theme="light"] .data-note { color: #66758a; background: #f3f6f9; }

html[data-theme="light"] .placeholder-page { border-color: #d7e0ea; background: linear-gradient(135deg, #ffffff, #eef4f8); }
html[data-theme="light"] .placeholder-index { color: #e4ebf2; }
html[data-theme="light"] .camera-lens { border-color: #dce6ee; box-shadow: 0 0 0 28px #edf3f7, 0 0 80px #27ae751f; }
html[data-theme="light"] .profile-heading p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .profile-photo-large { color: #12885a; background: radial-gradient(circle at 35% 30%, #eff6f2, #dce8e2); box-shadow: 0 20px 55px #34465c1a, 0 0 0 8px #edf3f7; }
html[data-theme="light"] .profile-photo-large:hover { border-color: #159b64; box-shadow: 0 24px 55px #34465c24, 0 0 0 8px #e3ece8; }
html[data-theme="light"] .photo-panel > p,
html[data-theme="light"] .photo-panel > small,
html[data-theme="light"] .selected-photo-name,
html[data-theme="light"] .profile-actions > span { color: #718096; }
html[data-theme="light"] .photo-upload { border-color: #bfd0dc; color: #425169; background: #eef3f8; }
html[data-theme="light"] .profile-actions { border-color: #dbe3ec; }

html[data-theme="light"] .crop-backdrop { background: #d8e0e9d9; }
html[data-theme="light"] .crop-dialog { border-color: #cbd6e2; background: #ffffff; box-shadow: 0 35px 100px #34465b35; }
html[data-theme="light"] .crop-description { color: #65748a; }
html[data-theme="light"] .crop-stage { border-color: #aebdcc; background: #e6edf3; box-shadow: 0 0 0 10px #edf2f6, 0 25px 55px #34465b24; }
html[data-theme="light"] .crop-hint,
html[data-theme="light"] .crop-zoom-control { color: #65748a; }
html[data-theme="light"] .crop-actions { border-color: #d9e1ea; }

/* Product catalog and dossier */
.catalog-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 22px;
}
.catalog-heading h1 { margin: 4px 0 8px; font-size: clamp(30px, 4vw, 50px); line-height: 1.05; letter-spacing: -.04em; }
.catalog-heading p:not(.eyebrow) { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.65; }
.catalog-role-badge {
  flex: 0 0 auto;
  padding: 9px 13px;
  border: 1px solid #2c4053;
  border-radius: 999px;
  color: #9cb0c5;
  background: #101b2b;
  font-size: 12px;
  font-weight: 800;
}
.catalog-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.catalog-summary article {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  border: 1px solid #24334a;
  border-radius: 18px;
  background: linear-gradient(145deg, #111b2b, #0c1422);
  box-shadow: 0 18px 45px #0002;
}
.catalog-summary span { color: var(--muted); font-size: 13px; font-weight: 750; }
.catalog-summary strong { font-size: 32px; letter-spacing: -.04em; }
.catalog-summary article.warning strong { color: #ffc96f; }
.catalog-summary article.success strong { color: var(--green); }
.catalog-filter-panel { margin-bottom: 18px; padding: 18px; }
.catalog-filter-form { display: grid; grid-template-columns: minmax(220px, 1.5fr) repeat(2, minmax(170px, .7fr)) auto auto; align-items: end; gap: 12px; }
.catalog-filter-form label { display: grid; gap: 7px; color: #93a2b7; font-size: 12px; font-weight: 800; }
.catalog-filter-form input,
.catalog-filter-form select,
.dossier-fields input,
.dossier-fields select,
.dossier-marketplaces input,
.dossier-description textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #2a3850;
  border-radius: 11px;
  outline: 0;
  color: var(--text);
  background: #0b1422;
}
.catalog-filter-form input:focus,
.catalog-filter-form select:focus,
.dossier-form input:focus,
.dossier-form select:focus,
.dossier-form textarea:focus { border-color: #4ee0a180; box-shadow: 0 0 0 3px #4ee0a112; }
.catalog-reset { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 12px; color: #8c9bb0; font-size: 13px; font-weight: 800; }
.catalog-table-panel { padding: 0; overflow: hidden; }
.catalog-table-heading {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  border-bottom: 1px solid #243149;
}
.catalog-table-heading > div { display: flex; align-items: center; gap: 13px; }
.catalog-table-heading > div > span,
.dossier-section-heading > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #345041;
  border-radius: 11px;
  color: var(--green);
  background: #10251d;
  font-size: 12px;
  font-weight: 900;
}
.catalog-table-heading h2,
.dossier-section-heading h2 { margin: 0; font-size: 18px; }
.catalog-table-heading p,
.dossier-section-heading p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.catalog-table-heading small { color: #78889f; font-weight: 750; }
.catalog-table-wrap { overflow: auto; }
.catalog-table { width: 100%; min-width: 1050px; border-collapse: collapse; }
.catalog-table th { padding: 13px 14px; color: #728199; background: #0b1320; font-size: 11px; font-weight: 850; text-align: left; white-space: nowrap; }
.catalog-table td { padding: 14px; border-top: 1px solid #202c40; color: #c7d0df; font-size: 13px; vertical-align: middle; }
.catalog-table tbody tr:hover { background: #121e2f; }
.catalog-table .catalog-group-row,
.catalog-table .catalog-group-row:hover { background: #0c1726; }
.catalog-table .catalog-group-row td { padding: 13px 16px 8px; border-bottom-color: #26354b; color: #6f839d; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.catalog-table td small { display: block; margin-top: 4px; color: #74839a; }
.catalog-article { color: #f1f5ff; font-weight: 900; }
.catalog-article:hover { color: var(--green); }
.catalog-variant-family-row { background: linear-gradient(90deg, #10251d73, transparent 38%); }
.catalog-variant-dots { display: flex; align-items: center; gap: 4px; margin-top: 7px; }
.catalog-variant-dots span { width: 8px; height: 8px; border: 1px solid #5e7088; border-radius: 50%; background: #26364a; }
.catalog-variant-dots .color-black,
.dossier-variant-thumb.color-black { background: #15181d; }
.catalog-variant-dots .color-red,
.dossier-variant-thumb.color-red { background: #d5323f; }
.catalog-variant-dots .color-orange,
.dossier-variant-thumb.color-orange { background: #f18732; }
.catalog-variant-dots .color-black-red,
.dossier-variant-thumb.color-black-red { background: linear-gradient(135deg, #171a20 0 50%, #d5323f 50%); }
.catalog-variant-dots .color-grey,
.dossier-variant-thumb.color-grey { background: #9ca4ad; }
.catalog-variant-dots .color-pink,
.dossier-variant-thumb.color-pink { background: #eaa1b7; }
.catalog-variant-dots .color-blue,
.dossier-variant-thumb.color-blue { background: #3f7edb; }
.catalog-variant-dots .color-green,
.dossier-variant-thumb.color-green { background: #3d9a64; }
.catalog-variant-dots .color-white,
.dossier-variant-thumb.color-white { background: #f5f7fa; }
.catalog-variant-dots .color-yellow,
.dossier-variant-thumb.color-yellow { background: #f3c83f; }
.catalog-variant-dots .color-brown,
.dossier-variant-thumb.color-brown { background: #76533c; }
.catalog-variant-dots .color-bronze,
.dossier-variant-thumb.color-bronze { background: #a76f3e; }
.catalog-variant-dots .color-purple,
.dossier-variant-thumb.color-purple { background: #8057b8; }
.catalog-variant-dots .color-bg,
.dossier-variant-thumb.color-bg { background: #d5bea3; }
.catalog-variant-dots .color-gr,
.dossier-variant-thumb.color-gr { background: #59606a; }
.catalog-variant-dots .color-lg,
.dossier-variant-thumb.color-lg { background: #c8ccd0; }
.catalog-variant-dots .color-lv,
.dossier-variant-thumb.color-lv { background: #b7a1cf; }
.catalog-variant-dots .color-ml,
.dossier-variant-thumb.color-ml { background: #eee7d9; }
.catalog-variant-dots .color-mt,
.dossier-variant-thumb.color-mt { background: #8dc9b4; }
.catalog-variant-dots .color-ol,
.dossier-variant-thumb.color-ol { background: #879061; }
.catalog-sources { display: flex; flex-wrap: wrap; gap: 5px; }
.catalog-factories { display: flex; flex-wrap: wrap; gap: 5px; }
.catalog-factories span { display: inline-flex; max-width: 100%; padding: 5px 8px; border-radius: 7px; overflow-wrap: anywhere; color: #8fe6bd; background: #123526; font-size: 10px; font-weight: 850; }
.catalog-factories span.missing { color: #e4b96f; background: #3a2b13; }
.catalog-sources span,
.dossier-source-list span {
  padding: 5px 7px;
  border: 1px solid #2b3b52;
  border-radius: 7px;
  color: #a8b5c7;
  background: #101a29;
  font-size: 10px;
  font-weight: 850;
}
.catalog-sources .wildberries,
.dossier-source-list .wildberries { border-color: #d6329e55; color: #ff8ed2; background: #301127; }
.catalog-sources .ozon,
.dossier-source-list .ozon { border-color: #447bff66; color: #91adff; background: #102451; }
.catalog-sources .yandex,
.dossier-source-list .yandex { border-color: #ffcf3b66; color: #ffe286; background: #302710; }
.catalog-sources .moysklad,
.dossier-source-list .moysklad { border-color: #4ee0a155; color: #7ff2c0; background: #10271e; }
.catalog-status,
.catalog-verification {
  display: inline-flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}
.catalog-status.draft { color: #ffd17e; background: #3a2b13; }
.catalog-status.active { color: #7ef0bd; background: #123526; }
.catalog-status.archive { color: #9ca9ba; background: #202b3a; }
.catalog-verification.confirmed { color: #7ef0bd; background: #123526; }
.catalog-verification.unconfirmed { color: #ffb3c0; background: #3b1822; }
.catalog-open { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #2c3a50; border-radius: 9px; color: #92a2b8; font-size: 22px; }
.catalog-open:hover { border-color: #4ee0a166; color: var(--green); background: #10271e; }
.catalog-empty { padding: 60px 24px; text-align: center; }
.catalog-empty strong { font-size: 18px; }
.catalog-empty p { color: var(--muted); }

.catalog-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #76869c; font-size: 12px; font-weight: 800; }
.catalog-breadcrumb a:hover { color: var(--green); }
.catalog-breadcrumb strong { color: #dce4ef; }
.dossier-hero {
  display: grid;
  grid-template-columns: minmax(200px, 280px) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: center;
  margin-bottom: 22px;
  padding: clamp(22px, 3vw, 38px);
  border: 1px solid #25334a;
  border-radius: 24px;
  background: radial-gradient(circle at 15% 20%, #163128, #101a2a 48%, #0b1320);
  box-shadow: 0 24px 70px #0003;
}
.dossier-photo-placeholder {
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  gap: 10px;
  border: 1px dashed #3c5365;
  border-radius: 22px;
  color: #86a096;
  background: linear-gradient(145deg, #14261f, #0b1420);
  text-align: center;
}
.dossier-photo-placeholder.has-photo { padding: 0; overflow: hidden; background: #fff; }
.dossier-photo-placeholder.has-photo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.dossier-photo-placeholder > span { color: var(--green); font-size: clamp(42px, 7vw, 76px); font-weight: 950; line-height: 1; text-transform: uppercase; }
.dossier-photo-placeholder small { max-width: 150px; font-size: 11px; line-height: 1.4; }
.dossier-kicker { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.dossier-identity h1 { margin: 5px 0 22px; font-size: clamp(28px, 4.2vw, 54px); line-height: 1.03; letter-spacing: -.045em; }
.dossier-quick-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 9px; margin-bottom: 18px; }
.dossier-quick-facts > span { min-width: 0; padding: 12px; border: 1px solid #26364c; border-radius: 12px; background: #0b1523aa; }
.dossier-quick-facts small { display: block; margin-bottom: 5px; color: #718199; font-size: 10px; font-weight: 800; }
.dossier-quick-facts strong { display: block; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.dossier-drive-link { display: inline-flex; align-items: center; gap: 8px; color: var(--green); font-size: 13px; font-weight: 850; }
.dossier-variants { margin-bottom: 18px; padding: 0; overflow: hidden; }
.dossier-variants-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px 20px; border-bottom: 1px solid #253149; }
.dossier-variants-heading h2 { margin: 4px 0 5px; font-size: 18px; }
.dossier-variants-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.dossier-variants-heading > span { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; color: #86e9ba; background: #123526; font-size: 10px; font-weight: 850; }
.dossier-variant-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; padding: 16px 20px 20px; }
.dossier-variant-card { min-width: 0; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px; border: 1px solid #29394f; border-radius: 14px; color: #c8d2e1; background: #0c1523; }
.dossier-variant-card:hover { border-color: #4ee0a166; background: #102019; }
.dossier-variant-card.active { border-color: var(--green); background: #123126; box-shadow: 0 0 0 3px #4ee0a10f; }
.dossier-variant-thumb { width: 48px; height: 48px; display: grid; place-items: center; overflow: hidden; border: 1px solid #35475e; border-radius: 11px; color: var(--green); background: #142033; font-size: 13px; }
.dossier-variant-thumb.has-photo { background: #fff; }
.dossier-variant-thumb img { width: 100%; height: 100%; object-fit: contain; }
.dossier-variant-card > span:nth-child(2) { min-width: 0; }
.dossier-variant-card > span:nth-child(2) strong,
.dossier-variant-card > span:nth-child(2) small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dossier-variant-card > span:nth-child(2) strong { font-size: 12px; }
.dossier-variant-card > span:nth-child(2) small { margin-top: 4px; color: #7f8fa5; font-size: 10px; }
.dossier-variant-card > b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #062016; background: var(--green); font-size: 11px; }
.dossier-unmatched-aliases { display: flex; flex-wrap: wrap; gap: 7px 12px; margin: 0 20px 20px; padding: 12px 14px; border: 1px solid #8b672f66; border-radius: 12px; color: #d5aa68; background: #3a2a131f; font-size: 11px; line-height: 1.45; }
.dossier-unmatched-aliases strong { color: #efbd72; }
.dossier-form { display: grid; gap: 18px; padding-bottom: 88px; }
.dossier-section { padding: 0; overflow: hidden; }
.dossier-section-heading { display: flex; align-items: center; gap: 13px; padding: 18px 20px; border-bottom: 1px solid #253149; }
.dossier-section-heading > div { min-width: 0; }
.dossier-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 20px; }
.dossier-fields label,
.dossier-marketplaces label,
.dossier-description { display: grid; gap: 7px; color: #90a0b5; font-size: 11px; font-weight: 800; }
.dossier-fields label.wide { grid-column: span 2; }
.dossier-fields input[readonly],
.dossier-marketplaces input[readonly],
.dossier-description textarea[readonly] { color: #b8c4d3; background: #0d1521; cursor: default; }
.dossier-confirm { grid-template-columns: auto 1fr; align-items: center; align-content: center; }
.dossier-confirm input { width: 20px; min-height: 20px; margin: 0; accent-color: var(--green); }
.dossier-marketplaces { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 20px; }
.dossier-marketplaces article { padding: 16px; border: 1px solid #28364b; border-radius: 16px; background: #0c1523; }
.dossier-marketplaces header { display: flex; align-items: center; gap: 9px; margin-bottom: 16px; }
.dossier-marketplaces header strong { flex: 1; font-size: 14px; }
.dossier-marketplaces header a { color: var(--green); font-weight: 900; }
.dossier-marketplace-aliases { display: grid; gap: 6px; margin: -4px 0 14px; padding: 10px; border: 1px solid #2b3a50; border-radius: 10px; background: #101b2a; }
.dossier-marketplace-aliases > small { color: #76879d; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; }
.dossier-marketplace-aliases > span { min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.dossier-marketplace-aliases strong { overflow: hidden; color: #dbe4ef; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.dossier-marketplace-aliases b { flex: 0 0 auto; color: #6f8299; font-size: 9px; font-weight: 750; }
.dossier-marketplaces label + label { margin-top: 11px; }
.dossier-description { padding: 20px; }
.dossier-description textarea { min-height: 150px; resize: vertical; line-height: 1.55; }
.dossier-coming-soon { margin: 0 20px 20px; padding: 14px; border: 1px dashed #34445b; border-radius: 12px; color: #7d8da4; background: #0b1421; font-size: 12px; line-height: 1.55; }
.dossier-source-section > p { margin: 0; padding: 0 20px 20px; color: #7d8ca2; font-size: 12px; }
.dossier-source-list { display: flex; flex-wrap: wrap; gap: 7px; padding: 20px; }
.dossier-save-bar {
  position: sticky;
  bottom: 16px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 16px;
  border: 1px solid #375348;
  border-radius: 15px;
  color: #9cafbf;
  background: #0c1714ed;
  box-shadow: 0 18px 55px #0008;
  backdrop-filter: blur(18px);
  font-size: 12px;
}
.dossier-save-bar .primary { min-width: 170px; }

html[data-theme="light"] .catalog-role-badge { border-color: #d0dbe5; color: #607087; background: #f4f7fa; }
html[data-theme="light"] .catalog-heading p:not(.eyebrow),
html[data-theme="light"] .catalog-filter-form label,
html[data-theme="light"] .catalog-table-heading p,
html[data-theme="light"] .dossier-section-heading p { color: #66758a; }
html[data-theme="light"] .catalog-summary article { border-color: #d7e1ea; background: linear-gradient(145deg, #ffffff, #f1f5f8); box-shadow: 0 16px 40px #35465d12; }
html[data-theme="light"] .catalog-summary strong,
html[data-theme="light"] .catalog-table-heading h2,
html[data-theme="light"] .dossier-section-heading h2 { color: #172033; }
html[data-theme="light"] .catalog-summary span { color: #607087; }
html[data-theme="light"] .catalog-filter-form input,
html[data-theme="light"] .catalog-filter-form select,
html[data-theme="light"] .dossier-fields input,
html[data-theme="light"] .dossier-fields select,
html[data-theme="light"] .dossier-marketplaces input,
html[data-theme="light"] .dossier-description textarea { border-color: #cfd9e4; color: #263247; background: #f7f9fb; }
html[data-theme="light"] .catalog-table-heading,
html[data-theme="light"] .dossier-section-heading { border-color: #dbe3eb; }
html[data-theme="light"] .catalog-table th { color: #66758a; background: #eef3f7; }
html[data-theme="light"] .catalog-table td { border-color: #e1e7ed; color: #35445a; }
html[data-theme="light"] .catalog-table tbody tr:hover { background: #f2f7f5; }
html[data-theme="light"] .catalog-table .catalog-group-row,
html[data-theme="light"] .catalog-table .catalog-group-row:hover { background: #f3f7fa; }
html[data-theme="light"] .catalog-table .catalog-group-row td { border-bottom-color: #d9e2ea; color: #718195; }
html[data-theme="light"] .catalog-factories span { color: #137348; background: #e4f5ec; }
html[data-theme="light"] .catalog-factories span.missing { color: #98651f; background: #fff1d9; }
html[data-theme="light"] .catalog-variant-family-row { background: linear-gradient(90deg, #e6f6ed, transparent 38%); }
html[data-theme="light"] .catalog-article,
html[data-theme="light"] .catalog-breadcrumb strong { color: #172033; }
html[data-theme="light"] .catalog-sources span,
html[data-theme="light"] .dossier-source-list span { border-color: #d0dae4; color: #526278; background: #f4f7fa; }
html[data-theme="light"] .dossier-hero { border-color: #d1dce6; background: radial-gradient(circle at 15% 20%, #e1f6eb, #ffffff 50%, #f2f6f9); box-shadow: 0 20px 60px #35465d1c; }
html[data-theme="light"] .dossier-photo-placeholder { border-color: #a9c4b7; color: #648175; background: linear-gradient(145deg, #e8f6ef, #f6f9fb); }
html[data-theme="light"] .dossier-quick-facts > span { border-color: #d4dee8; background: #ffffffc7; }
html[data-theme="light"] .dossier-variants-heading { border-color: #dbe3eb; }
html[data-theme="light"] .dossier-variants-heading h2 { color: #172033; }
html[data-theme="light"] .dossier-variant-card { border-color: #d7e0e9; color: #263247; background: #f7f9fb; }
html[data-theme="light"] .dossier-variant-card:hover { border-color: #67c99d; background: #eef9f3; }
html[data-theme="light"] .dossier-variant-card.active { border-color: #24b879; background: #e8f7ef; }
html[data-theme="light"] .dossier-variant-thumb { border-color: #d2dde7; background: #eef3f7; }
html[data-theme="light"] .dossier-marketplaces article { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .dossier-marketplace-aliases { border-color: #d6e0e8; background: #fff; }
html[data-theme="light"] .dossier-marketplace-aliases strong { color: #263247; }
html[data-theme="light"] .dossier-unmatched-aliases { border-color: #d7b87c; color: #805d25; background: #fff8e9; }
html[data-theme="light"] .dossier-unmatched-aliases strong { color: #76501a; }
html[data-theme="light"] .dossier-fields input[readonly],
html[data-theme="light"] .dossier-marketplaces input[readonly],
html[data-theme="light"] .dossier-description textarea[readonly] { color: #526278; background: #f2f5f8; }
html[data-theme="light"] .dossier-coming-soon { border-color: #b9c8d5; color: #66758a; background: #f7f9fb; }
html[data-theme="light"] .dossier-save-bar { border-color: #9acdb8; color: #526278; background: #f0faf5ed; box-shadow: 0 16px 44px #35465d24; }

@media (max-width: 1050px) {
  .catalog-filter-form { grid-template-columns: 1fr 1fr; }
  .catalog-search-field { grid-column: 1 / -1; }
  .dossier-quick-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dossier-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dossier-marketplaces { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .catalog-heading { display: grid; gap: 14px; }
  .catalog-role-badge { justify-self: start; }
  .catalog-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-filter-form { grid-template-columns: 1fr; }
  .catalog-search-field { grid-column: auto; }
  .catalog-table-heading { align-items: flex-start; }
  .catalog-table { min-width: 0; }
  .catalog-table thead { display: none; }
  .catalog-table,
  .catalog-table tbody,
  .catalog-table tr,
  .catalog-table td { display: block; width: 100%; }
  .catalog-table tr { position: relative; padding: 14px 50px 14px 14px; border-top: 1px solid #202c40; }
  .catalog-table td { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 10px; padding: 7px 0; border: 0; }
  .catalog-table td::before { content: attr(data-label); color: #718198; font-size: 10px; font-weight: 850; }
  .catalog-table td:last-child { width: 32px; position: absolute; top: 14px; right: 12px; display: block; padding: 0; }
  .catalog-table tr.catalog-group-row { padding: 16px 14px 7px; border-top: 0; }
  .catalog-table tr.catalog-group-row td,
  .catalog-table tr.catalog-group-row td:last-child { width: 100%; position: static; display: block; padding: 0; }
  .catalog-table tr.catalog-group-row td::before { content: none; }
  .dossier-hero { grid-template-columns: 1fr; }
  .dossier-photo-placeholder { width: min(260px, 100%); justify-self: center; }
  .dossier-variants-heading { display: grid; }
  .dossier-variants-heading > span { justify-self: start; }
  .dossier-variant-list { grid-template-columns: 1fr; padding: 14px; }
  .dossier-fields { grid-template-columns: 1fr; }
  .dossier-fields label.wide { grid-column: auto; }
  .dossier-save-bar { align-items: stretch; flex-direction: column; bottom: 8px; }
  .dossier-save-bar .primary { width: 100%; }
}

/* Responsive stock reports */
.stock-value-summary-section { margin-top: 18px; }
.stock-value-summary-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.stock-value-summary-heading > div { display: flex; align-items: center; gap: 11px; }
.stock-value-summary-heading > div > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid #34745b;
  border-radius: 10px;
  color: var(--green);
  background: #10251d;
  font-size: 10px;
  font-weight: 900;
}
.stock-value-summary-heading h2 { margin: 0; font-size: 20px; }
.stock-value-summary-heading p { margin: 4px 0 0; color: #77869c; font-size: 11px; }
.stock-pdf-download { flex: 0 0 auto; }
.stock-value-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; }
.stock-value-summary-card {
  min-width: 0;
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #29374d;
  border-radius: 18px;
  background: linear-gradient(145deg, #121b2b, #0e1624);
  box-shadow: 0 15px 40px #0002;
}
.stock-value-summary-card::after { content: ""; width: 84px; height: 84px; position: absolute; right: -40px; bottom: -44px; border-radius: 50%; background: #4ee0a114; }
.stock-value-summary-card > strong { display: block; margin: 17px 0 4px; overflow: hidden; color: #eef5ff; font-size: clamp(19px, 2.25vw, 30px); letter-spacing: -.04em; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
.stock-value-summary-card > small { color: #78879d; font-size: 10px; font-weight: 800; }
.stock-value-summary-card.all { border-color: #2d7558; background: linear-gradient(145deg, #10271e, #0d1c18); }
.stock-value-summary-card.all > strong { color: #83ebba; }
.stock-value-summary-card.incomplete:not(.all) > strong { color: #e6bd67; }
.stock-value-summary-warning { display: block; margin-top: 9px; color: #d4a94e; font-size: 9px; font-weight: 750; line-height: 1.35; }
.stock-mobile-list { display: none; }

html[data-theme="light"] .stock-value-summary-heading p { color: #66758a; }
html[data-theme="light"] .stock-value-summary-card { border-color: #d6e0ea; background: linear-gradient(145deg, #ffffff, #f2f6fa); box-shadow: 0 15px 40px #41566d0d; }
html[data-theme="light"] .stock-value-summary-card.active-filter { border-color: #159b64; box-shadow: 0 15px 40px #41566d0d, inset 0 0 0 1px #159b6430; }
html[data-theme="light"] .stock-value-summary-card.active-filter .stock-platform-heading { color: #15764f; }
html[data-theme="light"] .stock-value-summary-card > strong { color: #172033; }
html[data-theme="light"] .stock-value-summary-card.all { border-color: #9fd5bd; background: linear-gradient(145deg, #eaf8f1, #ddf4e9); }
html[data-theme="light"] .stock-value-summary-card.all > strong { color: #15764f; }
html[data-theme="light"] .stock-value-summary-card.incomplete:not(.all) > strong,
html[data-theme="light"] .stock-value-summary-warning { color: #9a6a13; }

@media (max-width: 1180px) {
  .stock-value-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-value-summary-card.all { grid-column: 1 / -1; }
  .stock-table-heading { align-items: flex-start; flex-direction: column; }
  .stock-table-tools { width: 100%; flex-wrap: wrap; justify-content: flex-start; }
}

@media (max-width: 900px) {
  .stock-page .stock-table-wrap { display: none; }
  .stock-columns-trigger,
  .stock-columns-backdrop,
  .stock-columns-popover { display: none !important; }
  .stock-mobile-list { display: grid; gap: 12px; padding: 12px; }
  .stock-mobile-product {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #2b394f;
    border-radius: 17px;
    background: #0d1725;
    box-shadow: 0 12px 34px #0002;
  }
  .stock-mobile-product > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    padding: 15px;
    border-bottom: 1px solid #263349;
    background: linear-gradient(135deg, #121e2e, #0d1725);
  }
  .stock-mobile-product > header > div:first-child { min-width: 0; }
  .stock-mobile-product > header > div:first-child > strong { display: block; overflow-wrap: anywhere; color: #f0f5ff; font-size: 15px; line-height: 1.25; }
  .stock-mobile-product > header > div:first-child > span { display: block; margin-top: 4px; color: #70cba6; font-size: 9px; font-weight: 850; }
  .stock-mobile-product > header > div:first-child > small { display: block; margin-top: 7px; color: #77879e; font-size: 10px; line-height: 1.4; }
  .stock-mobile-product > header > div:last-child { min-width: 92px; text-align: right; }
  .stock-mobile-product > header > div:last-child > span { display: block; color: #75859b; font-size: 8px; font-weight: 850; text-transform: uppercase; }
  .stock-mobile-product > header > div:last-child > b { display: block; margin-top: 5px; color: var(--green); font-size: 18px; line-height: 1.1; white-space: nowrap; }
  .stock-mobile-product > header > div:last-child > small { display: block; margin-top: 5px; color: #77879d; font-size: 9px; }
  .stock-mobile-locations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #263349; }
  .stock-mobile-locations > section { min-width: 0; padding: 13px; background: #0c1522; }
  .stock-mobile-locations > section.incomplete { background: #1a1812; }
  .stock-mobile-locations h3 { min-width: 0; display: flex; align-items: center; gap: 8px; margin: 0 0 11px; overflow: hidden; color: #c9d3e1; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
  .stock-mobile-locations h3 .marketplace-mark { width: 27px; height: 27px; flex: 0 0 auto; border-radius: 8px; font-size: 10px; }
  .stock-mobile-locations dl { display: grid; gap: 6px; margin: 0; }
  .stock-mobile-locations dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
  .stock-mobile-locations dl > div.total { margin-top: 3px; padding-top: 7px; border-top: 1px solid #263349; }
  .stock-mobile-locations dt { color: #728197; font-size: 8px; line-height: 1.25; }
  .stock-mobile-locations dd { margin: 0; color: #dbe5f2; font-size: 13px; font-weight: 900; }
  .stock-mobile-locations dd.danger-text { color: #ef93a7; }
  .stock-mobile-locations dl > div.total dd { color: var(--green); }
  .stock-mobile-value { display: grid; gap: 5px; }
  .stock-mobile-value > strong { overflow: hidden; color: #eaf1fb; font-size: 16px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
  .stock-mobile-value > span,
  .stock-mobile-value > small { color: #78889e; font-size: 9px; line-height: 1.35; }
  .stock-mobile-value > em { color: #d6a94e; font-size: 9px; font-style: normal; font-weight: 800; }
  .stock-mobile-value dl { margin-top: 7px; }
  .stock-mobile-value dl dd { display: grid; justify-items: end; font-size: 10px; }
  .stock-mobile-value dl dd > small { color: #6f7f95; font-size: 7px; }
  .stock-mobile-value dl > div.danger dt,
  .stock-mobile-value dl > div.danger dd { color: #ef93a7; }
  .stock-value-summary-section { margin-top: 14px; }
  .stock-value-summary-heading { align-items: stretch; flex-direction: column; padding: 0 2px; }
  .stock-value-summary-heading > div { align-items: flex-start; }
  .stock-pdf-download { width: 100%; }
  .stock-value-summary-grid,
  .stock-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-value-summary-card.all,
  .stock-summary-card.all { grid-column: 1 / -1; }
  .stock-value-summary-card { padding: 14px; }
  .stock-value-summary-card > strong { font-size: clamp(18px, 5.5vw, 25px); }
  .stock-table-tools { align-items: center; }
  .stock-value-panel,
  .stock-table-panel { border-radius: 18px; overflow: hidden; }
  .stock-value-notice { margin: 12px; }

  html[data-theme="light"] .stock-mobile-product { border-color: #d4dee8; background: #ffffff; box-shadow: 0 12px 34px #35465d12; }
  html[data-theme="light"] .stock-mobile-product > header { border-color: #dce4ec; background: linear-gradient(135deg, #f5f9fb, #ffffff); }
  html[data-theme="light"] .stock-mobile-product > header > div:first-child > strong { color: #172033; }
  html[data-theme="light"] .stock-mobile-product > header > div:first-child > span { color: #15764f; }
  html[data-theme="light"] .stock-mobile-locations { background: #dce4ec; }
  html[data-theme="light"] .stock-mobile-locations > section { background: #ffffff; }
  html[data-theme="light"] .stock-mobile-locations > section.incomplete { background: #fff8e8; }
  html[data-theme="light"] .stock-mobile-locations h3 { color: #314158; }
  html[data-theme="light"] .stock-mobile-locations dt { color: #66758a; }
  html[data-theme="light"] .stock-mobile-locations dd,
  html[data-theme="light"] .stock-mobile-value > strong { color: #263247; }
  html[data-theme="light"] .stock-mobile-locations dl > div.total { border-color: #dce4ec; }
  html[data-theme="light"] .stock-mobile-locations dl > div.total dd { color: #15764f; }
  .catalog-table.column-resizable-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }
  .column-resize-handle { display: none; }
}
@media (max-width: 380px) {
  .stock-mobile-locations { grid-template-columns: 1fr; }
  .stock-mobile-product > header { grid-template-columns: 1fr; }
  .stock-mobile-product > header > div:last-child { text-align: left; }
  .stock-cost-modal { padding: 8px; }
  .stock-cost-modal > section { max-height: calc(100dvh - 16px); border-radius: 15px; }
  .stock-cost-modal > section > header,
  .stock-cost-modal-body { padding: 14px; }
}

html[data-theme="light"] .finance-home-heading > p:not(.eyebrow),
html[data-theme="light"] .supplier-finance-heading > div > p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .finance-home-module,
html[data-theme="light"] .supplier-finance-summary article { border-color: #d6e0e9; background: linear-gradient(145deg, #ffffff, #f2f6f9); box-shadow: 0 14px 42px #34465d10; }
html[data-theme="light"] .finance-home-module p,
html[data-theme="light"] .supplier-finance-summary p { color: #66758a; }
html[data-theme="light"] .finance-home-overview { border-color: #d5dfe8; background: #ffffff; box-shadow: 0 14px 42px #34465d0d; }
html[data-theme="light"] .finance-home-overview > header { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .finance-home-overview > header h2 { color: #1b2a3e; }
html[data-theme="light"] .finance-home-position-grid { border-color: #d5dfe8; background: #edf2f6; }
html[data-theme="light"] .finance-capital-banner.positive { background: radial-gradient(circle at 88% 12%, #35c8841f, transparent 34%), linear-gradient(135deg, #f0fbf6, #f7fafb); }
html[data-theme="light"] .finance-capital-banner.negative { background: radial-gradient(circle at 88% 12%, #ef6d8620, transparent 34%), linear-gradient(135deg, #fff1f4, #f7fafb); }
html[data-theme="light"] .finance-capital-value span { color: #587066; background: #e4f5ec; }
html[data-theme="light"] .finance-position-card { border-color: #d5dfe8; background: linear-gradient(145deg, #ffffff, #f5f8fa); box-shadow: 0 12px 32px #34465d10; }
html[data-theme="light"] .finance-position-card p { color: #66758a; }
html[data-theme="light"] .finance-position-card.positive .finance-position-icon { border-color: #acd9c3; background: #e9f7f0; }
html[data-theme="light"] .finance-position-card.negative .finance-position-icon { border-color: #edb7c2; background: #fff0f3; }
html[data-theme="light"] .finance-position-card.neutral .finance-position-icon { border-color: #c8d3de; background: #eef3f7; }
html[data-theme="light"] .supplier-finance-summary article > header { border-color: #dce4ec; }
html[data-theme="light"] .supplier-finance-summary article > header small { color: #1e2c40; }
html[data-theme="light"] .supplier-finance-summary dl { border-color: #dce4ec; background: #dce4ec; }
html[data-theme="light"] .supplier-finance-summary dl > div { background: #f8fafc; }
html[data-theme="light"] .supplier-finance-summary article.balance dl > div.estimated { background: #fff8e6; }
html[data-theme="light"] .supplier-view-switcher > a { border-color: #d3dee8; color: #526278; background: #ffffff; }
html[data-theme="light"] .supplier-view-switcher > a:hover { border-color: #abc0d2; background: #f6f9fb; }
html[data-theme="light"] .supplier-view-switcher > a.active { border-color: #86cbaa; color: #124d38; background: linear-gradient(135deg, #effaf4, #e4f6ed); }
html[data-theme="light"] .supplier-view-icon { border-color: #d1dce6; background: #eef3f7; }
html[data-theme="light"] .supplier-view-icon img { filter: brightness(0) saturate(100%) invert(37%) sepia(15%) saturate(722%) hue-rotate(174deg) brightness(91%) contrast(88%); }
html[data-theme="light"] .supplier-view-switcher > a.active .supplier-view-icon { border-color: #91cfb1; background: #dff4e9; }
html[data-theme="light"] .supplier-view-switcher b { color: #5f6f84; background: #edf2f6; }
html[data-theme="light"] .supplier-view-switcher > a.active b { color: #15764f; background: #d7f1e4; }
html[data-theme="light"] .finance-module-index,
html[data-theme="light"] .supplier-identity > span,
html[data-theme="light"] .supplier-registry-empty > span { border-color: #a9d8c3; color: #15764f; background: #eaf8f1; }
html[data-theme="light"] .supplier-finance-source { border-color: #9ed5bb; color: #15764f; background: #eaf8f1; }
html[data-theme="light"] .supplier-finance-source span { color: #477763; }
html[data-theme="light"] .supplier-finance-source.stale { border-color: #dfc478; color: #8e6814; background: #fff7df; }
html[data-theme="light"] .finance-assets-heading > div:first-child > p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .finance-assets-summary article { border-color: #d6e0e9; background: linear-gradient(145deg, #ffffff, #f2f6f9); box-shadow: 0 14px 42px #34465d10; }
html[data-theme="light"] .finance-assets-summary strong,
html[data-theme="light"] .finance-assets-category-grid article > div strong,
html[data-theme="light"] .finance-assets-row strong,
html[data-theme="light"] .finance-assets-empty strong { color: #1b2a3e; }
html[data-theme="light"] .finance-assets-summary article.depreciation strong,
html[data-theme="light"] .finance-assets-row .depreciation strong { color: #c63f58; }
html[data-theme="light"] .finance-assets-summary article.current strong,
html[data-theme="light"] .finance-assets-row .money.current strong { color: #15845a; }
html[data-theme="light"] .finance-assets-categories,
html[data-theme="light"] .finance-assets-registry { border-color: #d5dfe8; background: #ffffff; box-shadow: 0 14px 42px #34465d0d; }
html[data-theme="light"] .finance-assets-categories > header,
html[data-theme="light"] .finance-assets-registry > header { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .finance-assets-categories > header p:not(.eyebrow),
html[data-theme="light"] .finance-assets-registry > header p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .finance-assets-categories > header > span,
html[data-theme="light"] .finance-assets-registry > header > span,
html[data-theme="light"] .finance-assets-category-grid article > header b { color: #607086; background: #e9eef4; }
html[data-theme="light"] .finance-assets-category-grid article { border-color: #d8e1e9; background: #f8fafc; }
html[data-theme="light"] .finance-assets-category-grid progress,
html[data-theme="light"] .finance-assets-category-grid progress::-webkit-progress-bar { background: #dde6ed; }
html[data-theme="light"] .finance-assets-controls { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .finance-assets-controls input,
html[data-theme="light"] .finance-assets-controls select { border-color: #ccd8e2; color: #1e2c40; background: #ffffff; }
html[data-theme="light"] .finance-assets-control-actions a { border-color: #cfd9e2; color: #53647a; background: #edf2f6; }
html[data-theme="light"] .finance-assets-table-head { color: #607086; background: #eaf0f5; }
html[data-theme="light"] .finance-assets-table-head span,
html[data-theme="light"] .finance-assets-row > div { border-color: #dce4eb; }
html[data-theme="light"] .finance-assets-row,
html[data-theme="light"] .finance-assets-row:nth-child(odd) { border-color: #d9e2ea; background: #ffffff; }
html[data-theme="light"] .finance-assets-row:nth-child(odd) { background: #f8fafc; }
html[data-theme="light"] .asset-category-badge { color: #1e6eb4; background: #e5f1fc; }
html[data-theme="light"] .finance-assets-row summary { color: #14784f; background: #e3f5ec; }
html[data-theme="light"] .finance-assets-row details p { color: #66758a; }
html[data-theme="light"] .finance-assets-rule { border-color: #a9d9c5; color: #547365; background: #edf9f3; }
html[data-theme="light"] .finance-assets-rule strong { color: #16784f; }
html[data-theme="light"] .finance-source-alert { border-color: #dfc478; color: #8e6814; background: #fff7df; }
html[data-theme="light"] .finance-source-alert span { color: #856f37; }
html[data-theme="light"] .finance-source-alert.error { border-color: #e4a2af; color: #b42c48; background: #fff0f3; }
html[data-theme="light"] .finance-source-alert.error span { color: #9c5363; }
html[data-theme="light"] .supplier-source-error { border-color: #e4a2af; color: #b42c48; background: #fff0f3; }
html[data-theme="light"] .supplier-source-error span { color: #9c5363; }
html[data-theme="light"] .supplier-finance-registry { border-color: #d5dfe8; background: #ffffff; }
html[data-theme="light"] .supplier-finance-registry > header { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .supplier-finance-registry > header p:not(.eyebrow),
html[data-theme="light"] .supplier-registry-empty p { color: #66758a; }
html[data-theme="light"] .supplier-registry-head { border-color: #dce4ec; color: #718096; background: #eef3f7; }
html[data-theme="light"] .supplier-registry-row { border-color: #dce4ec; }
html[data-theme="light"] .supplier-registry-row:hover { background: #f2f7f5; }
html[data-theme="light"] .supplier-identity small,
html[data-theme="light"] .supplier-cell span { color: #718096; }
html[data-theme="light"] .supplier-cell strong { color: #344257; }
html[data-theme="light"] .supplier-data-note { border-color: #d7e0e9; background: #ffffff; }
html[data-theme="light"] .supplier-data-note p { color: #66758a; }
html[data-theme="light"] .supplier-drawer-backdrop { background: #26364873; }
html[data-theme="light"] .supplier-drawer > aside { border-color: #d1dce6; background: #f7f9fb; box-shadow: -28px 0 90px #34465d35; }
html[data-theme="light"] .supplier-drawer-header { border-color: #d7e0e9; background: #ffffff; }
html[data-theme="light"] .supplier-drawer-header > button { border-color: #d5dfe8; color: #65758a; background: #f2f6f9; }
html[data-theme="light"] .supplier-drawer-summary > div,
html[data-theme="light"] .supplier-ledger { border-color: #d7e0e9; background: #ffffff; }
html[data-theme="light"] .supplier-drawer-summary span,
html[data-theme="light"] .supplier-drawer-summary small { color: #718096; }
html[data-theme="light"] .supplier-drawer-summary strong { color: #344257; }
html[data-theme="light"] .supplier-ledger > header { border-color: #d7e0e9; background: #eef3f7; }
html[data-theme="light"] .supplier-ledger-list article { border-color: #dce4ec; }
html[data-theme="light"] .supplier-operation-main p { color: #526278; }
html[data-theme="light"] .supplier-factory-list span { border-color: #d5dfe8; color: #526278; background: #f3f6f9; }
html[data-theme="light"] .supplier-comment { border-color: #e1cd91; background: #fff8e6; }
html[data-theme="light"] .supplier-comment p { color: #806619; }
html[data-theme="light"] .supplier-ledger-list.invoice-ledger { background: #eef3f7; }
html[data-theme="light"] .supplier-ledger-list.invoice-ledger > article { border-color: #d5dfe8; background: #ffffff; }
html[data-theme="light"] .supplier-ledger-list.invoice-ledger > article.technical-supply { border-color: #dfc478; background: #fffaf0; }
html[data-theme="light"] .supplier-invoice-identity,
html[data-theme="light"] .supplier-invoice-money { border-color: #dce4ec; background: #dce4ec; }
html[data-theme="light"] .supplier-invoice-identity > div,
html[data-theme="light"] .supplier-invoice-money > div { background: #f8fafc; }
html[data-theme="light"] .supplier-invoice-identity dd,
html[data-theme="light"] .supplier-invoice-money dd { color: #344257; }
html[data-theme="light"] .supplier-invoice-rate { color: #806619; background: #fff8e6; }
html[data-theme="light"] .supplier-invoice-comment { color: #66758a; background: #f3f6f9; }
html[data-theme="light"] .supplier-drawer-source { border-color: #9ed5bb; color: #15764f; background: #eaf8f1; }
html[data-theme="light"] .supplier-secondary-registry { border-color: #d4dfe8; background: #ffffff; }
html[data-theme="light"] .supplier-secondary-registry > header { border-color: #d4dfe8; background: #f6f9fb; }
html[data-theme="light"] .supplier-secondary-registry > header p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .supplier-registry-counters span,
html[data-theme="light"] .payment-operation-count { color: #5f6f84; background: #e9eff4; }
html[data-theme="light"] .supplier-registry-counters span.paid { color: #15764f; background: #e2f6ec; }
html[data-theme="light"] .supplier-registry-counters span.open { color: #a53b53; background: #fff0f3; }
html[data-theme="light"] .supplier-invoice-controls { border-color: #d4dfe8; background: #ffffff; }
html[data-theme="light"] .supplier-invoice-controls label > span,
html[data-theme="light"] .supplier-invoice-controls output { color: #65758a; }
html[data-theme="light"] .supplier-invoice-control-actions a { border-color: #d2dce6; color: #526278; background: #f2f6f9; }
html[data-theme="light"] .supplier-invoice-catalog,
html[data-theme="light"] .supplier-payment-list { border-color: #d4dfe8; background: #eef3f7; }
html[data-theme="light"] .supplier-invoice-catalog > article,
html[data-theme="light"] .supplier-payment-list > article { border-color: #d4dfe8; background: #ffffff; }
html[data-theme="light"] .supplier-invoice-catalog > article.paid { border-color: #9ed5bb; }
html[data-theme="light"] .supplier-invoice-catalog > article.technical-supply { border-color: #dfc478; background: linear-gradient(145deg, #ffffff, #fff8e6); }
html[data-theme="light"] .supplier-invoice-primary h3 { color: #172033; }
html[data-theme="light"] .supplier-invoice-context { border-color: #dce4ec; background: #f8fafc; }
html[data-theme="light"] .supplier-invoice-context small { color: #718096; }
html[data-theme="light"] .supplier-invoice-context strong { color: #344257; }
html[data-theme="light"] .supplier-invoice-context time { color: #15764f; }
html[data-theme="light"] .supplier-invoice-batch { color: #66758a; }
html[data-theme="light"] .supplier-technical-label { color: #8a6817; }
html[data-theme="light"] .payment-reconciliation article { border-color: #d5dfe8; background: #f8fafc; }
html[data-theme="light"] .payment-reconciliation article.warning,
html[data-theme="light"] .payment-reconciliation-warning { border-color: #dfc478; background: #fff7df; }
html[data-theme="light"] .payment-reconciliation-warning p { color: #806619; }
html[data-theme="light"] .supplier-payment-main > div,
html[data-theme="light"] .supplier-payment-main dl > div { border-color: #dce4ec; background: #f8fafc; }
html[data-theme="light"] .supplier-payment-main dl { border-color: #dce4ec; background: #dce4ec; }
html[data-theme="light"] .supplier-payment-list time { border-color: #dce4ec; color: #15764f; background: #f8fafc; }
html[data-theme="light"] .supplier-payment-list > article.cash { border-color: #dfc478; }
html[data-theme="light"] .payment-controls input[type="date"] { color-scheme: light; }
html[data-theme="light"] .payment-selection-summary { border-color: #d4dfe8; background: #eef3f7; }
html[data-theme="light"] .payment-selection-summary article { border-color: #d5dfe8; background: #ffffff; }
html[data-theme="light"] .payment-selection-summary strong { color: #28364a; }
html[data-theme="light"] .payment-selection-summary article.rate strong { color: #15764f; }

@media (max-width: 1180px) {
  .payment-controls { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  .payment-controls .supplier-invoice-control-actions { grid-column: 1 / 3; }
  .payment-controls output { grid-column: 3; }
  .supplier-finance-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .supplier-invoice-catalog { grid-template-columns: 1fr; }
  .supplier-registry-head { display: none; }
  .supplier-registry-table { display: grid; gap: 9px; padding: 10px; background: #0a121e; }
  .supplier-registry-row { min-height: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; padding: 15px; border: 1px solid #29384d; border-radius: 15px; background: #111b2b; }
  .supplier-identity { grid-column: 1 / -1; padding-bottom: 11px; border-bottom: 1px solid #2a384d; }
  .supplier-cell,
  .supplier-balance { display: grid; }
  .supplier-cell small,
  .supplier-balance small { display: block; }
  .supplier-open-hint { grid-column: 1 / -1; justify-content: center; min-height: 35px; border-radius: 10px; background: #172438; }
  html[data-theme="light"] .supplier-registry-table { background: #eef3f7; }
  html[data-theme="light"] .supplier-registry-row { border-color: #d5dfe8; background: #ffffff; }
  html[data-theme="light"] .supplier-identity { border-color: #dce4ec; }
  html[data-theme="light"] .supplier-open-hint { color: #526278; background: #eef3f7; }
}

@media (max-width: 720px) {
  .finance-home-heading,
  .supplier-finance-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .finance-heading-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .finance-home-modules { grid-template-columns: 1fr; }
  .finance-home-module { min-height: 205px; grid-template-columns: 42px minmax(0, 1fr); padding: 19px; }
  .finance-home-module > strong { grid-column: 2; }
  .finance-module-index { width: 42px; height: 42px; }
  .supplier-finance-source { max-width: none; }
  .supplier-finance-summary { grid-template-columns: 1fr; }
  .supplier-view-switcher { grid-template-columns: 1fr; }
  .supplier-secondary-registry > header { align-items: flex-start; flex-direction: column; padding: 18px; }
  .supplier-registry-counters { justify-content: flex-start; }
  .supplier-invoice-controls { grid-template-columns: 1fr; padding: 12px; }
  .payment-controls { grid-template-columns: 1fr; }
  .payment-controls .supplier-invoice-control-actions,
  .payment-controls output { grid-column: auto; }
  .supplier-invoice-control-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .supplier-invoice-controls output { justify-self: start; }
  .supplier-invoice-catalog { grid-template-columns: 1fr; }
  .supplier-invoice-card-header { grid-template-columns: 1fr; gap: 11px; }
  .supplier-invoice-context { justify-items: start; text-align: left; }
  .payment-reconciliation { grid-template-columns: 1fr; }
  .payment-selection-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .supplier-payment-main { grid-template-columns: 1fr; }
  .supplier-finance-registry > header { align-items: flex-start; flex-direction: column; gap: 12px; padding: 18px; }
  .supplier-registry-empty { align-items: flex-start; flex-direction: column; padding: 28px 20px; }
  .supplier-data-note { flex-direction: column; }
  .supplier-drawer > aside { width: 100%; }
  .supplier-drawer-header { padding: 18px 16px 15px; }
  .supplier-drawer-header h2 { font-size: 22px; }
  .supplier-drawer-body { padding: 15px 14px 24px; }
  .supplier-drawer-summary { grid-template-columns: 1fr; }
  .supplier-invoice-identity,
  .supplier-invoice-money { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .supplier-invoice-money > div.balance { grid-column: 1 / -1; }
}

@media (max-width: 390px) {
  .supplier-finance-summary { grid-template-columns: 1fr; }
  .supplier-finance-summary article { min-height: 230px; padding: 17px; }
  .supplier-registry-row { grid-template-columns: 1fr; }
  .supplier-view-switcher > a { grid-template-columns: 38px minmax(0, 1fr) auto; padding: 10px; }
  .supplier-view-icon { width: 38px; height: 38px; }
  .supplier-payment-main dl { grid-template-columns: 1fr; }
  .payment-selection-summary { grid-template-columns: 1fr; }
  .supplier-payment-list > article > header { align-items: flex-start; flex-direction: column; }
  .supplier-identity,
  .supplier-open-hint { grid-column: auto; }
}

.partner-finance-shell { display: grid; gap: 24px; }
.partner-finance-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.partner-finance-heading h1 { margin: 7px 0 12px; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.045em; }
.partner-finance-heading > div > p:not(.eyebrow) { max-width: 760px; margin: 0; color: #8c9ab0; font-size: 14px; line-height: 1.6; }
.partner-finance-notice { display: flex; align-items: center; gap: 10px; padding: 12px 15px; border: 1px solid #78632b; border-radius: 14px; color: #edc76e; background: #282113; font-size: 10px; }
.partner-finance-notice span { color: #bda766; }
.partner-finance-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.partner-finance-summary article { min-width: 0; min-height: 145px; display: grid; align-content: center; gap: 8px; overflow: hidden; padding: 22px; border: 1px solid #29374c; border-radius: 20px; background: linear-gradient(145deg, #121d2e, #0d1523); }
.partner-finance-summary span { color: #78889e; font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.partner-finance-summary strong { overflow-wrap: anywhere; font-size: clamp(24px, 2.5vw, 38px); line-height: 1; letter-spacing: -.04em; }
.partner-finance-summary small { color: #728198; font-size: 9px; line-height: 1.45; }
.partner-finance-summary .contributed strong { color: #79aef2; }
.partner-finance-summary .returned strong { color: #58d9a0; }
.partner-finance-summary .balance strong { color: #ff8a9e; }
.partner-finance-summary .balance.negative strong { color: #58d9a0; }
.partner-view-switcher { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.partner-view-switcher > a { min-width: 0; min-height: 76px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid #2b3a50; border-radius: 16px; color: #a4b1c2; background: #101a29; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.partner-view-switcher > a:hover { border-color: #426078; background: #132033; transform: translateY(-1px); }
.partner-view-switcher > a.active { border-color: #37aa79; color: #e9fff6; background: linear-gradient(135deg, #123426, #10241d); box-shadow: 0 12px 36px #15a66a18; }
.partner-view-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #34485f; border-radius: 12px; background: #172538; }
.partner-view-icon img { width: 21px; height: 21px; opacity: .78; filter: brightness(0) invert(1); }
.partner-view-switcher > a.active .partner-view-icon { border-color: #2e8d65; background: #16442f; }
.partner-view-switcher > a.active .partner-view-icon img { opacity: 1; filter: brightness(0) saturate(100%) invert(78%) sepia(42%) saturate(710%) hue-rotate(95deg) brightness(96%) contrast(89%); }
.partner-view-switcher > a > span:nth-child(2) { min-width: 0; display: grid; gap: 4px; }
.partner-view-switcher strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.partner-view-switcher small { color: #6f7f95; font-size: 8px; line-height: 1.35; }
.partner-view-switcher b { min-width: 30px; height: 30px; display: grid; place-items: center; padding: 0 8px; border-radius: 9px; color: #8392a8; background: #1a283a; font-size: 9px; }
.partner-view-switcher > a.active b { color: #68e1ae; background: #1a4b36; }
.partner-registry,
.partner-ledger { overflow: hidden; border: 1px solid #2a384d; border-radius: 22px; background: #0d1624; }
.partner-registry > header,
.partner-ledger > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 22px 24px; border-bottom: 1px solid #2a384d; background: #111c2c; }
.partner-registry > header h2,
.partner-ledger > header h2 { margin: 5px 0; font-size: 25px; letter-spacing: -.025em; }
.partner-registry > header p:not(.eyebrow),
.partner-ledger > header p:not(.eyebrow) { max-width: 700px; margin: 0; color: #7e8da3; font-size: 11px; line-height: 1.5; }
.partner-ledger > header > span { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; color: #8493aa; background: #1a2739; font-size: 9px; font-weight: 850; }
.partner-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 14px; }
.partner-card { min-width: 0; display: grid; gap: 16px; padding: 18px; border: 1px solid #2b3a50; border-radius: 17px; background: linear-gradient(145deg, #111c2c, #0c1522); }
.partner-card.empty { border-style: dashed; }
.partner-card > header { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 11px; }
.partner-avatar { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #347b5c; border-radius: 13px; color: #65e0ac; background: #123124; font-size: 16px; font-weight: 950; }
.partner-card h3 { margin: 0; font-size: 17px; }
.partner-card header p { margin: 4px 0 0; overflow: hidden; color: #728198; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.partner-status { padding: 6px 8px; border-radius: 999px; color: #62dca6; background: #133123; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.partner-status.waiting { color: #c8a85f; background: #282112; }
.partner-card dl { display: grid; gap: 1px; margin: 0; overflow: hidden; border: 1px solid #27364b; border-radius: 13px; background: #27364b; }
.partner-card dl > div { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 10px; padding: 11px 12px; background: #0d1725; }
.partner-card dt { color: #718198; font-size: 8px; font-weight: 850; }
.partner-card dd { margin: 0; overflow-wrap: anywhere; font-size: 13px; font-weight: 950; text-align: right; }
.partner-card .partner-balance-row { padding-block: 13px; background: #191720; }
.partner-card .partner-balance-row dd { color: #ff8a9e; }
.partner-card.negative .partner-balance-row dd { color: #58d9a0; }
.partner-card .partner-balance-row small { grid-column: 1 / -1; color: #82758c; font-size: 8px; }
.partner-card > footer { display: flex; justify-content: space-between; gap: 12px; color: #68788e; font-size: 8px; line-height: 1.4; }
.partner-ledger-table { min-width: 0; }
.partner-ledger-head,
.partner-ledger-row { display: grid; grid-template-columns: 92px 110px minmax(230px, 1.35fr) minmax(180px, 1fr) 110px 130px; align-items: center; gap: 12px; }
.partner-ledger-head { min-height: 46px; padding: 0 18px; border-bottom: 1px solid #253248; color: #68788e; background: #0b1421; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.partner-ledger-row { min-height: 86px; padding: 13px 18px; border-bottom: 1px solid #263348; }
.partner-ledger-row:last-child { border-bottom: 0; }
.partner-ledger-row > div { min-width: 0; display: grid; gap: 4px; }
.partner-ledger-row small { display: none; color: #718197; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.partner-ledger-row strong { overflow-wrap: anywhere; font-size: 10px; line-height: 1.4; }
.partner-ledger-row .purpose span { color: #65758b; font-size: 8px; }
.partner-ledger-row .amount { justify-items: end; text-align: right; }
.partner-ledger-row .amount strong { color: #79aef2; font-size: 13px; }
.partner-ledger-empty { min-height: 260px; display: grid; place-items: center; align-content: center; gap: 10px; padding: 35px; text-align: center; }
.partner-ledger-empty img { width: 44px; height: 44px; opacity: .55; filter: brightness(0) invert(1); }
.partner-ledger-empty h3 { margin: 0; font-size: 18px; }
.partner-ledger-empty p { max-width: 540px; margin: 0; color: #74849a; font-size: 10px; line-height: 1.55; }
.partner-finance-rule { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid #3b4b61; border-radius: 15px; color: #91a0b5; background: #101a29; font-size: 9px; line-height: 1.5; }
.partner-finance-rule strong { flex: 0 0 auto; color: #61dca6; }

html[data-theme="light"] .partner-finance-heading > div > p:not(.eyebrow),
html[data-theme="light"] .partner-registry > header p:not(.eyebrow),
html[data-theme="light"] .partner-ledger > header p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .partner-finance-notice { border-color: #dfc478; color: #8e6814; background: #fff7df; }
html[data-theme="light"] .partner-finance-notice span { color: #806619; }
html[data-theme="light"] .partner-finance-summary article,
html[data-theme="light"] .partner-registry,
html[data-theme="light"] .partner-ledger,
html[data-theme="light"] .partner-card { border-color: #d5dfe8; background: #ffffff; }
html[data-theme="light"] .partner-view-switcher > a { border-color: #d3dee8; color: #526278; background: #ffffff; }
html[data-theme="light"] .partner-view-switcher > a.active { border-color: #86cbaa; color: #124d38; background: linear-gradient(135deg, #effaf4, #e4f6ed); }
html[data-theme="light"] .partner-view-icon { border-color: #d1dce6; background: #eef3f7; }
html[data-theme="light"] .partner-view-icon img { filter: brightness(0) saturate(100%) invert(37%) sepia(15%) saturate(722%) hue-rotate(174deg) brightness(91%) contrast(88%); }
html[data-theme="light"] .partner-view-switcher > a.active .partner-view-icon { border-color: #91cfb1; background: #dff4e9; }
html[data-theme="light"] .partner-view-switcher b { color: #5f6f84; background: #edf2f6; }
html[data-theme="light"] .partner-view-switcher > a.active b { color: #15764f; background: #d7f1e4; }
html[data-theme="light"] .partner-registry > header,
html[data-theme="light"] .partner-ledger > header { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .partner-card dl { border-color: #dce4ec; background: #dce4ec; }
html[data-theme="light"] .partner-card dl > div { background: #f8fafc; }
html[data-theme="light"] .partner-card .partner-balance-row { background: #fff5f7; }
html[data-theme="light"] .partner-ledger-head { border-color: #dce4ec; color: #718096; background: #eef3f7; }
html[data-theme="light"] .partner-ledger-row { border-color: #dce4ec; }
html[data-theme="light"] .partner-ledger-empty img { filter: brightness(0) saturate(100%) invert(43%) sepia(11%) saturate(697%) hue-rotate(175deg) brightness(92%) contrast(87%); }
html[data-theme="light"] .partner-finance-rule { border-color: #d7e0e9; color: #66758a; background: #ffffff; }

.finance-old-reports-shell { display: grid; gap: 24px; }
.finance-old-reports-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.finance-old-reports-heading h1 { margin: 7px 0 12px; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.045em; }
.finance-old-reports-heading > div > p:not(.eyebrow) { max-width: 780px; margin: 0; color: #8c9ab0; font-size: 14px; line-height: 1.6; }
.finance-old-index-link { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; padding: 12px 14px; border: 1px solid #2f7759; border-radius: 14px; color: #72deb0; background: #10271e; font-size: 10px; font-weight: 900; }
.finance-old-index-link span { font-size: 15px; line-height: 1; }
.finance-old-reports-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.finance-old-reports-summary article { min-width: 0; min-height: 145px; display: grid; align-content: center; gap: 8px; padding: 21px; border: 1px solid #29374c; border-radius: 20px; background: linear-gradient(145deg, #121d2e, #0d1523); }
.finance-old-reports-summary span { color: #78889e; font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.finance-old-reports-summary strong { color: #63dda9; font-size: clamp(28px, 3vw, 42px); line-height: 1; letter-spacing: -.04em; }
.finance-old-reports-summary small { color: #728198; font-size: 9px; line-height: 1.45; }
.finance-old-reports-summary article.warning strong { color: #f1bd5f; }
.finance-old-findings,
.finance-old-files { overflow: hidden; border: 1px solid #2a384d; border-radius: 22px; background: #0d1624; }
.finance-old-findings > header,
.finance-old-files > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 22px 24px; border-bottom: 1px solid #2a384d; background: #111c2c; }
.finance-old-findings > header h2,
.finance-old-files > header h2 { margin: 5px 0; font-size: 25px; letter-spacing: -.025em; }
.finance-old-findings > header p:not(.eyebrow),
.finance-old-files > header p:not(.eyebrow) { max-width: 720px; margin: 0; color: #7e8da3; font-size: 11px; line-height: 1.5; }
.finance-old-findings > header > span,
.finance-old-files > header > span { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; color: #8493aa; background: #1a2739; font-size: 9px; font-weight: 850; }
.finance-old-findings-list { display: grid; }
.finance-old-finding { min-width: 0; display: grid; grid-template-columns: minmax(180px, 1fr) minmax(125px, auto) minmax(220px, .85fr) minmax(170px, .55fr); align-items: center; gap: 18px; padding: 18px 24px; border-bottom: 1px solid #243247; }
.finance-old-finding-main { min-width: 0; }
.finance-old-finding-main small { color: #718198; font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.finance-old-finding-main h3 { margin: 4px 0; font-size: 17px; letter-spacing: -.02em; }
.finance-old-finding-main p { margin: 0; color: #8392a8; font-size: 10px; line-height: 1.45; }
.finance-old-finding > strong { color: #edf3fb; font-size: 18px; text-align: right; white-space: nowrap; }
.finance-old-finding-source { min-width: 0; display: grid; gap: 3px; }
.finance-old-finding-source span,
.finance-old-finding-source code,
.finance-old-finding-source em { overflow-wrap: anywhere; }
.finance-old-finding-source span { color: #a8b6c9; font-size: 9px; font-weight: 800; }
.finance-old-finding-source code { color: #66d8a6; font-size: 8px; }
.finance-old-finding-source em { color: #8c99aa; font-size: 8px; line-height: 1.4; }
.finance-old-finding-status { justify-self: end; max-width: 220px; padding: 7px 9px; border: 1px solid #6f5b2c; border-radius: 10px; color: #e6bd65; background: #241f14; font-size: 8px; font-weight: 850; line-height: 1.35; text-align: right; }
.finance-old-finding.aggregate_without_date .finance-old-finding-status { border-color: #315d76; color: #78c5ec; background: #112332; }
.finance-old-reports-rule { display: flex; align-items: flex-start; gap: 12px; margin: 18px 24px 22px; padding: 14px 16px; border: 1px solid #3b4b61; border-radius: 15px; color: #91a0b5; background: #101a29; font-size: 9px; line-height: 1.5; }
.finance-old-reports-rule strong { flex: 0 0 auto; color: #61dca6; }
.finance-old-files-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #243247; }
.finance-old-files-list > a { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 16px 18px; color: var(--text); background: #0d1624; transition: background .18s ease; }
.finance-old-files-list > a:hover { background: #122034; }
.finance-old-file-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #2d845d; border-radius: 12px; color: #5de1a5; background: #10281f; font-size: 14px; font-weight: 950; }
.finance-old-file-icon.word { border-color: #386ea7; color: #78b9f7; background: #102438; }
.finance-old-file-name { min-width: 0; display: grid; gap: 4px; }
.finance-old-file-name strong { overflow: hidden; color: #dbe5f1; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.finance-old-file-name small { color: #73849b; font-size: 8px; }
.finance-old-files-list em { padding: 5px 7px; border-radius: 999px; color: #e2b65e; background: #2a2214; font-size: 7px; font-weight: 900; white-space: nowrap; }
.finance-old-files-list b { color: #5edda8; font-size: 15px; }

html[data-theme="light"] .finance-old-reports-heading > div > p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .finance-old-index-link { border-color: #9ed5bb; color: #15764f; background: #eaf8f1; }
html[data-theme="light"] .finance-old-reports-summary article { border-color: #d6e0e9; background: linear-gradient(145deg, #ffffff, #f2f6f9); box-shadow: 0 14px 42px #34465d10; }
html[data-theme="light"] .finance-old-findings,
html[data-theme="light"] .finance-old-files { border-color: #d5dfe8; background: #ffffff; }
html[data-theme="light"] .finance-old-findings > header,
html[data-theme="light"] .finance-old-files > header { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .finance-old-findings > header p:not(.eyebrow),
html[data-theme="light"] .finance-old-files > header p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .finance-old-findings > header > span,
html[data-theme="light"] .finance-old-files > header > span { color: #64748a; background: #e9eef4; }
html[data-theme="light"] .finance-old-finding { border-color: #dbe3eb; }
html[data-theme="light"] .finance-old-finding-main h3,
html[data-theme="light"] .finance-old-finding > strong { color: #17243a; }
html[data-theme="light"] .finance-old-finding-source span { color: #4f6076; }
html[data-theme="light"] .finance-old-finding-status { border-color: #e1c47d; color: #8a6514; background: #fff7df; }
html[data-theme="light"] .finance-old-finding.aggregate_without_date .finance-old-finding-status { border-color: #9ccce6; color: #216d98; background: #eef8fd; }
html[data-theme="light"] .finance-old-reports-rule { border-color: #d7e0e9; color: #66758a; background: #ffffff; }
html[data-theme="light"] .finance-old-files-list { background: #dbe3eb; }
html[data-theme="light"] .finance-old-files-list > a { color: #17243a; background: #ffffff; }
html[data-theme="light"] .finance-old-files-list > a:hover { background: #f4f8fb; }
html[data-theme="light"] .finance-old-file-name strong { color: #17243a; }

@media (max-width: 1024px) {
  .finance-old-finding { grid-template-columns: minmax(170px, 1fr) minmax(125px, auto); }
  .finance-old-finding-source { grid-column: 1; }
  .finance-old-finding-status { grid-column: 2; grid-row: 2; }
}

@media (max-width: 700px) {
  .finance-old-reports-heading,
  .finance-old-findings > header,
  .finance-old-files > header { align-items: flex-start; flex-direction: column; gap: 13px; }
  .finance-old-index-link { width: 100%; justify-content: center; }
  .finance-old-reports-summary,
  .finance-old-files-list { grid-template-columns: 1fr; }
  .finance-old-finding { grid-template-columns: minmax(0, 1fr); gap: 11px; padding: 17px 18px; }
  .finance-old-finding > strong { text-align: left; }
  .finance-old-finding-source,
  .finance-old-finding-status { grid-column: 1; grid-row: auto; justify-self: start; text-align: left; }
  .finance-old-reports-rule { flex-direction: column; margin: 16px 18px 19px; }
  .finance-old-files-list > a { grid-template-columns: 40px minmax(0, 1fr) auto; padding: 14px 15px; }
  .finance-old-files-list em { grid-column: 2; justify-self: start; }
  .finance-old-files-list b { grid-column: 3; grid-row: 1; }
}

@media (max-width: 1180px) {
  .partner-card-grid { grid-template-columns: 1fr; }
  .partner-ledger-head { display: none; }
  .partner-ledger-table { display: grid; gap: 9px; padding: 10px; background: #0a121e; }
  .partner-ledger-row { min-height: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; padding: 15px; border: 1px solid #29384d; border-radius: 15px; background: #111b2b; }
  .partner-ledger-row small { display: block; }
  .partner-ledger-row .purpose { grid-column: span 2; }
  html[data-theme="light"] .partner-ledger-table { background: #eef3f7; }
  html[data-theme="light"] .partner-ledger-row { border-color: #d5dfe8; background: #ffffff; }
}

@media (max-width: 720px) {
  .partner-finance-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .partner-finance-heading .finance-heading-actions { width: 100%; }
  .partner-finance-heading .supplier-finance-source { width: 100%; }
  .partner-finance-summary,
  .partner-view-switcher { grid-template-columns: 1fr; }
  .partner-registry > header,
  .partner-ledger > header { align-items: flex-start; flex-direction: column; padding: 18px; }
  .partner-card-grid { padding: 9px; }
  .partner-ledger-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .partner-ledger-row .purpose { grid-column: 1 / -1; }
  .partner-ledger-row .amount { justify-items: start; text-align: left; }
  .partner-finance-rule { flex-direction: column; }
}

@media (max-width: 390px) {
  .partner-card > header { grid-template-columns: 40px minmax(0, 1fr); }
  .partner-avatar { width: 40px; height: 40px; }
  .partner-status { grid-column: 1 / -1; justify-self: start; }
  .partner-card > footer { align-items: flex-start; flex-direction: column; }
  .partner-ledger-row { grid-template-columns: 1fr; }
  .partner-view-switcher > a { grid-template-columns: 38px minmax(0, 1fr) auto; padding: 10px; }
  .partner-view-icon { width: 38px; height: 38px; }
}

.page.crm-reviews-page { min-width: 0; padding-bottom: 56px; }
.crm-reviews-shell { min-width: 0; display: grid; gap: 20px; }
.crm-reviews-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 26px; }
.crm-reviews-heading > div:first-child { max-width: 810px; }
.crm-reviews-heading h1 { margin: 7px 0 12px; font-size: clamp(42px, 6vw, 72px); line-height: .96; letter-spacing: -.05em; }
.crm-reviews-heading > div > p:not(.eyebrow) { margin: 0; color: #8c9ab0; font-size: 14px; line-height: 1.6; }
.crm-reviews-source { min-width: 220px; display: grid; gap: 5px; padding: 13px 15px; border: 1px solid #2d7257; border-radius: 14px; color: #61dda6; background: #10271f; }
.crm-reviews-source strong { font-size: 10px; }
.crm-reviews-source span { color: #8aa99c; font-size: 8px; line-height: 1.4; }
.crm-reviews-heading-actions { display: flex; align-items: stretch; justify-content: flex-end; gap: 9px; }
.crm-reviews-heading-actions .report-pdf-download { align-self: stretch; white-space: nowrap; }
.crm-reviews-alert { display: grid; gap: 4px; padding: 13px 15px; border: 1px solid #765f2d; border-radius: 14px; color: #e9c46d; background: #282112; font-size: 10px; }
.crm-reviews-alert span { color: #b8a26c; }
.crm-reviews-filters { display: grid; grid-template-columns: minmax(120px, .65fr) minmax(170px, .9fr) minmax(220px, 1.35fr) minmax(135px, .7fr) repeat(2, minmax(135px, .72fr)); gap: 11px; align-items: end; padding: 17px; border: 1px solid #29374d; border-radius: 19px; background: #0e1725; }
.crm-reviews-filters > label,
.crm-reviews-filters > .article-filter,
.crm-reviews-filters > .crm-rating-filter { min-width: 0; display: grid; gap: 6px; color: #8796aa; font-size: 9px; font-weight: 850; }
.crm-reviews-filters select,
.crm-reviews-filters input { width: 100%; min-width: 0; min-height: 42px; }
.crm-reviews-filters .stock-article-picker,
.crm-reviews-filters .stock-article-picker input { height: 42px; min-height: 42px; }
.crm-reviews-filters .stock-article-picker > button { top: 1px; }
.crm-rating-filter { position: relative; }
.crm-rating-filter > button { width: 100%; min-width: 0; min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 13px; border: 1px solid #35445a; border-radius: 11px; color: #d9e3ef; background: #111c2c; text-align: left; }
.crm-rating-filter > button strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.crm-rating-filter > button i { width: 8px; height: 8px; flex: 0 0 auto; border-right: 2px solid #7e8da3; border-bottom: 2px solid #7e8da3; transform: translateY(-2px) rotate(45deg); transition: transform .16s ease; }
.crm-rating-filter.open > button { border-color: var(--green); box-shadow: 0 0 0 3px #4ee0a126; }
.crm-rating-filter.open > button i { transform: translateY(2px) rotate(225deg); }
.crm-rating-options { width: 100%; min-width: 180px; position: absolute; z-index: 60; top: calc(100% + 7px); left: 0; display: grid; gap: 4px; padding: 7px; border: 1px solid #35465e; border-radius: 13px; background: #101a2a; box-shadow: 0 18px 50px #0008; }
.crm-rating-options[hidden] { display: none; }
.crm-rating-options label { min-height: 38px; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 9px; color: #c7d2df; background: transparent; cursor: pointer; font-size: 12px; }
.crm-rating-options label:hover { background: #19263a; }
.crm-rating-options input { width: 18px; height: 18px; min-height: 0; flex: 0 0 auto; accent-color: var(--green); }
.crm-rating-options label:has(input:checked) { color: #7fe8b8; background: #11291f; }
.crm-rating-options > button { min-height: 36px; padding: 8px 10px; border: 1px solid #344359; border-radius: 9px; color: #94a2b5; background: #131e2e; font-size: 10px; font-weight: 800; }
.review-custom-date { grid-row: 2; }
.crm-reviews-filter-actions { grid-column: 5 / -1; grid-row: 2; display: flex; justify-content: flex-end; gap: 8px; }
.crm-reviews-filter-actions button,
.crm-reviews-filter-actions a { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 14px; border-radius: 11px; font-size: 9px; font-weight: 850; }
.crm-reviews-filter-actions a { border: 1px solid #344359; color: #94a2b5; background: #131e2e; }
.crm-reviews-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.crm-reviews-summary article { min-width: 0; min-height: 137px; position: relative; display: grid; align-content: end; gap: 5px; overflow: hidden; padding: 18px; border: 1px solid #29374c; border-radius: 19px; background: linear-gradient(145deg, #121d2e, #0d1523); }
.crm-reviews-summary article::after { content: ""; width: 88px; height: 88px; position: absolute; right: -36px; top: -36px; border: 18px solid #4ee0a1; border-radius: 50%; opacity: .07; }
.crm-reviews-summary article.rating::after { border-color: #ffc649; }
.crm-reviews-summary small { color: #8291a7; font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.crm-reviews-summary strong { color: #edf4ff; font-size: clamp(27px, 3vw, 39px); line-height: 1; letter-spacing: -.04em; }
.crm-reviews-summary article.rating strong { color: #ffd15d; }
.crm-reviews-summary p { margin: 0; color: #718198; font-size: 9px; }
.crm-reviews-analytics { min-width: 0; display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr); gap: 14px; }
.crm-reviews-trend,
.crm-reviews-rating,
.crm-reviews-registry { min-width: 0; overflow: hidden; border: 1px solid #29384d; border-radius: 21px; background: #0d1624; }
.crm-reviews-trend > header,
.crm-reviews-rating > header,
.crm-reviews-registry > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 20px 22px; border-bottom: 1px solid #29384d; background: #111c2c; }
.crm-reviews-trend h2,
.crm-reviews-rating h2,
.crm-reviews-registry h2 { margin: 5px 0 0; font-size: 23px; letter-spacing: -.025em; }
.crm-reviews-trend > header > span,
.crm-reviews-registry > header > span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: #8291a7; background: #1b283a; font-size: 8px; font-weight: 850; }
.crm-review-line-chart { min-width: 0; min-height: 320px; position: relative; padding: 14px 16px 12px; }
.crm-review-line-scroll { min-width: 0; overflow-x: auto; scrollbar-color: #34445c #0b1421; }
.crm-review-line-scroll svg { width: 100%; min-width: 680px; height: 300px; display: block; overflow: visible; }
.crm-review-line-grid { stroke: #2a384d; stroke-width: 1; vector-effect: non-scaling-stroke; }
.crm-review-line-axis { fill: #75859c; font-size: 10px; font-weight: 700; }
.crm-review-line-path { fill: none; stroke: #4ee0a1; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; filter: drop-shadow(0 5px 10px #4ee0a132); }
.crm-review-line-area { fill: url("#crm-review-area-gradient"); opacity: .22; }
.crm-review-line-point { cursor: pointer; fill: #0d1624; stroke: #4ee0a1; stroke-width: 3; vector-effect: non-scaling-stroke; transition: r .15s ease, fill .15s ease; }
.crm-review-line-point:hover,
.crm-review-line-point:focus { r: 7; fill: #4ee0a1; outline: none; }
.crm-review-chart-tooltip { min-width: 150px; position: absolute; z-index: 3; padding: 10px 12px; border: 1px solid #344359; border-radius: 12px; color: #9ba9bb; background: #111c2cf2; box-shadow: 0 12px 35px #0007; pointer-events: none; font-size: 9px; line-height: 1.45; transform: translate(-50%, calc(-100% - 12px)); }
.crm-review-chart-tooltip[hidden] { display: none; }
.crm-review-chart-tooltip strong { display: block; color: #edf4ff; font-size: 16px; }
.crm-reviews-rating > div { display: grid; gap: 15px; padding: 22px; }
.crm-reviews-rating article { display: grid; grid-template-columns: 38px minmax(0, 1fr) 38px; align-items: center; gap: 9px; }
.crm-reviews-rating article > span { color: #c6d0de; font-size: 9px; font-weight: 850; }
.crm-reviews-rating article > div { height: 8px; overflow: hidden; border-radius: 99px; background: #1b283a; }
.crm-reviews-rating article i { width: var(--review-width); height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #ffc044, #ffe37e); }
.crm-reviews-rating article > strong { color: #9aa9bc; font-size: 9px; text-align: right; }
.crm-reviews-rating footer { display: grid; gap: 1px; padding: 0 22px 22px; }
.crm-reviews-rating footer span { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-radius: 9px; color: #8796aa; background: #121e2e; font-size: 8px; }
.crm-reviews-rating footer b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crm-reviews-rating footer strong { color: #dce5ef; font-size: 10px; }
.crm-reviews-registry > header p:not(.eyebrow) { max-width: 700px; margin: 5px 0 0; color: #7e8da3; font-size: 10px; line-height: 1.5; }
.crm-reviews-list {
  --crm-review-columns: minmax(120px, .7fr) minmax(95px, .55fr) minmax(340px, 2.7fr) 110px 110px;
  display: grid;
  overflow-x: auto;
  scrollbar-color: #34445c #0b1421;
}
.crm-reviews-page-size { min-height: 58px; display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 10px 20px; border-bottom: 1px solid #29384d; background: #0f1928; }
.crm-reviews-page-size label { display: flex; align-items: center; gap: 8px; color: #7d8da3; font-size: 9px; font-weight: 800; }
.crm-reviews-page-size select { width: 88px; min-height: 36px; padding-block: 6px; }
.crm-reviews-page-size > span { color: #718198; font-size: 8px; font-weight: 800; }
.crm-reviews-list-head,
.crm-reviews-list > article {
  width: max(100%, var(--crm-review-table-width, 0px));
  min-width: 820px;
  display: grid;
  grid-template-columns: var(--crm-review-columns);
  align-items: center;
  gap: 14px;
}
.crm-reviews-list-head { min-height: 48px; padding: 10px 20px; border-bottom: 1px solid #29384d; color: #8292a8; background: #111c2c; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.crm-reviews-list-head > span { min-width: 0; position: relative; overflow: visible; }
.crm-reviews-list > article { padding: 15px 20px; border-bottom: 1px solid #243247; transition: background .14s ease; }
.crm-reviews-list > article:hover { background: #111c2c; }
.crm-review-market { min-width: 0; display: grid; grid-template-columns: 29px minmax(0, 1fr); align-items: center; gap: 8px; }
.crm-review-market > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: #061611; background: var(--green); font-size: 11px; font-weight: 950; }
.crm-review-market > small { overflow: hidden; color: #b7c4d4; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.crm-review-text {
  min-width: 0;
  padding: 10px 12px;
  border-left: 3px solid #37c98d;
  border-radius: 9px;
  color: #f0f5fb;
  background: #131f30;
  font-size: 13px;
  font-weight: 520;
  line-height: 1.58;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.crm-review-text.empty { border-left-color: #526279; color: #94a3b6; font-style: italic; }
.crm-review-article { min-width: 0; }
.crm-review-article strong { display: block; overflow: hidden; color: #e7eef7; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.crm-review-score { display: flex; align-items: center; gap: 4px; color: #ffc94f; }
.crm-review-score strong { color: #edf4ff; font-size: 15px; }
.crm-review-score span { font-size: 12px; }
.crm-review-score strong.missing { color: #9ba9bb; font-size: 10px; line-height: 1.3; }
.crm-reviews-list time { color: #9aa8ba; font-size: 11px; font-weight: 750; white-space: nowrap; }
.crm-review-source { min-width: 0; display: grid; gap: 3px; text-align: right; }
.crm-review-source small,
.crm-review-source strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crm-review-source small { color: #74859b; font-size: 7px; }
.crm-review-source strong { color: #91a3b9; font-size: 8px; }
.crm-reviews-empty { margin: auto; padding: 36px; color: #7e8da3; font-size: 10px; text-align: center; }
.crm-reviews-pagination { min-height: 64px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; padding: 12px 20px; border-top: 1px solid #29384d; background: #0f1928; }
.crm-reviews-pagination > a { justify-self: start; color: #8fa0b5; font-size: 9px; font-weight: 850; }
.crm-reviews-pagination > a:last-child { justify-self: end; }
.crm-reviews-pagination > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; }
.crm-reviews-pagination > div a { min-width: 34px; height: 34px; display: grid; place-items: center; padding: 0 7px; border: 1px solid #344359; border-radius: 9px; color: #8fa0b5; background: #131e2e; font-size: 9px; font-weight: 850; }
.crm-reviews-pagination > div a.active { border-color: #2fb67e; color: #062116; background: var(--green); }

html[data-theme="light"] .crm-reviews-heading > div > p:not(.eyebrow) { color: #66758a; }
html[data-theme="light"] .crm-reviews-source { border-color: #9ed5bb; color: #15764f; background: #eaf8f1; }
html[data-theme="light"] .crm-reviews-source span { color: #668676; }
html[data-theme="light"] .crm-rating-filter > button { border-color: #cfd9e4; color: #26364a; background: #ffffff; }
html[data-theme="light"] .crm-rating-options { border-color: #cfd9e4; background: #ffffff; box-shadow: 0 18px 50px #35465d24; }
html[data-theme="light"] .crm-rating-options label { color: #526278; }
html[data-theme="light"] .crm-rating-options label:hover { background: #edf3f8; }
html[data-theme="light"] .crm-rating-options label:has(input:checked) { color: #15764f; background: #e8f7f0; }
html[data-theme="light"] .crm-rating-options > button { border-color: #d3dde7; color: #526278; background: #f4f7fa; }
html[data-theme="light"] .crm-reviews-filters,
html[data-theme="light"] .crm-reviews-summary article,
html[data-theme="light"] .crm-reviews-trend,
html[data-theme="light"] .crm-reviews-rating,
html[data-theme="light"] .crm-reviews-registry { border-color: #d5dfe8; background: #ffffff; }
html[data-theme="light"] .crm-reviews-summary article { background: linear-gradient(145deg, #ffffff, #f3f7f9); }
html[data-theme="light"] .crm-reviews-summary strong,
html[data-theme="light"] .crm-review-score strong { color: #18243a; }
html[data-theme="light"] .crm-reviews-trend > header,
html[data-theme="light"] .crm-reviews-rating > header,
html[data-theme="light"] .crm-reviews-registry > header { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .crm-review-line-grid { stroke: #d7e0e8; }
html[data-theme="light"] .crm-review-line-axis { fill: #66758a; }
html[data-theme="light"] .crm-review-line-point { fill: #ffffff; }
html[data-theme="light"] .crm-review-chart-tooltip { border-color: #d5dfe8; color: #66758a; background: #fffffff2; box-shadow: 0 12px 35px #34465d22; }
html[data-theme="light"] .crm-review-chart-tooltip strong,
html[data-theme="light"] .crm-review-article strong { color: #26364a; }
html[data-theme="light"] .crm-reviews-rating article > div { background: #e7edf2; }
html[data-theme="light"] .crm-reviews-rating footer span { background: #f1f5f8; }
html[data-theme="light"] .crm-reviews-rating footer strong,
html[data-theme="light"] .crm-review-product strong { color: #26364a; }
html[data-theme="light"] .crm-reviews-list > article { border-color: #dbe3eb; }
html[data-theme="light"] .crm-reviews-list > article:hover { background: #f7fafc; }
html[data-theme="light"] .crm-reviews-list-head { border-color: #d7e0e9; color: #66758a; background: #f1f5f8; }
html[data-theme="light"] .crm-review-text { border-left-color: #20a972; color: #26364a; background: #f0f7f4; }
html[data-theme="light"] .crm-review-text.empty { border-left-color: #a7b4c2; color: #6f7f92; background: #f5f7f9; }
html[data-theme="light"] .crm-review-market > small,
html[data-theme="light"] .crm-reviews-list time { color: #536479; }
html[data-theme="light"] .crm-reviews-page-size,
html[data-theme="light"] .crm-reviews-pagination { border-color: #d7e0e9; background: #f7f9fb; }
html[data-theme="light"] .crm-reviews-pagination > div a { border-color: #d5dfe8; color: #526278; background: #ffffff; }
html[data-theme="light"] .crm-reviews-pagination > div a.active { border-color: #2fb67e; color: #062116; background: var(--green); }

@media (max-width: 1180px) {
  .crm-reviews-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-custom-date { grid-row: auto; }
  .crm-reviews-filter-actions { grid-column: 1 / -1; grid-row: auto; }
}

@media (max-width: 900px) {
  .finance-home-position-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-reviews-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-reviews-analytics { grid-template-columns: minmax(0, 1fr); }
  .crm-reviews-list { gap: 9px; padding: 10px; background: #0a121e; }
  .crm-reviews-list-head { display: none; }
  .crm-reviews-list > article { width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 14px; border: 1px solid #29384d; border-radius: 14px; background: #111b2b; }
  .crm-review-market { grid-column: 1; }
  .crm-review-article { grid-column: 1; grid-row: 2; }
  .crm-review-text { grid-column: 1 / -1; grid-row: 3; }
  .crm-review-score { grid-column: 2; grid-row: 1; }
  .crm-reviews-list time { grid-column: 1; grid-row: 4; }
  html[data-theme="light"] .crm-reviews-list { background: #eef3f7; }
  html[data-theme="light"] .crm-reviews-list > article { border-color: #d5dfe8; background: #ffffff; }
}

@media (max-width: 720px) {
  .finance-home-overview > header { align-items: flex-start; flex-direction: column; }
  .finance-capital-value { width: 100%; justify-items: start; text-align: left; }
  .finance-capital-value span { white-space: normal; }
  .finance-home-position-grid { grid-template-columns: 1fr; padding: 10px; }
  .crm-reviews-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .crm-reviews-heading-actions { width: 100%; flex-direction: column; }
  .crm-reviews-source,
  .crm-reviews-heading-actions .report-pdf-download { width: 100%; min-width: 0; }
  .crm-reviews-filters { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .crm-reviews-filter-actions { grid-column: 1; }
  .crm-reviews-filter-actions > * { flex: 1; }
  .crm-reviews-trend > header,
  .crm-reviews-rating > header,
  .crm-reviews-registry > header { align-items: flex-start; flex-direction: column; padding: 18px; }
  .crm-review-line-chart { min-height: 288px; padding-inline: 8px; }
  .crm-review-line-scroll svg { height: 270px; }
  .crm-reviews-page-size { align-items: flex-start; flex-direction: column; gap: 8px; padding: 13px 15px; }
  .crm-reviews-pagination { grid-template-columns: 1fr 1fr; padding: 12px 14px; }
  .crm-reviews-pagination > div { grid-column: 1 / -1; grid-row: 1; }
  .crm-reviews-pagination > a { grid-row: 2; }
}

@media (max-width: 390px) {
  .crm-reviews-summary { grid-template-columns: minmax(0, 1fr); }
  .crm-reviews-summary article { min-height: 112px; }
  .crm-reviews-rating > div { padding: 18px 15px; }
  .crm-reviews-rating footer { padding: 0 15px 18px; }
  .crm-review-source { max-width: 145px; }
}

/* Adaptation */
.adaptation-page { display: grid; gap: 20px; }
.adaptation-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.adaptation-heading > div:first-child { max-width: 850px; }
.adaptation-heading h1 { margin: 7px 0 12px; font-size: clamp(38px, 5vw, 62px); letter-spacing: -.04em; line-height: 1; }
.adaptation-heading p:not(.eyebrow) { max-width: 760px; margin: 0; color: #91a0b7; line-height: 1.6; }
.adaptation-template-link { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; padding: 12px 15px; border: 1px solid #34775b; border-radius: 13px; color: #7fe3b3; background: #10251d; font-size: 10px; font-weight: 850; }
.adaptation-template-link:hover { border-color: var(--green); color: #eafbf3; }
.adaptation-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; flex-wrap: wrap; }
.adaptation-template-link.manage { border-color: #3f83be; color: #9fd0ff; background: #102033; }
.adaptation-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 12px; }
.adaptation-role-card, .adaptation-progress-card, .adaptation-assignee { border: 1px solid #2b394f; border-radius: 22px; background: linear-gradient(145deg, #121e2f, #0e1827); box-shadow: 0 16px 44px #0002; }
.adaptation-role-card { min-height: 160px; display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 18px; padding: 24px; }
.adaptation-role-index { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 18px; color: #052017; background: linear-gradient(145deg, #70ecb8, #32c98a); font-size: 15px; font-weight: 950; }
.adaptation-role-card p { margin: 0 0 7px; color: #6f7e93; font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .09em; }
.adaptation-role-card h2 { margin: 0; color: #edf3ff; font-size: clamp(21px, 2.6vw, 34px); letter-spacing: -.035em; }
.adaptation-role-card div > span { display: block; margin-top: 9px; color: #7d8ca2; font-size: 10px; }
.adaptation-progress-card { min-height: 160px; display: grid; align-content: center; gap: 12px; padding: 24px; }
.adaptation-progress-card > div:first-child { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.adaptation-progress-card span { color: #8290a6; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.adaptation-progress-card strong { color: var(--green); font-size: 38px; line-height: .9; letter-spacing: -.05em; }
.adaptation-progress-track { height: 9px; overflow: hidden; border-radius: 999px; background: #263449; }
.adaptation-progress-track i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #2dc783, #6eeab7); transition: width .2s ease; }
.adaptation-progress-card small { color: #68778d; font-size: 9px; }
.adaptation-assignee { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 20px; }
.adaptation-assignee > div:first-child { min-width: 0; display: grid; grid-template-columns: auto auto; align-items: center; gap: 4px 12px; }
.adaptation-assignee p { grid-column: 1 / -1; margin: 0; color: #6f7e93; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.adaptation-assignee strong { overflow: hidden; color: #edf3ff; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.adaptation-assignment-state { padding: 6px 9px; border: 1px solid #68572f; border-radius: 999px; color: #d8bb69; background: #211c11; font-size: 8px; font-weight: 900; white-space: nowrap; }
.adaptation-assignment-state.assigned { border-color: #34775b; color: #7fe3b3; background: #10251d; }
.adaptation-admin-actions { display: flex; align-items: end; gap: 10px; }
.adaptation-admin-actions form { display: grid; gap: 5px; }
.adaptation-admin-actions label { color: #738198; font-size: 8px; font-weight: 850; }
.adaptation-admin-actions form > div { display: flex; gap: 7px; }
.adaptation-admin-actions select { min-width: 220px; min-height: 40px; padding: 9px 34px 9px 11px; border: 1px solid #334159; border-radius: 11px; color: #dbe4f1; background: #0c1523; font-size: 10px; }
.adaptation-admin-actions button, .adaptation-task-action button { min-height: 40px; padding: 9px 13px; border: 1px solid #3a485d; border-radius: 11px; color: #aeb9cb; background: #162235; font-size: 9px; font-weight: 850; white-space: nowrap; }
.adaptation-admin-actions button:hover, .adaptation-task-action button:hover { border-color: #4e6078; color: #edf3ff; }
.adaptation-admin-actions button.primary { border-color: #34c98b; color: #04150e; background: var(--green); }
.adaptation-roadmap { display: grid; gap: 16px; }
.adaptation-roadmap > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.adaptation-roadmap > header h2 { margin: 5px 0 0; font-size: clamp(25px, 3vw, 39px); letter-spacing: -.035em; }
.adaptation-roadmap > header > p { max-width: 520px; margin: 0; color: #7f8ea4; font-size: 10px; line-height: 1.55; text-align: right; }
.adaptation-stage-list { display: grid; gap: 9px; }
.adaptation-stage { overflow: hidden; border: 1px solid #2b394f; border-radius: 19px; background: #0e1726; box-shadow: 0 12px 34px #0001; }
.adaptation-stage.current, .adaptation-stage.in_progress { border-color: #34775b; }
.adaptation-stage.completed { border-color: #2d7557; background: #0e1d18; }
.adaptation-stage summary { min-height: 88px; display: grid; grid-template-columns: 46px minmax(0, 1fr) auto 20px; align-items: center; gap: 14px; padding: 15px 18px; cursor: pointer; list-style: none; }
.adaptation-stage summary::-webkit-details-marker { display: none; }
.adaptation-stage summary:hover { background: #121e2f; }
.adaptation-stage-number { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #34445b; border-radius: 13px; color: #7d8da4; background: #111c2c; font-size: 10px; font-weight: 950; }
.adaptation-stage.current .adaptation-stage-number, .adaptation-stage.in_progress .adaptation-stage-number, .adaptation-stage.completed .adaptation-stage-number { border-color: #34775b; color: var(--green); background: #10251d; }
.adaptation-stage summary div { min-width: 0; }
.adaptation-stage summary small { color: #67768c; font-size: 8px; font-weight: 800; }
.adaptation-stage summary strong { display: block; margin-top: 4px; color: #e7eef8; font-size: 13px; }
.adaptation-stage summary p { margin: 5px 0 0; overflow: hidden; color: #7d8ba0; font-size: 9px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.adaptation-stage-status { padding: 6px 9px; border: 1px solid #37465b; border-radius: 999px; color: #8492a7; background: #162235; font-size: 8px; font-weight: 900; white-space: nowrap; }
.adaptation-stage.current .adaptation-stage-status, .adaptation-stage.in_progress .adaptation-stage-status, .adaptation-stage.completed .adaptation-stage-status { border-color: #34775b; color: #7fe3b3; background: #10251d; }
.adaptation-stage summary > i { color: #65738a; font-size: 16px; font-style: normal; transition: transform .16s ease; }
.adaptation-stage[open] summary > i { transform: rotate(180deg); }
.adaptation-stage-body { border-top: 1px solid #28364a; background: #0b1421; }
.adaptation-task-list { display: grid; gap: 1px; margin: 0; padding: 0; background: #27354a; list-style: none; }
.adaptation-task { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 15px; padding: 18px; background: #0e1827; }
.adaptation-task.completed { background: #0f1d19; }
.adaptation-task.submitted { background: #151d2c; }
.adaptation-task.returned { background: #21171a; }
.adaptation-task.locked { opacity: .62; }
.adaptation-task-marker { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #3a485e; border-radius: 12px; color: #8b99ae; background: #162235; font-size: 11px; font-weight: 950; }
.adaptation-task.available .adaptation-task-marker { border-color: #34775b; color: var(--green); background: #10251d; }
.adaptation-task.completed .adaptation-task-marker { border-color: #31c685; color: #052017; background: var(--green); }
.adaptation-task-content { min-width: 0; }
.adaptation-task-content > small { color: #647389; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.adaptation-task-content h3 { margin: 5px 0; color: #e7eef8; font-size: 13px; }
.adaptation-task-content > p { margin: 0; color: #8492a7; font-size: 9px; line-height: 1.5; }
.adaptation-task-note { margin-top: 10px; padding: 10px 12px; border-left: 3px solid #3c8c69; border-radius: 0 10px 10px 0; color: #9cabbf; background: #121f31; font-size: 9px; line-height: 1.5; }
.adaptation-task-content > a, .adaptation-link-pending { display: inline-flex; margin-top: 9px; color: #71dcae; font-size: 8px; font-weight: 850; }
.adaptation-link-pending { color: #d0ae5f; }
.adaptation-task-action > span { display: block; max-width: 150px; color: #68778d; font-size: 8px; line-height: 1.4; text-align: right; }
.adaptation-task-action button:disabled { cursor: not-allowed; opacity: .55; }
.adaptation-task-action button.primary, .adaptation-review-actions button.approve, .adaptation-manage-form button.primary { border-color: #35c98b; color: #04150e; background: var(--green); }
.adaptation-review-actions { display: flex; align-items: stretch; gap: 7px; }
.adaptation-review-actions form { display: flex; gap: 7px; }
.adaptation-review-actions input { width: 190px; min-height: 40px; padding: 9px 11px; border: 1px solid #3a485d; border-radius: 11px; color: #dce5f2; background: #0c1523; font-size: 9px; }
.adaptation-review-actions button.return { border-color: #9e4a59; color: #ffabb8; background: #2a151a; }
.adaptation-review-state { display: inline-flex; margin-top: 9px; padding: 5px 8px; border: 1px solid #3d4d64; border-radius: 999px; color: #94a4ba; background: #162235; font-size: 8px; font-weight: 900; }
.adaptation-review-state.submitted { border-color: #9b7d3e; color: #e6c876; background: #241e12; }
.adaptation-review-state.returned { border-color: #934655; color: #f2a2b0; background: #28161b; }
.adaptation-review-state.approved { border-color: #34775b; color: #7fe3b3; background: #10251d; }
.adaptation-review-comment { margin-top: 7px; padding: 9px 11px; border-left: 3px solid #c85a6d; border-radius: 0 9px 9px 0; color: #dfafba; background: #25171b; font-size: 9px; }
.adaptation-manage-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.adaptation-manage-form { display: grid; align-content: start; gap: 13px; padding: 22px; border: 1px solid #2b394f; border-radius: 22px; background: linear-gradient(145deg, #121e2f, #0e1827); }
.adaptation-manage-form header { display: flex; align-items: center; gap: 13px; }
.adaptation-manage-form header small { color: #718097; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.adaptation-manage-form h2 { margin: 4px 0 0; color: #edf3ff; font-size: 20px; }
.adaptation-manage-form label { display: grid; gap: 6px; color: #7f8da3; font-size: 8px; font-weight: 850; }
.adaptation-manage-form input, .adaptation-manage-form select, .adaptation-manage-form textarea { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #334159; border-radius: 11px; color: #dbe4f1; background: #0c1523; font: inherit; font-size: 10px; resize: vertical; }
.adaptation-manage-form button { min-height: 42px; padding: 10px 14px; border-radius: 11px; font-size: 9px; font-weight: 900; }
.adaptation-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.adaptation-current-structure { margin-top: 4px; }
.adaptation-manage-task-list { display: grid; gap: 1px; margin: 0; padding: 0; background: #27354a; list-style: none; }
.adaptation-manage-task-list li { display: flex; align-items: center; gap: 12px; padding: 13px 17px; color: #dce5f2; background: #0e1827; font-size: 10px; }
.adaptation-manage-task-list li span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: var(--green); background: #10251d; font-size: 8px; font-weight: 900; }
.adaptation-stage-placeholder { display: flex; align-items: center; gap: 13px; padding: 18px; }
.adaptation-stage-placeholder > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px dashed #42526a; border-radius: 12px; color: #728198; font-size: 18px; }
.adaptation-stage-placeholder strong { color: #b5c1d1; font-size: 11px; }
.adaptation-stage-placeholder p { margin: 5px 0 0; color: #6e7c91; font-size: 9px; }

html[data-theme="light"] .adaptation-heading p:not(.eyebrow), html[data-theme="light"] .adaptation-roadmap > header > p { color: #66758a; }
html[data-theme="light"] .adaptation-template-link { border-color: #a9dec8; color: #147b53; background: #edf9f4; }
html[data-theme="light"] .adaptation-role-card, html[data-theme="light"] .adaptation-progress-card, html[data-theme="light"] .adaptation-assignee, html[data-theme="light"] .adaptation-stage { border-color: #d8e2ed; background: #fff; box-shadow: 0 15px 40px #49607812; }
html[data-theme="light"] .adaptation-role-card h2, html[data-theme="light"] .adaptation-assignee strong, html[data-theme="light"] .adaptation-stage summary strong, html[data-theme="light"] .adaptation-task-content h3 { color: #172338; }

/* Role access matrix */
.role-matrix-form { overflow: hidden; border: 1px solid #2b394f; border-radius: 22px; background: #111c2c; box-shadow: 0 18px 50px #0002; }
.role-matrix-toolbar { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 18px; border-bottom: 1px solid #2b394f; }
.role-matrix-toolbar div { display: grid; gap: 3px; }
.role-matrix-toolbar strong { color: #eef4ff; font-size: 15px; }
.role-matrix-toolbar small { color: #7d8ca2; font-size: 10px; }
.role-matrix-scroll { max-height: calc(100vh - 260px); overflow: auto; overscroll-behavior: contain; }
.role-matrix-table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; color: #dfe7f2; font-size: 10px; }
.role-matrix-table th, .role-matrix-table td { height: 42px; padding: 5px 7px; border-right: 1px solid #26354a; border-bottom: 1px solid #26354a; text-align: center; background: #111c2c; }
.role-matrix-table thead th { position: sticky; z-index: 4; color: #91a0b6; background: #172438; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.role-matrix-group-row th { top: 0; height: 32px; color: #57dda5; }
.role-matrix-section-row th { top: 32px; width: 46px; min-width: 46px; height: 98px; padding: 4px; vertical-align: bottom; }
.role-matrix-section-row th span { display: block; max-width: 98px; transform: rotate(-52deg) translate(3px, 1px); transform-origin: left bottom; white-space: nowrap; text-align: left; }
.role-matrix-table .role-matrix-role-column { position: sticky; left: 0; z-index: 3; width: 210px; min-width: 210px; max-width: 210px; padding: 8px 13px; text-align: left; background: #142135; }
.role-matrix-table thead .role-matrix-role-column { z-index: 7; background: #172438; }
.role-matrix-role-column strong, .role-matrix-role-column small { display: block; }
.role-matrix-role-column strong { overflow: hidden; color: #edf3ff; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.role-matrix-role-column small { margin-top: 3px; color: #6f7e93; font-size: 8px; }
.role-matrix-table tbody tr:hover th, .role-matrix-table tbody tr:hover td { background: #17273b; }
.role-matrix-check { width: 100%; height: 100%; display: grid; place-items: center; cursor: pointer; }
.role-matrix-check input { position: absolute; opacity: 0; pointer-events: none; }
.role-matrix-check span { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid #3a4a61; border-radius: 7px; background: #0e1827; transition: .15s ease; }
.role-matrix-check input:checked + span { border-color: #41d99d; background: #22bd7e; box-shadow: 0 0 0 3px #41d99d18; }
.role-matrix-check input:checked + span::after { content: ""; width: 8px; height: 4px; border-left: 2px solid #062619; border-bottom: 2px solid #062619; transform: translateY(-1px) rotate(-45deg); }
.role-matrix-check input:focus-visible + span { outline: 2px solid #7cb8ff; outline-offset: 2px; }
html[data-theme="light"] .role-matrix-form { border-color: #d7e1eb; background: #fff; box-shadow: 0 18px 50px #526a8614; }
html[data-theme="light"] .role-matrix-toolbar { border-color: #d7e1eb; }
html[data-theme="light"] .role-matrix-toolbar strong { color: #172338; }
html[data-theme="light"] .role-matrix-table { color: #334158; }
html[data-theme="light"] .role-matrix-table th, html[data-theme="light"] .role-matrix-table td { border-color: #dce5ee; background: #fff; }
html[data-theme="light"] .role-matrix-table thead th, html[data-theme="light"] .role-matrix-table thead .role-matrix-role-column { background: #eef4f8; }
html[data-theme="light"] .role-matrix-table .role-matrix-role-column { background: #f7fafc; }
html[data-theme="light"] .role-matrix-role-column strong { color: #1c293d; }
html[data-theme="light"] .role-matrix-table tbody tr:hover th, html[data-theme="light"] .role-matrix-table tbody tr:hover td { background: #eef8f4; }
html[data-theme="light"] .role-matrix-check span { border-color: #cbd7e2; background: #fff; }
@media (max-width: 700px) {
  .role-matrix-heading { align-items: flex-start; }
  .role-matrix-form { border-radius: 16px; }
  .role-matrix-toolbar { position: sticky; left: 0; padding: 11px 12px; }
  .role-matrix-scroll { max-height: calc(100vh - 220px); }
  .role-matrix-table .role-matrix-role-column { width: 150px; min-width: 150px; max-width: 150px; padding-inline: 9px; }
}
html[data-theme="light"] .adaptation-progress-track { background: #e4ebf2; }
html[data-theme="light"] .adaptation-admin-actions select { border-color: #ccd8e5; color: #27364c; background: #fff; }
html[data-theme="light"] .adaptation-admin-actions button, html[data-theme="light"] .adaptation-task-action button { border-color: #ccd7e3; color: #35445b; background: #eef3f8; }
html[data-theme="light"] .adaptation-stage summary:hover { background: #f5f8fb; }
html[data-theme="light"] .adaptation-stage-number, html[data-theme="light"] .adaptation-stage-status { border-color: #d4dee9; color: #637289; background: #f1f5f9; }
html[data-theme="light"] .adaptation-stage-body { border-color: #d9e2ec; background: #edf2f7; }
html[data-theme="light"] .adaptation-task-list { background: #dbe4ed; }
html[data-theme="light"] .adaptation-task { background: #fff; }
html[data-theme="light"] .adaptation-task.completed { background: #f1faf6; }
html[data-theme="light"] .adaptation-task-marker { border-color: #ced9e5; color: #67758a; background: #f1f5f9; }
html[data-theme="light"] .adaptation-task-note { color: #526178; background: #f0f5f9; }
html[data-theme="light"] .adaptation-review-actions input, html[data-theme="light"] .adaptation-manage-form input, html[data-theme="light"] .adaptation-manage-form select, html[data-theme="light"] .adaptation-manage-form textarea { border-color: #ccd8e5; color: #27364c; background: #fff; }
html[data-theme="light"] .adaptation-manage-form { border-color: #d8e2ed; background: #fff; box-shadow: 0 15px 40px #49607812; }
html[data-theme="light"] .adaptation-manage-form h2 { color: #172338; }
html[data-theme="light"] .adaptation-manage-task-list { background: #dbe4ed; }
html[data-theme="light"] .adaptation-manage-task-list li { color: #27364c; background: #fff; }

@media (max-width: 900px) {
  .adaptation-heading, .adaptation-roadmap > header { align-items: flex-start; flex-direction: column; }
  .adaptation-roadmap > header > p { text-align: left; }
  .adaptation-hero { grid-template-columns: 1fr; }
  .adaptation-assignee { align-items: flex-start; flex-direction: column; }
  .adaptation-admin-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .adaptation-admin-actions form > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .adaptation-admin-actions select { min-width: 0; width: 100%; }
  .adaptation-manage-grid { grid-template-columns: 1fr; }
  .adaptation-review-actions { align-items: stretch; flex-direction: column; }
  .adaptation-review-actions form { width: 100%; }
  .adaptation-review-actions input { min-width: 0; width: 100%; }
}

@media (max-width: 600px) {
  .adaptation-heading h1 { font-size: 39px; }
  .adaptation-template-link { width: 100%; justify-content: center; }
  .adaptation-heading-actions { width: 100%; }
  .adaptation-role-card { min-height: 0; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; padding: 17px; }
  .adaptation-role-index { width: 48px; height: 48px; border-radius: 14px; }
  .adaptation-role-card h2 { font-size: 20px; }
  .adaptation-progress-card { min-height: 0; padding: 18px; }
  .adaptation-assignee { padding: 16px; }
  .adaptation-assignee > div:first-child { grid-template-columns: 1fr; }
  .adaptation-assignment-state { width: fit-content; }
  .adaptation-admin-actions form > div { grid-template-columns: 1fr; }
  .adaptation-stage summary { min-height: 82px; grid-template-columns: 40px minmax(0, 1fr) 18px; gap: 10px; padding: 13px; }
  .adaptation-stage-number { width: 38px; height: 38px; }
  .adaptation-stage-status { grid-column: 2; width: fit-content; margin-top: -2px; }
  .adaptation-stage summary > i { grid-column: 3; grid-row: 1 / 3; }
  .adaptation-stage summary p { white-space: normal; }
  .adaptation-task { grid-template-columns: 36px minmax(0, 1fr); align-items: start; gap: 11px; padding: 15px; }
  .adaptation-task-marker { width: 34px; height: 34px; border-radius: 10px; }
  .adaptation-task-action { grid-column: 1 / -1; }
  .adaptation-task-action button { width: 100%; }
  .adaptation-task-action > span { max-width: none; text-align: left; }
  .adaptation-form-row { grid-template-columns: 1fr; }
}

/* Monthly DDS and P&L statements */
.finance-statement-shell { display: grid; gap: 18px; width: 100%; min-width: 0; }
.finance-statement-heading { align-items: flex-end; }
.finance-statement-heading-actions { display: flex; align-items: flex-end; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.finance-statement-heading-actions form label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; font-weight: 700; }
.finance-statement-heading-actions select { min-width: 118px; min-height: 44px; padding: 0 38px 0 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--text); font: inherit; font-weight: 800; }
.finance-statement-notice { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; border: 1px solid rgba(60, 216, 161, 0.35); border-radius: 16px; background: rgba(60, 216, 161, 0.08); color: var(--muted); }
.finance-statement-notice strong { color: var(--green); text-align: right; }
.finance-statement-notice.warning { border-color: rgba(231, 180, 78, 0.48); background: rgba(231, 180, 78, 0.1); }
.finance-statement-notice.warning strong { color: #e7b44e; }
.finance-statement-table-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border: 1px solid var(--line); border-bottom: 0; border-radius: 18px 18px 0 0; background: var(--panel); }
.finance-statement-table-toolbar > div { display: grid; gap: 4px; }
.finance-statement-table-toolbar strong { font-size: 18px; color: var(--text); }
.finance-statement-table-toolbar span { color: var(--muted); font-size: 13px; }
.finance-statement-table-toolbar button { min-height: 42px; padding: 0 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); color: var(--text); font: inherit; font-weight: 800; cursor: pointer; }
.finance-statement-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 0 0 18px 18px; background: var(--panel); overscroll-behavior-inline: contain; }
.finance-statement-table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; font-variant-numeric: tabular-nums; }
.finance-statement-table th, .finance-statement-table td { min-width: 132px; padding: 13px 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; }
.finance-statement-table th:last-child, .finance-statement-table td:last-child { border-right: 0; }
.finance-statement-table tbody tr:last-child td { border-bottom: 0; }
.finance-statement-table thead th { position: sticky; top: 0; z-index: 3; background: var(--surface-soft); color: var(--muted); font-size: 12px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; }
.finance-statement-table .finance-statement-name { position: sticky; left: 0; z-index: 2; min-width: 340px; max-width: 340px; text-align: left; white-space: normal; background: var(--panel); box-shadow: 8px 0 15px -15px rgba(0, 0, 0, 0.75); }
.finance-statement-table thead .finance-statement-name { z-index: 5; background: var(--surface-soft); }
.finance-statement-name-inner { display: flex; align-items: center; gap: 9px; min-width: 0; }
.finance-statement-name-inner > i { flex: 0 0 28px; width: 28px; }
.finance-statement-table .level-1 { padding-left: 34px; }
.finance-statement-table .level-2 { padding-left: 66px; }
.finance-statement-row-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; padding: 0; border: 1px solid rgba(60, 216, 161, 0.35); border-radius: 8px; background: rgba(60, 216, 161, 0.12); color: var(--green); font: inherit; font-weight: 900; cursor: pointer; }
.finance-statement-table tr.section td { background: rgba(60, 216, 161, 0.1); color: var(--green); }
.finance-statement-table tr.section .finance-statement-name { background: color-mix(in srgb, var(--panel) 90%, var(--green) 10%); }
.finance-statement-table tr.group td, .finance-statement-table tr.summary td { background: var(--surface-soft); }
.finance-statement-table tr.group .finance-statement-name, .finance-statement-table tr.summary .finance-statement-name { background: var(--surface-soft); }
.finance-statement-table tr.warning td { background: rgba(231, 180, 78, 0.1); }
.finance-statement-table tr.warning .finance-statement-name { background: color-mix(in srgb, var(--panel) 90%, #e7b44e 10%); }
.finance-statement-table tr.ending td { background: rgba(60, 216, 161, 0.13); color: var(--green); }
.finance-statement-table tr.ending .finance-statement-name { background: color-mix(in srgb, var(--panel) 87%, var(--green) 13%); }
.finance-statement-table td.positive { color: var(--green); font-weight: 800; }
.finance-statement-table td.negative { color: #ff7a91; font-weight: 800; }
.finance-statement-table td.zero, .finance-statement-table td.unavailable { color: var(--muted); }
.finance-statement-table td.annual { background: color-mix(in srgb, var(--surface-soft) 84%, var(--panel) 16%); font-weight: 900; }
.finance-statement-footer { display: flex; justify-content: space-between; gap: 18px; padding: 0 4px; color: var(--muted); font-size: 13px; }
html[data-theme="light"] .finance-statement-notice { border-color: #9bd3bb; background: #eefaf4; }
html[data-theme="light"] .finance-statement-notice.warning { border-color: #e2c77f; background: #fff9e9; }
html[data-theme="light"] .finance-statement-table tr.section .finance-statement-name { background: #e8f7f0; }
html[data-theme="light"] .finance-statement-table tr.warning .finance-statement-name { background: #fff7e5; }
html[data-theme="light"] .finance-statement-table tr.ending .finance-statement-name { background: #dff6eb; }
@media (max-width: 900px) {
  .finance-statement-heading { align-items: stretch; }
  .finance-statement-heading-actions { justify-content: flex-start; }
  .finance-statement-heading-actions .supplier-finance-source { flex: 1 1 240px; }
  .finance-statement-table .finance-statement-name { min-width: 250px; max-width: 250px; }
  .finance-statement-table th, .finance-statement-table td { min-width: 118px; padding: 11px; }
}
@media (max-width: 600px) {
  .finance-statement-heading-actions { display: grid; grid-template-columns: 1fr; }
  .finance-statement-heading-actions form, .finance-statement-heading-actions select, .finance-statement-heading-actions .supplier-finance-source { width: 100%; }
  .finance-statement-notice, .finance-statement-table-toolbar, .finance-statement-footer { align-items: flex-start; flex-direction: column; }
  .finance-statement-notice strong { text-align: left; }
  .finance-statement-table-toolbar button { width: 100%; }
  .finance-statement-table .finance-statement-name { min-width: 210px; max-width: 210px; }
  .finance-statement-table .level-1 { padding-left: 24px; }
  .finance-statement-table .level-2 { padding-left: 40px; }
}