:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f1f3f9;--text: #161a2b;--muted: #5b6178;--line: #e1e4ee;--brand: #3b4bdb;--brand-ink: #ffffff;--brand-soft: #e9ecfd;--ok: #157a4a;--ok-soft: #e3f4ea;--warn: #8a5a00;--warn-soft: #fff6e0;--danger: #b42318;--danger-soft: #fdecea;--radius: 12px;--shadow: 0 1px 2px rgb(16 20 45 / 6%), 0 6px 24px rgb(16 20 45 / 6%);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f1220;--surface: #171b2e;--surface-2: #1d2238;--text: #eceefa;--muted: #a3a9c3;--line: #2a3050;--brand: #8b97ff;--brand-ink: #0f1220;--brand-soft: #232a52;--ok: #5fd39a;--ok-soft: #12301f;--warn: #ffd889;--warn-soft: #3a2f12;--danger: #ff8a80;--danger-soft: #3d1a17;--shadow: none;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25;margin:0}h1{font-size:26px;letter-spacing:-.01em}h2{font-size:18px}h3{font-size:15px}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100%}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;padding:18px 12px;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;font-weight:700}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ok);color:#fff;font-size:15px}.brand small{display:block;font-weight:500;color:var(--muted);font-size:12px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--text);font-weight:500}.nav-link:hover{background:var(--surface-2);text-decoration:none}.nav-link.active{background:var(--brand-soft);color:var(--brand);font-weight:700}.nav-link svg{width:18px;height:18px;flex:none}.sidebar-foot{margin-top:auto;display:grid;gap:8px;padding:10px;font-size:13px}.main{min-width:0;padding:28px 32px 64px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head p{margin:4px 0 0;color:var(--muted)}.mobile-bar{display:none}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;width:260px;z-index:40;box-shadow:var(--shadow)}.mobile-bar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.main{padding:20px 16px 48px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--muted);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.btn.ghost{border-color:transparent;background:transparent}.btn.small{min-height:32px;padding:0 10px;font-size:13px;border-radius:8px}.btn.icon{width:32px;min-height:32px;padding:0}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.field{display:grid;gap:5px;min-width:0;align-content:start}.field>span{font-size:13px;font-weight:600;color:var(--muted)}.field .hint{font-size:12px;color:var(--muted)}.field .error{font-size:12px;color:var(--danger);font-weight:600}input,select,textarea{width:100%;min-height:40px;padding:8px 11px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit}textarea{min-height:72px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:0;border-color:var(--brand)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--brand)}.check{display:flex;gap:10px;align-items:flex-start;font-weight:500}.check input{margin-top:3px}.grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.address{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.grid.town{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1.2fr)}@media(max-width:640px){.grid.two,.grid.three,.grid.town{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.section{display:grid;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section h3{display:flex;align-items:center;gap:8px}.section>p{margin:-8px 0 0;color:var(--muted);font-size:13px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}.kpi{padding:16px 18px}.kpi .label{font-size:13px;color:var(--muted);font-weight:600}.kpi .value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:4px}.kpi .sub{font-size:13px;color:var(--muted)}.kpi.alert .value{color:var(--danger)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;padding:10px 14px;border-bottom:1px solid var(--line)}.table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr.link{cursor:pointer}.table tbody tr.link:hover{background:var(--surface-2)}.table th.num{text-align:right}.table-wrap{overflow-x:auto}.tabs{display:flex;gap:4px;flex-wrap:wrap;padding:4px;background:var(--surface-2);border-radius:10px}.tab{border:0;background:transparent;padding:7px 12px;border-radius:8px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.toolbar input[type=search]{max-width:300px}.badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--surface-2);color:var(--muted)}.badge svg{width:13px;height:13px}.badge.open{background:var(--brand-soft);color:var(--brand)}.badge.paid{background:var(--ok-soft);color:var(--ok)}.badge.partial{background:var(--warn-soft);color:var(--warn)}.badge.overdue{background:var(--danger-soft);color:var(--danger)}.badge.cancelled{text-decoration:line-through}.notice{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;font-size:14px}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.error{background:var(--danger-soft);color:var(--danger)}.notice.info{background:var(--brand-soft);color:var(--brand)}.notice.ok{background:var(--ok-soft);color:var(--ok)}.notice ul{margin:4px 0 0;padding-left:18px}.empty{display:grid;justify-items:center;gap:10px;padding:48px 20px;text-align:center;color:var(--muted)}.empty svg{width:40px;height:40px;color:var(--brand)}.skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0a0c1873}.dialog{width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:14px;box-shadow:0 20px 60px #0000004d}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.dialog-body{display:grid;gap:14px;padding:20px}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.auth{min-height:100%;display:grid;place-items:center;padding:24px 16px}.auth .card{width:min(440px,100%)}.auth form{display:grid;gap:14px}.region-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.region-pick label{display:grid;justify-items:center;gap:2px;padding:10px 6px;border:1px solid var(--line);border-radius:10px;cursor:pointer;text-align:center;font-size:13px}.region-pick label:has(input:checked){border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:700}.region-pick input{position:absolute;opacity:0;pointer-events:none}.region-pick .flag{font-size:20px}.editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.editor .preview-col{position:sticky;top:20px}@media(max-width:1280px){.editor{grid-template-columns:1fr}.editor .preview-col{position:static}}.items{display:grid;gap:10px}.item-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 72px 110px 90px 32px;gap:8px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.item-row textarea{min-height:40px;height:40px}.item-row .amount{padding-top:9px;font-weight:700}.item-row .extra{grid-column:1 / -1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.item-row .extra input{width:80px;min-height:32px;padding:4px 8px}.item-head{display:grid;grid-template-columns:minmax(0,1fr) 80px 72px 110px 90px 32px;gap:8px;padding:0 10px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}@media(max-width:720px){.item-head{display:none}.item-row{grid-template-columns:1fr 1fr}.item-row>:first-child{grid-column:1 / -1}}.totals-mini{display:grid;gap:4px;justify-self:end;min-width:260px;font-size:14px}.totals-mini div{display:flex;justify-content:space-between;gap:24px}.totals-mini .strong{font-weight:800;font-size:16px;border-top:1px solid var(--line);padding-top:6px;margin-top:2px}.save-state{font-size:13px;color:var(--muted)}.paper-frame{width:100%;container-type:inline-size}.paper{--u: calc(100cqw / 210);position:relative;width:100%;aspect-ratio:210 / 297;overflow:hidden;background:#fff;color:#161a2b;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:4px;font-family:Helvetica,Arial,sans-serif;font-size:calc(var(--u) * 3.4);line-height:1.35}.paper *{box-sizing:border-box}.paper .abs{position:absolute}.paper .company-name{font-weight:700;font-size:calc(var(--u) * 4.9)}.paper .logo{max-width:calc(var(--u) * 55);max-height:calc(var(--u) * 20);object-fit:contain;object-position:left top}.paper .small{font-size:calc(var(--u) * 2.9);color:#5b6178}.paper .tiny{font-size:calc(var(--u) * 2.3);color:#5b6178;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paper .recipient{font-size:calc(var(--u) * 3.5);line-height:1.4}.paper .meta{display:grid;grid-template-columns:calc(var(--u) * 32) 1fr;row-gap:calc(var(--u) * .6);font-size:calc(var(--u) * 3)}.paper .meta dt{color:#5b6178}.paper .meta dd{margin:0}.paper .body{position:absolute;left:calc(var(--u) * 20);right:calc(var(--u) * 15)}.paper .title{font-weight:700;font-size:calc(var(--u) * 5.3);margin-bottom:calc(var(--u) * 1.5)}.paper .subject{font-weight:700;margin-bottom:calc(var(--u) * 1.5)}.paper p{margin:0 0 calc(var(--u) * 2);white-space:pre-line}.paper table{width:100%;border-collapse:collapse;font-size:calc(var(--u) * 3.3);margin:calc(var(--u) * 2) 0}.paper th{text-align:left;font-size:calc(var(--u) * 3);padding-bottom:calc(var(--u) * 1);border-bottom:calc(var(--u) * .3) solid #161a2b}.paper td{padding:calc(var(--u) * 1.2) 0;border-bottom:calc(var(--u) * .12) solid #c9cdd9;vertical-align:top}.paper td+td,.paper th+th{padding-left:calc(var(--u) * 2)}.paper .r{text-align:right;white-space:nowrap}.paper .totals{margin-left:auto;width:calc(var(--u) * 90)}.paper .totals div{display:flex;justify-content:space-between;padding:calc(var(--u) * .4) 0}.paper .totals .strong{font-weight:700;font-size:calc(var(--u) * 3.7);border-top:calc(var(--u) * .3) solid #161a2b;margin-top:calc(var(--u) * .8);padding-top:calc(var(--u) * 1)}.paper .notes{margin-top:calc(var(--u) * 4);font-size:calc(var(--u) * 3.1)}.paper .slip{position:absolute;left:0;right:0;bottom:0;height:calc(var(--u) * 105)}.paper .slip svg{width:100%;height:100%;display:block}.paper .epc{display:flex;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 6);font-size:calc(var(--u) * 3.1)}.paper .epc svg{width:calc(var(--u) * 30);height:calc(var(--u) * 30)}.paper .footer{position:absolute;left:calc(var(--u) * 20);right:calc(var(--u) * 15);bottom:calc(var(--u) * 7);text-align:center;font-size:calc(var(--u) * 2.4);color:#5b6178;border-top:calc(var(--u) * .12) solid #c9cdd9;padding-top:calc(var(--u) * 1)}.paper .watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;font-weight:800;font-size:calc(var(--u) * 30);color:#a0a8c438;transform:rotate(-35deg)}.paper .overflow{position:absolute;left:calc(var(--u) * 20);right:calc(var(--u) * 15);bottom:calc(var(--u) * 108);font-size:calc(var(--u) * 2.8);color:#5b6178;text-align:center;background:#fff}.timeline{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:14px}.timeline li{display:flex;justify-content:space-between;gap:12px}