:root{--accent: #2f6bd6;--accent-press: color-mix(in oklab, var(--accent), black 18%);--accent-wash: color-mix(in oklab, var(--accent), white 89%);--accent-ring: color-mix(in oklab, var(--accent), transparent 70%);--bg: oklch(.985 .004 250);--surface: #ffffff;--surface-2: oklch(.975 .005 250);--line: oklch(.92 .006 250);--line-strong: oklch(.86 .008 250);--ink: oklch(.24 .02 256);--ink-2: oklch(.44 .015 256);--ink-3: oklch(.6 .012 256);--ok: oklch(.58 .13 155);--ok-wash: oklch(.96 .04 155);--warn: oklch(.62 .15 55);--warn-wash: oklch(.96 .05 70);--danger: oklch(.58 .18 22);--danger-wash: oklch(.96 .05 22);--muted-wash: oklch(.95 .004 250);--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--shadow-sm: 0 1px 2px oklch(.4 .02 256 / .06), 0 1px 1px oklch(.4 .02 256 / .04);--shadow-md: 0 4px 16px oklch(.4 .02 256 / .08), 0 1px 3px oklch(.4 .02 256 / .06);--shadow-lg: 0 18px 50px oklch(.35 .03 256 / .16);--row-h: 52px;--pad: 24px;--font-ui: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace}[data-density=compact]{--row-h: 42px;--pad: 16px}[data-density=comfy]{--row-h: 60px;--pad: 30px}[data-theme=dark]{--accent-wash: color-mix(in oklab, var(--accent), var(--surface) 80%);--bg: oklch(.185 .012 256);--surface: oklch(.235 .016 256);--surface-2: oklch(.28 .017 256);--line: oklch(.32 .02 256);--line-strong: oklch(.4 .022 256);--ink: oklch(.96 .008 256);--ink-2: oklch(.78 .012 256);--ink-3: oklch(.62 .013 256);--ok-wash: color-mix(in oklab, var(--ok), var(--surface) 78%);--warn-wash: color-mix(in oklab, var(--warn), var(--surface) 78%);--danger-wash: color-mix(in oklab, var(--danger), var(--surface) 76%);--muted-wash: oklch(.31 .012 256);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow-md: 0 4px 16px oklch(0 0 0 / .36), 0 1px 3px oklch(0 0 0 / .3);--shadow-lg: 0 18px 50px oklch(0 0 0 / .5)}[data-theme=dark] .badge-paid{color:#79dd9f}[data-theme=dark] .badge-sent{color:#9dc7ff;color:oklch(.82 .1 256)}[data-theme=dark] .badge-overdue{color:#ff9491;color:oklch(.78 .15 22)}[data-theme=dark] .chip-filter.active{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=dark] .chip-filter.active .cnt{color:#cde0f9}[data-theme=dark] input[type=date]{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}#root{height:100%}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}.app{display:flex;height:100%;overflow:hidden}.app[data-nav=top]{flex-direction:column}.sidebar{width:248px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column}.app[data-nav=top] .sidebar{width:100%;flex-direction:row;align-items:center;height:64px;border-right:none;border-bottom:1px solid var(--line);padding:0 18px;gap:8px}.brand{display:flex;align-items:center;gap:11px;padding:20px 20px 18px}.app[data-nav=top] .brand{padding:0 18px 0 0;margin-right:8px}.brand-mark{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;letter-spacing:-.02em}.brand-name{font-weight:700;font-size:15px;letter-spacing:-.01em;white-space:nowrap}.brand-sub{font-size:11px;color:var(--ink-3);margin-top:1px}.nav{display:flex;flex-direction:column;gap:2px;padding:6px 12px;flex:1}.app[data-nav=top] .nav{flex-direction:row;padding:0;gap:2px;align-items:center}.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:14px 12px 6px}.app[data-nav=top] .nav-label{display:none}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--ink-2);font-weight:600;font-size:13.5px;border:none;background:none;text-align:left;width:100%;position:relative;transition:background .12s,color .12s}.app[data-nav=top] .nav-item{width:auto}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--accent-wash);color:var(--accent-press)}.nav-item.active svg{color:var(--accent)}.nav-item svg{width:18px;height:18px;flex-shrink:0;color:var(--ink-3)}.nav-badge{margin-left:auto;font-size:11px;font-weight:700;background:var(--danger);color:#fff;border-radius:999px;padding:1px 7px}.sidebar-foot{padding:12px;border-top:1px solid var(--line)}.app[data-nav=top] .sidebar-foot{display:none}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm)}.user-chip:hover{background:var(--surface-2)}.avatar{width:30px;height:30px;border-radius:999px;background:var(--accent-wash);color:var(--accent-press);display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.cmp-switch-wrap{padding:0 12px 10px}.app[data-nav=top] .cmp-switch-wrap{display:none}.cmp-switch{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.cmp-switch:hover{background:var(--surface-2);border-color:var(--line-strong)}.cmp-menu{position:absolute;left:12px;right:12px;top:calc(100% - 2px);z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px}.cmp-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:none;background:none;border-radius:8px;text-align:left}.cmp-menu-item:hover{background:var(--surface-2)}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:64px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:16px;padding:0 var(--pad)}.app[data-nav=top] .topbar{display:none}.page-title{font-size:19px;font-weight:750;letter-spacing:-.02em}.page-sub{font-size:12.5px;color:var(--ink-3);margin-top:1px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;color:var(--ink-3);width:230px}.search input{border:none;background:none;outline:none;flex:1;font-size:13px;color:var(--ink)}.search svg{width:15px;height:15px}.content{flex:1;overflow-y:auto;padding:var(--pad)}.content-inner{max-width:1180px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:var(--radius-sm);font-weight:650;font-size:13.5px;border:1px solid transparent;transition:background .12s,border-color .12s,box-shadow .12s;white-space:nowrap}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:var(--surface);color:var(--ink-2)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-press)}.btn-ghost{background:var(--surface);color:var(--ink-2);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-subtle{background:var(--surface-2);color:var(--ink-2)}.btn-subtle:hover{background:var(--line);color:var(--ink)}.btn-sm{height:32px;padding:0 11px;font-size:12.5px}.btn-icon{width:36px;padding:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--pad)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;padding:3px 9px 3px 8px;border-radius:999px;line-height:1.4}.badge .dot{width:6px;height:6px;border-radius:999px}.badge-paid{background:var(--ok-wash);color:#005d33;color:oklch(.42 .13 155)}.badge-paid .dot{background:var(--ok)}.badge-sent{background:var(--accent-wash);color:var(--accent-press)}.badge-sent .dot{background:var(--accent)}.badge-overdue{background:var(--danger-wash);color:#a50b25}.badge-overdue .dot{background:var(--danger)}.badge-draft{background:var(--muted-wash);color:var(--ink-3)}.badge-draft .dot{background:var(--ink-3)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding:0 14px 10px}.tbl td{padding:0 14px;height:var(--row-h);border-top:1px solid var(--line);font-size:13.5px;vertical-align:middle}.tbl tbody tr:nth-child(2n){background:#7f7f7f12}.tbl tbody tr:hover{background:var(--surface-2);cursor:pointer}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.r{text-align:right}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:18px 20px;min-width:0}.kpi-label{font-size:12.5px;color:var(--ink-3);font-weight:600;display:flex;align-items:center;gap:7px}.kpi-val{font-size:25px;font-weight:760;letter-spacing:-.025em;margin-top:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.kpi-val .cur{font-size:15px;font-weight:600;color:var(--ink-3);margin-left:4px}.kpi-delta{font-size:12px;font-weight:650;margin-top:7px;display:inline-flex;align-items:center;gap:4px}.kpi-delta.up{color:#007742;color:oklch(.5 .13 155)}.kpi-delta.down{color:#ba2936}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--ink-3)}.section-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.chip-filter{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:13px;font-weight:600;color:var(--ink-2)}.chip-filter:hover{background:var(--surface-2)}.chip-filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-filter .cnt{color:var(--ink-3);font-weight:600}.chip-filter.active .cnt{color:#b9bec4}.cbx{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;vertical-align:middle;margin:0}.tbl tbody tr.row-sel,.tbl tbody tr.row-sel:nth-child(2n){background:var(--accent-wash)}.tbl tbody tr.row-sel:hover{background:var(--accent-wash)}.doc-ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;flex-shrink:0}.doc-ic svg{width:14px;height:14px}.doc-ic.paid{background:var(--ok-wash);color:var(--ok)}.doc-ic.sent{background:var(--accent-wash);color:var(--accent)}.doc-ic.overdue{background:var(--danger-wash);color:var(--danger)}.doc-ic.draft{background:var(--muted-wash);color:var(--ink-3)}.doc-ic.unpaid{background:var(--warn-wash);color:var(--warn)}.doc-ic.sm{width:19px;height:19px;border-radius:5px}.doc-ic.sm svg{width:12px;height:12px}.bulk-fab{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:#171d26;color:#f4f5f7;border:1px solid oklch(.34 .02 256);border-radius:15px;padding:8px 9px;box-shadow:0 18px 50px #040b1873;z-index:60;animation:fabUp .22s cubic-bezier(.21,1.02,.73,1);max-width:calc(100vw - 48px);flex-wrap:wrap;justify-content:center}@keyframes fabUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.fab-count{display:flex;align-items:center;gap:8px;padding:0 10px 0 4px;font-weight:700;font-size:13px;white-space:nowrap}.fab-num{background:var(--accent);color:#fff;border-radius:7px;min-width:24px;height:24px;display:grid;place-items:center;font-size:12.5px;font-weight:800;padding:0 7px}.fab-sum{color:#a7abb1;font-weight:600;font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.fab-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border-radius:9px;border:none;background:transparent;color:#e6e8eb;font-weight:650;font-size:12.5px;white-space:nowrap}.fab-btn:hover{background:#2c333d}.fab-btn svg{width:14px;height:14px}.fab-btn.primary{background:var(--accent);color:#fff}.fab-btn.primary:hover{background:var(--accent-press)}.fab-btn.danger{color:#fb9795}.fab-btn.danger:hover{background:#492827}.fab-sep{width:1px;height:20px;background:#343b45;margin:0 5px;flex-shrink:0}.bulk-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 18px;background:var(--accent-wash);border-bottom:1px solid var(--line);border-radius:12px 12px 0 0}.link-num{background:none;border:none;padding:0;font-size:13.5px;font-weight:600;color:var(--accent);cursor:pointer;text-decoration:none}.link-num:hover{color:var(--accent-press);text-decoration:underline;text-underline-offset:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:24px;background:#0d162380;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;animation:ovIn .16s ease}@keyframes ovIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:modalIn .22s cubic-bezier(.2,.8,.3,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-body{padding:22px;display:flex;flex-direction:column;gap:15px;max-height:68vh;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid var(--line);background:var(--surface-2)}.fld{display:flex;flex-direction:column;gap:6px}.fld>span:first-child{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3)}.fld .req{color:var(--danger)}.fld-input{height:40px;border:1px solid var(--line-strong);border-radius:8px;padding:0 12px;font-size:14px;background:var(--surface);color:var(--ink);outline:none;width:100%}.fld-input.err{border-color:var(--danger)}.fld-grid{display:grid;gap:13px}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:3px;gap:3px}.seg button{border:none;background:none;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:650;color:var(--ink-2)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.gus-hint{font-size:11.5px;color:var(--ink-3)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}.tab{padding:12px 15px;border:none;background:none;font-weight:650;font-size:13.5px;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.tab svg{width:15px;height:15px}.vat-head,.vat-row{display:grid;grid-template-columns:1fr 100px 92px 36px;gap:10px;align-items:center}.vat-head{font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3);padding:0 2px 8px;border-bottom:1px solid var(--line)}.vat-head .c,.vat-row .c{text-align:center}.drop{border:1.5px dashed var(--line-strong);border-radius:12px;padding:22px;text-align:center;background:var(--surface-2);transition:border-color .15s,background .15s;cursor:pointer}.drop:hover{border-color:var(--accent);background:var(--accent-wash)}.drop.has{border-style:solid;border-color:var(--ok);background:var(--ok-wash)}.switch{width:40px;height:23px;border-radius:999px;background:var(--line-strong);position:relative;flex-shrink:0;transition:background .16s}.switch[data-on=true]{background:var(--accent)}.switch .knob{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s}.switch[data-on=true] .knob{transform:translate(17px)}.kpir-tbl th,.kpir-tbl td{font-size:12.5px}.kpir-tbl td{height:40px}.kpir-tbl tfoot td{background:var(--surface-2)}.rem-section{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.rem-title{font-size:14px;font-weight:700;letter-spacing:-.01em;margin-bottom:2px}.num-grid{display:grid;grid-template-columns:2fr 1.3fr .8fr;gap:12px}.kasa-name{border:none;background:none;font-weight:700;font-size:14px;color:var(--ink);padding:0;outline:none;width:100%;border-bottom:1px dashed transparent}.kasa-name:hover{border-bottom-color:var(--line-strong)}.kasa-name:focus{border-bottom-color:var(--accent)}.nip-suggest{position:absolute;top:calc(100% + 6px);left:82px;right:0;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;max-height:290px;overflow-y:auto}.nip-suggest-head{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:6px 8px 4px}.nip-suggest-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:8px;border-radius:8px;color:var(--ink)}.nip-suggest-item:hover{background:var(--accent-wash)}@media print{.kpir-tbl{font-size:11px}}.spin{width:14px;height:14px;border:2px solid var(--accent-ring);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:120;background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:10px;font-size:13.5px;font-weight:650;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:9px;animation:toastIn .25s cubic-bezier(.2,.8,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.fade-in{animation:fade .28s ease}@keyframes fade{0%{transform:translateY(7px);opacity:.4}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}}.invoice-sheet{--ink: oklch(.24 .02 256);--ink-2: oklch(.44 .015 256);--ink-3: oklch(.6 .012 256);--line: oklch(.92 .006 250);--line-strong: oklch(.86 .008 250);--surface-2: oklch(.975 .005 250);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:44px 46px;overflow:hidden}.invoice-sheet.preview-scaled{padding:30px}.invoice-sheet.preview-scaled .invoice-doc{font-size:.94em}.doc-label{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}.doc-party{font-size:12px;color:var(--ink-2);margin-top:3px;line-height:1.5}.doc-meta{font-weight:700;font-size:13px}.doc-tbl{width:100%;border-collapse:collapse}.doc-tbl th{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:9px 8px;border-bottom:1.5px solid var(--ink)}.doc-tbl td{font-size:12px;padding:8px;border-bottom:1px solid var(--line)}.doc-tbl .r,.doc-vat .r{text-align:right}.doc-vat{width:100%;border-collapse:collapse;max-width:340px}.doc-vat th{font-size:9.5px;font-weight:800;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:5px 8px}.doc-vat td{font-size:11.5px;padding:4px 8px;border-top:1px solid var(--line)}.doc-vat-sum td{font-weight:750;border-top:1.5px solid var(--ink)}.items-head{display:grid;grid-template-columns:1fr 70px 110px 64px 110px 34px;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3);padding:0 2px 8px;border-bottom:1px solid var(--line)}.items-head .r{text-align:right}.item-row{display:grid;grid-template-columns:1fr 70px 110px 64px 110px 34px;gap:8px;align-items:center}.mono-sel{font-family:var(--font-ui)}input:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-ring)}@media print{body{background:#fff}.sidebar,.topbar,.tweaks-host,.no-print,button{display:none!important}.app,.main,.content{display:block;overflow:visible;height:auto}.content{padding:0}.invoice-preview-rail{display:none!important}.invoice-sheet{border:none;box-shadow:none;border-radius:0;padding:0}[style*="grid-template-columns: 1fr 300px"]{display:block!important}}.content::-webkit-scrollbar{width:11px}.content::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px;border:3px solid var(--bg)}.content::-webkit-scrollbar-track{background:transparent}