/* easyCRM 1.4: менеджер в стиле «Мягкое стекло». Светлая тема по умолчанию, тёмная переключателем */
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/vendor/inter-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0400-045F,U+2116}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/vendor/inter-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0400-045F,U+2116}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/vendor/inter-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0400-045F,U+2116}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/vendor/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2212}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/vendor/inter-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2212}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/vendor/inter-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2212}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/vendor/inter-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+20A0-20C0}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/vendor/inter-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+20A0-20C0}
:root{--primary:#6C3CE9;--primary2:#8F63F4;--sel:#ECE5FD;--bg:#ECEAF6;--card:rgba(255,255,255,.74);--edge:rgba(255,255,255,.9);--ink:#17142B;--muted:#686479;--line:rgba(23,20,43,.09);
  --glow1:#D8C8FF;--glow2:#BFD9FF;--glow3:#FBE3F3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0E0B18;--card:rgba(36,30,56,.72);--edge:rgba(255,255,255,.08);--ink:#F2EEFB;--muted:#A69FBC;--line:rgba(255,255,255,.09);--sel:#2A2147;--glow1:#3A2470;--glow2:#16305C;--glow3:#3B1838}}
:root[data-theme="dark"]{--bg:#0E0B18;--card:rgba(36,30,56,.72);--edge:rgba(255,255,255,.08);--ink:#F2EEFB;--muted:#A69FBC;--line:rgba(255,255,255,.09);--sel:#2A2147;--glow1:#3A2470;--glow2:#16305C;--glow3:#3B1838}
html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.006em}
body{background:radial-gradient(520px 420px at -10% -5%,var(--glow1),transparent 65%),radial-gradient(520px 520px at 110% 105%,var(--glow2),transparent 62%),radial-gradient(380px 300px at 60% 40%,var(--glow3),transparent 70%),var(--bg);background-attachment:fixed}
.card,.panel,.chip,.theme-btn,.group,.table,.check,.stock-list{background:var(--card)!important;border:1px solid var(--edge);box-shadow:0 1px 2px rgba(30,20,70,.04),0 8px 24px rgba(30,20,70,.06)!important}
.card,.panel{border-radius:22px}
.card.hero{background:linear-gradient(140deg,var(--primary2),var(--primary) 55%,#4A23A8)!important;border-color:transparent;box-shadow:0 14px 30px rgba(108,60,233,.35)!important}
.tabs{background:color-mix(in srgb,var(--bg) 70%,transparent)!important;-webkit-backdrop-filter:saturate(170%) blur(22px);backdrop-filter:saturate(170%) blur(22px);border-top:1px solid var(--edge)!important}
h1{letter-spacing:-.035em}
/* главная как банк */
.home-head .title-row{align-items:flex-end}
.home-head .lbl{font-size:13px;font-weight:600;color:var(--muted)}
.bank{border-radius:28px;padding:20px;color:#fff;background:linear-gradient(140deg,#9A76F4 0%,var(--primary) 50%,#4A23A8 100%);box-shadow:0 18px 40px rgba(108,60,233,.38);margin-bottom:14px;animation:up .45s var(--spring) both;position:relative;overflow:hidden}
.bank::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%)}
.bank.skeleton{height:170px;background:var(--card);box-shadow:none}
.bank-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;opacity:.92}
.bank-row em{font-style:normal;font-size:13px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18)}
.bank-sum{display:block;font-size:42px;font-weight:700;letter-spacing:-.04em;margin:8px 0 14px;font-variant-numeric:tabular-nums}
.bank-chips{display:flex;flex-wrap:wrap;gap:8px}.bank-chips span{background:rgba(255,255,255,.17);padding:6px 11px;border-radius:999px;font-size:13px;font-weight:600}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.quick button{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink)}
.quick i{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--edge);box-shadow:0 6px 18px rgba(30,20,70,.08);color:var(--primary)}
.quick i svg{width:24px;height:24px}
.tip{border-radius:22px;padding:16px;margin-bottom:12px;color:#fff;background:linear-gradient(135deg,#7A4DF0,#A77BF6);box-shadow:0 12px 26px rgba(108,60,233,.25);animation:up .5s var(--spring) both}
.tip-k{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;opacity:.9}.tip-k svg{width:16px;height:16px}
.tip p{margin-top:8px;font-size:15.5px;line-height:1.42;font-weight:600}
.tip .tip-more{font-weight:500;font-size:14px;opacity:.88;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}
.tip-skel{height:40px;border-radius:10px;background:rgba(255,255,255,.2);animation:pulse 1.2s ease infinite alternate}
@keyframes pulse{to{opacity:.4}}
.attn h3 small{margin-left:auto;background:var(--sel);color:var(--primary);border-radius:999px;padding:1px 8px;font-size:12px}
.attn-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);text-align:left;font-size:15px}
.attn-row:first-of-type{border-top:0}.attn-row>svg:last-child{margin-left:auto;color:var(--muted);width:18px;height:18px}
.attn-row .ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;flex:none}
.attn-row .ic.bad{background:#E5484D}.attn-row .ic.warn{background:#F08C00}
.ok-line{display:flex;align-items:center;gap:8px}.ok-line svg{color:#16A06A}
.top-row2{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.top-row2:first-of-type{border-top:0}
.top-row2 em{width:28px;height:28px;border-radius:50%;background:var(--sel);color:var(--primary);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;flex:none}
.top-row2 em svg{width:16px;height:16px}
.top-row2 span{flex:1;display:flex;flex-direction:column;font-weight:600}.top-row2 small{color:var(--muted);font-weight:500;font-size:12.5px}
.top-row2 b{font-variant-numeric:tabular-nums}
/* шторки: плотный фон, чтобы под ними не просвечивали цифры */
:root{--solid:#fff}:root[data-theme="dark"]{--solid:#1C1730}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--solid:#1C1730}}
.sheet{background:var(--solid)!important;box-shadow:0 -20px 60px rgba(20,12,50,.25)}
.sheet .presets button,.sheet .presets>*{background:color-mix(in srgb,var(--primary) 9%,var(--solid))!important}

/* 1.4.13: оплаты поставщикам */
.pay-back{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:var(--v600,#6C3CE9);font:600 15px Inter,system-ui,sans-serif;padding:4px 0 10px;cursor:pointer}.pay-back i,.pay-back svg{width:18px;height:18px}
.pay-list h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 8px}.pay-list h3 svg{width:18px;height:18px}
.pay-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(60,40,120,.08)}.pay-row:first-of-type{border-top:0}
.pay-row b{display:block;font-size:15px}.pay-row small{color:var(--muted,#7a7491);font-size:13px}.pay-row em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.pay-row.bad em{color:#dc2626}
.pay-note{font-size:13px;margin:10px 4px}.pay-notify{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:6px;min-height:48px;border-radius:14px;border:1px solid rgba(108,60,233,.25);background:rgba(108,60,233,.06);color:var(--v600,#6C3CE9);font:600 15px Inter,system-ui,sans-serif;cursor:pointer}.pay-notify svg{width:18px;height:18px}