@font-face { font-family:"Inter"; font-style:normal; font-weight:400 900; font-display:swap; src:url("/redesign/fonts/Inter-Cyrillic-Variable.woff2") format("woff2"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:"Inter"; font-style:normal; font-weight:400 900; font-display:swap; src:url("/redesign/fonts/Inter-Latin-Variable.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
.ecocrm-commerce-button,
.ecocrm-commerce { font-family:"Inter",Arial,sans-serif !important; }
.ecocrm-commerce-button:hover,
.ecocrm-commerce-button.is-active { color:#fff7e8 !important; background:linear-gradient(100deg,rgba(191,139,44,.23),rgba(191,139,44,.07)) !important; box-shadow:inset 3px 0 #d5a649 !important; }
.eco-commerce-nav-icon { flex:0 0 auto; color:#d4a449; }
.ecocrm-commerce-mobile-button { width:100%; border:0; color:inherit; background:transparent; font:inherit; text-align:left; cursor:pointer; }
.ecocrm-commerce-mobile-button .menu-ios-icon { color:#d4a449; }
.eco-commerce-host-hidden { display:none !important; }

.ecocrm-commerce { display:none; flex:1 1 auto; min-width:0; align-self:stretch; overflow:hidden; color:#f1ece2; background:#11100d; -webkit-font-smoothing:auto; text-rendering:optimizeLegibility; font-synthesis:none; }
.ecocrm-commerce.is-open { display:block; }
.eco-commerce-shell { display:flex; height:100%; min-height:0; flex-direction:column; overflow:hidden; border-left:1px solid rgba(216,176,96,.16); background:radial-gradient(circle at 96% 0%,rgba(205,154,56,.07),transparent 31%),#11100d; }
.eco-commerce-head { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 22px 14px; border-bottom:1px solid rgba(255,255,255,.07); }
.eco-commerce-head p,.eco-commerce-head h1,.eco-commerce-head span { margin:0; }
.eco-commerce-head p { color:#d1a852; font-size:11px; text-transform:uppercase; letter-spacing:.09em; }
.eco-commerce-head h1 { margin-top:3px; color:#f6f0e6; font-size:25px; line-height:1.15; }
.eco-commerce-head span { display:block; margin-top:4px; color:#85818b; font-size:12px; }
.eco-commerce-close { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:0; color:#fff; background:#222125; cursor:pointer; font:300 24px/1 "Inter",Arial,sans-serif; }
.eco-commerce-close:hover { border-color:rgba(224,181,94,.4); color:#edc572; }
.eco-commerce-section-bar { position:relative; z-index:20; flex:0 0 auto; display:flex; align-items:center; gap:10px; padding:10px 18px 0; }
.eco-commerce-section-label { color:#87838d; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.09em; }
.eco-commerce-section-picker { position:relative; width:220px; }
.eco-commerce-section-toggle { display:grid; width:100%; min-height:39px; grid-template-columns:1fr 18px; gap:8px; align-items:center; border:1px solid rgba(216,176,96,.28); border-radius:9px; padding:0 10px 0 12px; color:#eee9df; background:linear-gradient(180deg,#23211d,#1b1a18); box-shadow:inset 0 1px rgba(255,255,255,.025); cursor:pointer; font:600 13px "Inter",Arial,sans-serif; text-align:left; }
.eco-commerce-section-toggle:hover,.eco-commerce-section-picker.is-open .eco-commerce-section-toggle { border-color:rgba(224,181,94,.48); background:linear-gradient(180deg,#28251f,#1e1c18); }
.eco-commerce-section-toggle svg { width:17px; height:17px; fill:none; stroke:#cfa34d; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .16s ease; }
.eco-commerce-section-picker.is-open .eco-commerce-section-toggle svg { transform:rotate(180deg); }
.eco-commerce-section-menu { position:absolute; z-index:30; top:calc(100% + 6px); left:0; display:none; width:100%; overflow:hidden; border:1px solid rgba(216,176,96,.24); border-radius:10px; padding:5px; background:#1c1a17; box-shadow:0 18px 44px rgba(0,0,0,.55); }
.eco-commerce-section-picker.is-open .eco-commerce-section-menu { display:grid; gap:3px; animation:eco-commerce-menu-in .14s ease both; }
@keyframes eco-commerce-menu-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
.eco-commerce-section-menu button { display:grid; width:100%; min-height:38px; grid-template-columns:20px 1fr 16px; gap:8px; align-items:center; border:0; border-radius:7px; padding:0 9px; color:#a9a49b; background:transparent; cursor:pointer; font:500 12px "Inter",Arial,sans-serif; text-align:left; }
.eco-commerce-section-menu button:hover { color:#f3eadb; background:rgba(216,176,96,.09); }
.eco-commerce-section-menu button[aria-selected="true"] { color:#f0c66f; background:linear-gradient(90deg,rgba(191,139,44,.18),rgba(191,139,44,.05)); }
.eco-commerce-section-menu button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.eco-commerce-section-menu button b { visibility:hidden; color:#d8a94d; font-size:12px; }
.eco-commerce-section-menu button[aria-selected="true"] b { visibility:visible; }

.eco-commerce-workspace { flex:1 1 auto; min-height:0; display:grid; grid-template-columns:minmax(330px,390px) minmax(520px,1fr); gap:14px; padding:14px 18px 18px; overflow:hidden; }
.eco-commerce-editor,.eco-commerce-preview { min-height:0; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:#1b1a1d; box-shadow:0 14px 34px rgba(0,0,0,.18); }
.eco-commerce-editor { display:flex; flex-direction:column; overflow:hidden; }
.eco-commerce-editor-head { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 16px 11px; }
.eco-commerce-editor-head>div { display:flex; align-items:baseline; gap:8px; }
.eco-commerce-editor-head span { color:#8d8993; font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.eco-commerce-editor-head strong { color:#f2eee6; font-size:15px; }
.eco-commerce-demo-badge { border:1px solid rgba(224,181,94,.3); border-radius:999px; padding:5px 8px; color:#e2b963 !important; background:rgba(191,139,44,.09); font-size:9px !important; }
.eco-commerce-products { flex:1 1 auto; min-height:0; display:grid; align-content:start; gap:7px; overflow-y:auto; padding:2px 10px 12px; scrollbar-color:#80611f transparent; scrollbar-width:thin; }
.eco-commerce-product { display:grid; grid-template-columns:44px minmax(0,1fr) 92px; gap:10px; align-items:center; min-height:58px; border:1px solid rgba(255,255,255,.075); border-radius:10px; padding:7px 9px; background:#222125; transition:border-color .16s ease,background .16s ease; }
.eco-commerce-product:focus-within { border-color:rgba(255,255,255,.11); background:#262529; }
.eco-commerce-product-thumb { display:grid; width:42px; height:42px; place-items:center; overflow:hidden; border-radius:8px; background:#f3eadc; }
.eco-commerce-product-thumb img { width:88%; height:88%; object-fit:contain; }
.eco-commerce-product-copy { min-width:0; display:grid; gap:3px; }
.eco-commerce-product-copy strong { overflow:hidden; color:#eee9df; font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.eco-commerce-product-copy small { color:#79757f; font-size:10px; }
.eco-commerce-price-field { display:grid; grid-template-columns:minmax(0,1fr) 16px; gap:3px; align-items:center; border:0; border-radius:0; padding:0; background:transparent; }
.eco-commerce-price-field:focus-within { border:0; outline:0; box-shadow:none; }
.eco-commerce-price-field input { width:100%; min-width:0; height:34px; border:0!important; outline:0!important; padding:0; color:#f2c66d; background:transparent!important; box-shadow:none!important; font:700 14px "Inter",Arial,sans-serif; text-align:right; }
.eco-commerce-price-field b { color:#aa8745; font-size:12px; }
.eco-commerce-actions { flex:0 0 auto; display:grid; gap:8px; padding:12px 14px 7px; border-top:1px solid rgba(255,255,255,.065); }
.eco-commerce-actions button { min-height:39px; border-radius:9px; cursor:pointer; font:600 12px "Inter",Arial,sans-serif; }
.eco-commerce-download { display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(239,195,107,.46); color:#241807; background:linear-gradient(135deg,#efc66e,#c58c2d); box-shadow:0 8px 24px rgba(166,111,27,.18); }
.eco-commerce-download:hover { filter:brightness(1.06); }
.eco-commerce-download:disabled { cursor:wait; opacity:.72; }
.eco-commerce-download svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.eco-commerce-download.is-loading svg { animation:eco-commerce-pulse .8s ease-in-out infinite alternate; }
@keyframes eco-commerce-pulse { to { transform:translateY(2px); opacity:.45; } }
.eco-commerce-status { flex:0 0 auto; min-height:25px; padding:2px 14px 9px; color:#76727c; font-size:10px; text-align:center; }
.eco-commerce-status[data-tone="saved"] { color:#83cda8; }
.eco-commerce-status[data-tone="error"] { color:#ff9f96; }

.eco-commerce-preview { display:flex; flex-direction:column; overflow:hidden; background:#171619; }
.eco-commerce-preview-head { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; min-height:45px; padding:0 15px; border-bottom:1px solid rgba(255,255,255,.07); }
.eco-commerce-preview-head span { color:#eee9df; font-size:12px; font-weight:600; }
.eco-commerce-preview-head b { border:1px solid rgba(255,255,255,.09); border-radius:999px; padding:4px 7px; color:#817d87; font-size:9px; font-weight:500; letter-spacing:.06em; }
.eco-commerce-paper { flex:1 1 auto; min-height:0; display:grid; place-items:center; overflow:hidden; padding:14px; background:radial-gradient(circle at center,rgba(255,255,255,.035),transparent 68%),#121113; }
.eco-commerce-page-frame { width:min(100%,794px); max-width:100%; aspect-ratio:794/1123; background:#f5ede0; box-shadow:0 16px 48px rgba(0,0,0,.55); }
.eco-commerce-paper canvas { display:block; width:100%; height:100%; background:#f5ede0; }
.eco-commerce-finance { display:none; flex:1 1 auto; min-height:0; padding:14px 18px 18px; }
.ecocrm-commerce.is-finance .eco-commerce-workspace { display:none; }
.ecocrm-commerce.is-finance .eco-commerce-finance { display:grid; place-items:center; }
.eco-commerce-finance-empty { display:grid; width:min(460px,100%); min-height:250px; place-items:center; align-content:center; border:1px dashed rgba(216,176,96,.22); border-radius:16px; color:#77737c; background:rgba(255,255,255,.018); text-align:center; }
.eco-commerce-finance-empty svg { width:42px; height:42px; fill:none; stroke:#9d7a38; stroke-width:1.5; }
.eco-commerce-finance-empty h2 { margin:14px 0 3px; color:#d9d3c8; font-size:19px; }
.eco-commerce-finance-empty p { margin:0; font-size:12px; }

.ecocrm-commerce.is-finance .eco-commerce-finance { display:block; overflow:auto; padding:12px 18px 20px; scrollbar-color:#75591f transparent; scrollbar-width:thin; }
.eco-finance-lock { display:grid; min-height:100%; place-items:center; padding:28px; background:radial-gradient(circle at 50% 30%,rgba(190,139,43,.09),transparent 45%); }
.eco-finance-lock form { display:grid; width:min(390px,100%); gap:14px; border:1px solid rgba(221,178,87,.2); border-radius:18px; padding:30px; background:linear-gradient(145deg,#1c1a17,#12110f); box-shadow:0 28px 70px rgba(0,0,0,.38); text-align:center; }
.eco-finance-lock-icon { display:grid; width:54px; height:54px; place-items:center; justify-self:center; border:1px solid rgba(224,179,82,.35); border-radius:16px; color:#e4b657; background:rgba(194,143,43,.1); font-size:25px; font-weight:800; }
.eco-finance-lock p { margin:0; color:#a27f3b; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.14em; }.eco-finance-lock h2 { margin:-5px 0 4px; color:#f0eadf; font-size:25px; }
.eco-finance-lock label { display:grid; gap:7px; text-align:left; }.eco-finance-lock label span { color:#8c8780; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }.eco-finance-lock input { min-height:46px; border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:0 13px; color:#f2ece1; background:#0e0d0c; outline:0; font:600 14px "Inter",Arial,sans-serif; }.eco-finance-lock input:focus { border-color:#c89131; box-shadow:0 0 0 3px rgba(200,145,49,.12); }
.eco-finance-lock button { min-height:45px; border:0; border-radius:10px; color:#2a1c08; background:linear-gradient(135deg,#edc46d,#bd8428); cursor:pointer; font:700 12px "Inter",Arial,sans-serif; }.eco-finance-lock small { color:#6e6962; font-size:9px; line-height:1.5; }.eco-finance-lock-error { color:#ee9990; font-size:11px; font-weight:700; }
.eco-finance-shell { display:grid; gap:12px; width:100%; min-width:760px; max-width:1540px; margin:0 auto; }
.eco-finance-toolbar { position:sticky; z-index:10; top:0; display:flex; align-items:center; gap:9px; min-height:52px; border:1px solid rgba(255,255,255,.075); border-radius:12px; padding:7px 9px; background:rgba(25,24,22,.96); box-shadow:0 12px 30px rgba(0,0,0,.2); backdrop-filter:blur(12px); }
.eco-finance-periods { display:flex; gap:3px; border:1px solid rgba(255,255,255,.07); border-radius:9px; padding:3px; background:#121110; }
.eco-finance-periods button,.eco-finance-tabs button { border:0; color:#89858b; background:transparent; cursor:pointer; font:600 11px "Inter",Arial,sans-serif; }
.eco-finance-periods button { min-height:32px; border-radius:7px; padding:0 11px; }
.eco-finance-periods button:hover,.eco-finance-periods button.is-active { color:#f7e8c9; background:rgba(203,151,53,.15); }
.eco-finance-toolbar>label { display:grid; grid-template-columns:auto 116px; gap:6px; align-items:center; min-height:34px; border:1px solid rgba(255,255,255,.07); border-radius:8px; padding:0 8px; color:#77737a; font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.eco-finance-toolbar input { min-width:0; border:0!important; outline:0!important; color:#dad4cb!important; background:transparent!important; box-shadow:none!important; font:600 11px "Inter",Arial,sans-serif!important; color-scheme:dark; }
.eco-finance-source { display:flex; min-width:0; align-items:center; gap:6px; margin-left:auto; overflow:hidden; color:#77747b; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.eco-finance-source i { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#52b78b; box-shadow:0 0 0 3px rgba(82,183,139,.11); }
.eco-finance-export,.eco-finance-primary { display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid rgba(229,184,91,.38); border-radius:8px; color:#2a1c08; background:linear-gradient(135deg,#edc46d,#bd8428); cursor:pointer; font:700 11px "Inter",Arial,sans-serif; }
.eco-finance-export { min-height:36px; padding:0 12px; white-space:nowrap; }
.eco-finance-export svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.eco-finance-export:disabled { cursor:wait; opacity:.65; }
.eco-finance-metrics { display:grid; grid-template-columns:repeat(7,minmax(110px,1fr)); gap:9px; }
.eco-finance-metrics article { position:relative; display:grid; min-height:112px; align-content:center; gap:8px; overflow:hidden; border:1px solid rgba(255,255,255,.075); border-radius:12px; padding:15px 15px 13px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); box-shadow:0 10px 24px rgba(0,0,0,.12); }
.eco-finance-metrics article::before { position:absolute; top:0; right:0; width:72px; height:72px; border-radius:0 0 0 100%; background:rgba(198,148,53,.07); content:""; }
.eco-finance-metrics article>span { color:#87828a; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.075em; }
.eco-finance-metrics article strong { color:#eee8dd; font-size:20px; line-height:1; letter-spacing:-.03em; white-space:nowrap; }
.eco-finance-metrics article small { color:#68656c; font-size:9px; }
.eco-finance-metrics article.is-actual strong,.eco-finance-metrics article.is-gross strong,.eco-finance-metrics article.is-net strong { color:#74cca3; }
.eco-finance-metrics article.is-expected strong { color:#e3b860; }
.eco-finance-metrics article.is-expense strong { color:#e99b90; }
.eco-finance-tabs { display:flex; align-items:center; gap:2px; min-height:38px; border-bottom:1px solid rgba(255,255,255,.07); }
.eco-finance-tabs button { position:relative; min-height:38px; padding:0 17px; }
.eco-finance-tabs button:hover,.eco-finance-tabs button[aria-selected="true"] { color:#f0e7d8; }
.eco-finance-tabs button[aria-selected="true"]::after { position:absolute; right:12px; bottom:-1px; left:12px; height:2px; border-radius:3px 3px 0 0; background:#d2a247; content:""; }
.eco-finance-content { display:grid; gap:12px; min-width:0; min-height:0; }
.eco-finance-overview-grid { display:grid; grid-template-columns:minmax(480px,1.7fr) minmax(260px,.7fr); gap:12px; }
.eco-finance-chart-card,.eco-finance-status-card,.eco-finance-list-card { min-width:0; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:#1a191b; box-shadow:0 12px 28px rgba(0,0,0,.14); }.eco-finance-list-card { overflow:hidden; }
.eco-finance-chart-card,.eco-finance-status-card { min-height:260px; padding:15px; }
.eco-finance-card-head { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:42px; padding:0 2px; }
.eco-finance-list-card>.eco-finance-card-head { padding:13px 15px 10px; }
.eco-finance-card-head>div:first-child { display:grid; gap:4px; }
.eco-finance-card-head span { color:#77737b; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.075em; }
.eco-finance-card-head strong { color:#e9e4da; font-size:13px; }
.eco-finance-legend { display:flex; align-items:center; gap:6px; color:#77737a; font-size:9px; }
.eco-finance-legend i { width:16px; height:2px; margin-left:6px; border-radius:2px; background:#d7a746; }
.eco-finance-legend i.is-expected { background:#7c7882; }
.eco-finance-chart { display:block; width:100%; height:188px; overflow:visible; }
.eco-finance-gridline { stroke:rgba(255,255,255,.055); stroke-width:1; }
.eco-finance-line { fill:none; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.eco-finance-line.is-actual { stroke:#d8a746; }
.eco-finance-line.is-expected { stroke:#77737c; stroke-dasharray:5 5; }
.eco-finance-dot { stroke:#1a191b; stroke-width:2; }
.eco-finance-dot.is-actual { fill:#e9b850; }
.eco-finance-dot.is-expected { fill:#8b8790; }
.eco-finance-chart text { fill:#77737b; font:9px "Inter",Arial,sans-serif; font-variant-numeric:tabular-nums; }
.eco-finance-status-card { display:grid; grid-template-columns:128px 1fr; grid-template-rows:auto 1fr; align-items:center; }
.eco-finance-status-card>.eco-finance-card-head { grid-column:1/-1; }
.eco-finance-donut { position:relative; display:grid; width:118px; height:118px; place-items:center; border-radius:50%; background:conic-gradient(#60bd91 0 var(--paid),#d1a245 var(--paid) var(--unpaid),#b75d59 var(--unpaid) 100%); }
.eco-finance-donut::before { position:absolute; width:82px; height:82px; border-radius:50%; background:#1a191b; content:""; }
.eco-finance-donut>div { position:relative; z-index:1; display:grid; text-align:center; }
.eco-finance-donut strong { color:#eee8dd; font-size:21px; }
.eco-finance-donut span { color:#716e75; font-size:8px; text-transform:uppercase; }
.eco-finance-status-list { display:grid; gap:12px; }
.eco-finance-status-list span { display:grid; grid-template-columns:8px 1fr auto; gap:7px; align-items:center; color:#89858c; font-size:10px; }
.eco-finance-status-list i { width:7px; height:7px; border-radius:50%; background:#60bd91; }
.eco-finance-status-list i.is-unpaid { background:#d1a245; }.eco-finance-status-list i.is-overdue { background:#b75d59; }
.eco-finance-status-list b { color:#d9d3c9; font-size:11px; }
.eco-finance-table-wrap { min-width:0; overflow:auto; border-radius:0 0 13px 13px; }
.eco-finance-list-card table { width:100%; border-collapse:collapse; table-layout:fixed; }
.eco-finance-list-card th { height:36px; border-top:1px solid rgba(255,255,255,.055); border-bottom:1px solid rgba(255,255,255,.055); padding:0 14px; color:#656169; background:rgba(255,255,255,.012); font-size:8px; font-weight:700; text-align:left; text-transform:uppercase; letter-spacing:.07em; }
.eco-finance-list-card td { height:51px; border-bottom:1px solid rgba(255,255,255,.045); padding:7px 14px; color:#9a969d; font-size:10px; vertical-align:middle; }
.eco-finance-list-card tbody tr:last-child td { border-bottom:0; }
.eco-finance-list-card tbody tr:hover td { background:rgba(255,255,255,.018); }
.eco-finance-list-card td:first-child,.eco-finance-list-card th:first-child { width:36%; }.eco-finance-list-card td:last-child,.eco-finance-list-card th:last-child { width:15%; }
.eco-finance-list-card td strong { display:block; overflow:hidden; color:#ded9d0; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.eco-finance-list-card td small { display:block; margin-top:3px; overflow:hidden; color:#6e6a72; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.eco-finance-status,.eco-finance-category { display:inline-flex; min-height:22px; align-items:center; border-radius:999px; padding:0 8px; font-size:8px!important; font-weight:700!important; text-transform:uppercase; letter-spacing:.05em; }
.eco-finance-status.is-paid { color:#72d2a5; background:rgba(60,153,112,.14); }.eco-finance-status.is-unpaid { color:#e3bb66; background:rgba(198,148,53,.13); }.eco-finance-status.is-overdue { color:#f0958e; background:rgba(183,69,63,.14); }
.eco-finance-category { color:#b8a174!important; background:rgba(198,148,53,.1); }
.eco-finance-payment { display:inline-flex; min-height:22px; align-items:center; border-radius:999px; padding:0 8px; font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; }.eco-finance-payment.is-cash { color:#e7bc63; background:rgba(204,151,53,.13); }.eco-finance-payment.is-cashless { color:#76cda5; background:rgba(73,165,121,.13); }
.eco-finance-income-table table { min-width:1120px; table-layout:auto; }.eco-finance-income-table th:first-child,.eco-finance-income-table td:first-child { width:28%; }.eco-finance-income-table th:last-child,.eco-finance-income-table td:last-child { width:13%; }.eco-finance-profit { color:#76cda5!important; }.eco-finance-profit.is-negative { color:#ef928a!important; }
.eco-finance-company-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:12px; }.eco-finance-company-cards article { display:grid; gap:7px; border:1px solid rgba(255,255,255,.075); border-radius:11px; padding:14px; background:rgba(255,255,255,.018); }.eco-finance-company-cards span { color:#bd9957; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }.eco-finance-company-cards strong { color:#eee8dd; font-size:19px; }.eco-finance-company-cards small { color:#777179; font-size:9px; }.eco-finance-companies table { min-width:1320px; }
.eco-finance-count-button { border:1px solid rgba(224,183,96,.16); border-radius:7px; padding:6px 8px; color:#d7b36a; background:rgba(204,153,55,.07); cursor:pointer; font:700 9px "Inter",Arial,sans-serif; white-space:nowrap; }.eco-finance-count-button:hover { border-color:rgba(224,183,96,.45); color:#f1c873; }.eco-finance-count-button.is-overdue { border-color:rgba(223,116,105,.18); color:#e6958d; background:rgba(203,87,77,.07); }.eco-finance-company-detail { margin-top:13px; border-top:1px solid rgba(255,255,255,.07); padding-top:12px; }.eco-finance-company-detail table { min-width:820px; }
.eco-finance-cost-basis { display:grid; grid-template-columns:240px 1fr; gap:12px; align-items:start; margin-bottom:12px; border:1px solid rgba(213,164,69,.14); border-radius:11px; padding:12px; background:rgba(195,142,41,.045); }.eco-finance-cost-basis>div:first-child { display:grid; gap:5px; }.eco-finance-cost-basis>div:first-child span { color:#947f58; font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }.eco-finance-cost-basis>div:first-child strong { color:#e1d8c9; font-size:12px; }.eco-finance-cost-basis>div:first-child small { color:#777169; font-size:8px; line-height:1.45; }.eco-finance-cost-basis>div:last-child { display:flex; flex-wrap:wrap; gap:6px; }.eco-finance-cost-basis>div:last-child span { border:1px solid rgba(255,255,255,.06); border-radius:7px; padding:5px 7px; color:#817c76; background:rgba(0,0,0,.12); font-size:8px; }.eco-finance-cost-basis b { color:#d6a84f; }
.eco-finance-inline-edit { display:block; margin-top:5px; border:0; padding:0; color:#cf9e43; background:transparent; cursor:pointer; font:600 8px "Inter",Arial,sans-serif; text-decoration:underline; text-underline-offset:2px; }
.eco-finance-primary { min-height:34px; padding:0 11px; }
.eco-finance-link,.eco-finance-icon-button { border:0; color:#cfa44e; background:transparent; cursor:pointer; font:600 10px "Inter",Arial,sans-serif; }
.eco-finance-icon-button { width:28px; height:28px; border:1px solid rgba(255,255,255,.08); border-radius:7px; color:#a16e6a; }
.eco-finance-empty-cell,.eco-finance-empty-state { color:#706c74!important; text-align:center!important; }
.eco-finance-empty-state { display:grid; min-height:190px; place-items:center; font-size:11px; }
.eco-finance-modal-host:empty { display:none; }
.eco-finance-modal-backdrop { position:fixed; z-index:99999; inset:0; display:grid; place-items:center; padding:20px; background:rgba(5,5,5,.78); backdrop-filter:blur(8px); }
.eco-finance-modal { width:min(560px,100%); overflow:hidden; border:1px solid rgba(229,184,91,.22); border-radius:16px; color:#eae4da; background:#1a1918; box-shadow:0 30px 90px rgba(0,0,0,.65); animation:eco-commerce-menu-in .16s ease both; }
.eco-finance-modal-head { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.07); padding:18px 20px 15px; }
.eco-finance-modal-head span { color:#c99b42; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }.eco-finance-modal-head h2 { margin:4px 0 0; font-size:21px; }.eco-finance-modal-head button { width:34px; height:34px; border:1px solid rgba(255,255,255,.09); border-radius:9px; color:#aaa5aa; background:#232224; cursor:pointer; font-size:20px; }
.eco-finance-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:18px 20px; }.eco-finance-form-grid .is-wide { grid-column:1/-1; }
.eco-finance-form-grid label { display:grid; gap:7px; }.eco-finance-form-grid label>span,.eco-finance-form-total>span { color:#817d84; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.eco-finance-form-grid input,.eco-finance-form-grid select { width:100%; min-height:42px; border:1px solid rgba(255,255,255,.09)!important; border-radius:9px; outline:0!important; padding:0 11px; color:#e9e4db!important; background:#11100f!important; box-shadow:none!important; font:500 12px "Inter",Arial,sans-serif!important; color-scheme:dark; }
.eco-finance-form-grid input:focus,.eco-finance-form-grid select:focus { border-color:rgba(220,172,77,.55)!important; box-shadow:0 0 0 3px rgba(211,158,54,.08)!important; }
.eco-finance-form-total { display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(214,168,75,.18); border-radius:10px; padding:13px 14px; background:rgba(201,149,48,.055); }.eco-finance-form-total strong { color:#e5b75a; font-size:18px; }
.eco-finance-stock-preview { display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(255,255,255,.07); border-radius:10px; padding:11px 14px; color:#817d84; background:rgba(255,255,255,.018); font-size:9px; text-transform:uppercase; letter-spacing:.06em; }.eco-finance-stock-preview strong { color:#d9d4cb; font-size:14px; }
.eco-finance-modal-actions { display:flex; justify-content:flex-end; gap:8px; padding:0 20px 14px; }.eco-finance-modal-actions button { min-height:39px; border:1px solid rgba(255,255,255,.09); border-radius:9px; padding:0 15px; color:#aaa5aa; background:#242326; cursor:pointer; font:600 11px "Inter",Arial,sans-serif; }.eco-finance-modal-actions button[type="submit"] { border-color:rgba(229,184,91,.4); color:#281b08; background:linear-gradient(135deg,#ebc16a,#bc8226); }
.eco-finance-modal>p { margin:0; border-top:1px solid rgba(255,255,255,.055); padding:11px 20px; color:#68646b; font-size:9px; text-align:center; }

@media (max-width:1100px) {
  .eco-commerce-workspace { grid-template-columns:minmax(300px,350px) minmax(420px,1fr); padding:12px; }
  .eco-commerce-product { grid-template-columns:38px minmax(0,1fr) 84px; gap:8px; }
  .eco-commerce-product-thumb { width:38px; height:38px; }
  .eco-finance-metrics { grid-template-columns:repeat(3,1fr); }
  .eco-finance-overview-grid { grid-template-columns:minmax(430px,1.4fr) minmax(240px,.7fr); }
  .eco-finance-source { display:none; }
}

@media (max-width:820px) {
  .eco-commerce-workspace { grid-template-columns:1fr; grid-template-rows:auto minmax(430px,1fr); overflow-y:auto; }
  .eco-commerce-editor { overflow:visible; }
  .eco-commerce-products { max-height:none; overflow:visible; }
  .eco-commerce-preview { min-height:560px; }
  .ecocrm-commerce.is-finance .eco-commerce-finance { padding:10px; }
  .eco-finance-shell { min-width:0; }
  .eco-finance-toolbar { position:relative; flex-wrap:wrap; }
  .eco-finance-toolbar>label { flex:1 1 180px; grid-template-columns:auto 1fr; }
  .eco-finance-export { margin-left:auto; }
  .eco-finance-overview-grid { grid-template-columns:1fr; }
  .eco-finance-company-cards { grid-template-columns:1fr; }
  .eco-finance-cost-basis { grid-template-columns:1fr; }
}

@media (max-width:768px) {
  .m-shell.eco-commerce-mobile-open { background:#121113; }
  .m-shell>.ecocrm-commerce--mobile { flex:1 1 auto; min-height:0; width:100%; padding:10px 10px 7px; background:#121113; }
  .m-shell>.ecocrm-commerce--mobile.is-open { display:block; }
  .ecocrm-commerce--mobile .eco-commerce-shell { border:1px solid rgba(255,255,255,.09); border-radius:14px; background:radial-gradient(circle at 100% 0%,rgba(205,154,56,.08),transparent 38%),#1a1917; }
  .ecocrm-commerce--mobile .eco-commerce-head { padding:13px 13px 11px; }
  .ecocrm-commerce--mobile .eco-commerce-head h1 { font-size:20px; }
  .ecocrm-commerce--mobile .eco-commerce-head span { font-size:10px; }
  .ecocrm-commerce--mobile .eco-commerce-section-bar { padding:9px 10px 0; }
  .ecocrm-commerce--mobile .eco-commerce-section-picker { flex:1 1 auto; width:auto; }
  .ecocrm-commerce--mobile .eco-commerce-workspace { display:block; overflow-y:auto; padding:10px; }
  .ecocrm-commerce--mobile .eco-commerce-editor { overflow:visible; }
  .ecocrm-commerce--mobile .eco-commerce-products { overflow:visible; }
  .ecocrm-commerce--mobile .eco-commerce-preview { min-height:0; margin-top:10px; overflow:visible; }
  .ecocrm-commerce--mobile .eco-commerce-paper { min-height:430px; overflow:hidden; padding:10px; }
  .ecocrm-commerce--mobile .eco-commerce-product { grid-template-columns:38px minmax(0,1fr) 88px; }
  .ecocrm-commerce--mobile.is-finance .eco-commerce-finance { overflow:auto; padding:8px; }
  .eco-finance-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .eco-finance-metrics article { min-height:100px; padding:12px; }
  .eco-finance-metrics article strong { font-size:17px; }
  .eco-finance-periods { width:100%; }.eco-finance-periods button { flex:1; }
  .eco-finance-export { width:100%; }
  .eco-finance-status-card { grid-template-columns:125px 1fr; }
  .eco-finance-tabs { overflow-x:auto; }.eco-finance-tabs button { flex:1 0 auto; }
  .eco-finance-list-card { overflow:hidden; }.eco-finance-table-wrap { overflow-x:auto; }.eco-finance-list-card table { min-width:680px; }
  .eco-finance-form-grid { grid-template-columns:1fr; }.eco-finance-form-grid .is-wide { grid-column:auto; }
}

@media (prefers-reduced-motion:reduce) {
  .eco-commerce-download.is-loading svg { animation:none; }
}
.pt-meta .pt-meta-amount { display:flex; width:140px; flex:0 0 140px; flex-direction:column; gap:6px; }
.pt-meta .pt-meta-amount input { font-variant-numeric:tabular-nums; }
@media (max-width: 720px) { .pt-meta .pt-meta-amount { width:100%; flex-basis:auto; } }