:root{--ui-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--slate-950: #020617;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--brand: #2563eb;--brand-dark: #1d4ed8;--brand-light: #3b82f6;--card: #fff;--ink: #1e1e1e;--muted: #6b7280;--line: #dfe3e8;--accent: #2563eb;--accent-soft: #eff4ff;--danger: #dc2626;--radius: 8px;font-family:var(--ui-font);color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--slate-900)}button,input,select,textarea{font:inherit;color:inherit}.icon{display:inline-flex;vertical-align:middle}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--slate-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.work{flex:1;min-height:0;display:flex}.hdr{height:44px;flex-shrink:0;display:flex;align-items:center;gap:2px;padding:0 10px 0 12px;background:var(--slate-900);border-bottom:1px solid var(--slate-800);color:var(--slate-200);user-select:none}.hdr-group{display:flex;align-items:center;gap:2px;min-width:0}.brand{font-size:14px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.01em;white-space:nowrap;margin-right:6px}.brand-mid{color:var(--brand-light)}.brand-tag{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#93c5fd;background:#2563eb26;border:1px solid rgba(37,99,235,.35);border-radius:999px;padding:2px 8px}.tb-spacer{flex:1}.tb-sep{width:1px;height:22px;background:var(--slate-700);margin:0 8px;flex-shrink:0}.tb-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--slate-200);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.tb-btn:hover,.tb-btn[aria-expanded=true]{background:#ffffff1a;color:#fff}.tb-btn:active{background:#ffffff26}.tb-btn:focus-visible{outline:2px solid var(--brand-light);outline-offset:1px}.tb-btn.primary{background:var(--brand);color:#fff;margin-left:4px}.tb-btn.primary:hover{background:var(--brand-dark)}.tb-btn.tb-chip{border:1px solid var(--slate-600);height:30px}.tb-btn.tb-compact{padding:0 7px}.tb-chevron{color:var(--slate-400)}.tb-value{max-width:150px;overflow:hidden;text-overflow:ellipsis}.tb-aa{font-size:12px;font-weight:700;color:var(--slate-400)}.tb-swatch{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px var(--slate-900),0 0 0 3px var(--slate-600)}.tb-short{display:none}.tb-status .dot{width:8px;height:8px;border-radius:50%;background:var(--slate-400)}.tb-status[data-status=sent] .dot{background:var(--brand-light)}.tb-status[data-status=paid] .dot,.tb-status[data-status=accepted] .dot{background:#4ade80}.tb-status[data-status=overdue] .dot{background:#f87171}.tb-status[data-status=overdue]{color:#fca5a5}.tb-status[data-status=declined] .dot{background:var(--slate-500)}.side{display:none}@media(min-width:1280px){.side{display:flex;flex-direction:column;width:316px;flex-shrink:0;background:var(--slate-900);border-right:1px solid var(--slate-800);color:var(--slate-300)}}.side-tabs{height:36px;flex-shrink:0;display:flex;align-items:stretch;padding:0 6px;border-bottom:1px solid var(--slate-800)}.side-tab{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-500);border-bottom:2px solid transparent;margin-bottom:-1px}.side-tab:hover{color:var(--slate-300)}.side-tab.on{color:var(--slate-200);border-bottom-color:var(--brand-light)}.side-tab:focus-visible{outline:2px solid var(--brand-light);outline-offset:-2px}.side-count{font-size:10px;color:var(--slate-500);background:var(--slate-800);border-radius:999px;padding:1px 6px;letter-spacing:0}.side-scroll{flex:1;min-height:0;overflow-y:auto;padding:10px 8px 8px}.side-top{display:flex;gap:6px;padding:0 2px 8px}.side-new{all:unset;box-sizing:border-box;cursor:pointer;height:32px;padding:0 12px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;white-space:nowrap;color:#93c5fd;background:#2563eb1f;border:1px solid rgba(37,99,235,.35)}.side-new:hover{background:#2563eb40;color:#fff}.side-new:focus-visible{outline:2px solid var(--brand-light)}.side-search{flex:1;min-width:0;height:32px;border-radius:6px;border:1px solid var(--slate-700);background:var(--slate-800);color:var(--slate-200);padding:0 10px;font-size:12px;outline:none}.side-search::placeholder{color:var(--slate-500)}.side-search:focus{border-color:var(--brand);box-shadow:0 0 0 2px #2563eb33}.side-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 2px 10px}.side-tile{all:unset;box-sizing:border-box;cursor:pointer;min-width:0;display:grid;gap:1px;padding:6px 8px;border-radius:6px;background:var(--slate-800);border:1px solid var(--slate-800)}.side-tile:hover{border-color:var(--slate-600)}.side-tile:focus-visible{outline:2px solid var(--brand-light)}.side-tile-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-500)}.side-tile-value{font-size:13px;font-weight:600;color:var(--slate-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.side-tile.zero .side-tile-value{color:var(--slate-500);font-weight:500}.side-tile.alert .side-tile-value{color:#fca5a5}.side-section{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 4px;border-top:1px solid var(--slate-800);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-500)}.side-seeall{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:2px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:var(--brand-light)}.side-seeall:hover{color:#93c5fd;text-decoration:underline}.side-seeall:focus-visible{outline:2px solid var(--brand-light);border-radius:3px}.side-seeall-arrow{transform:rotate(-90deg)}.doc-list{list-style:none;margin:0;padding:0;display:grid;gap:1px}.doc-row{position:relative;display:flex;align-items:center;border-radius:6px}.doc-row:hover{background:#ffffff0f}.doc-row.active{background:#2563eb33}.doc-open{all:unset;box-sizing:border-box;cursor:pointer;flex:1;min-width:0;display:grid;gap:3px;padding:7px 4px 7px 10px;border-radius:6px}.doc-open:focus-visible{outline:2px solid var(--brand-light)}.doc-line1,.doc-line2{display:flex;align-items:baseline;gap:8px;min-width:0}.doc-num{font-size:12px;font-weight:600;color:var(--slate-200);white-space:nowrap}.doc-dot{display:none;width:7px;height:7px;border-radius:50%;flex-shrink:0;align-self:center;background:var(--slate-500)}.doc-dot.sent{background:var(--brand-light)}.doc-dot.paid,.doc-dot.accepted{background:#4ade80}.doc-dot.overdue{background:#f87171}@media(max-height:820px){.doc-line2{display:none}.doc-dot{display:inline-block}.doc-open{padding-top:6px;padding-bottom:6px}}.doc-client{flex:1;min-width:0;font-size:12px;color:var(--slate-300);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-client.strong{color:var(--slate-200);font-weight:600}.doc-amount{font-size:12px;color:var(--slate-200);white-space:nowrap;font-variant-numeric:tabular-nums}.doc-date{font-size:11px;color:var(--slate-500);white-space:nowrap}.doc-line2 .doc-date:last-child:not(:first-child){margin-left:auto}.row-menu{all:unset;cursor:pointer;width:26px;height:26px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--slate-500);margin-right:4px;flex-shrink:0}.row-menu:hover,.row-menu[aria-expanded=true]{background:#ffffff1a;color:#fff}.row-menu:focus-visible{outline:2px solid var(--brand-light)}.badge{font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:4px;padding:1px 6px}.badge.draft{color:var(--slate-300);background:var(--slate-800)}.badge.sent{color:#93c5fd;background:#2563eb33}.badge.paid,.badge.accepted{color:#86efac;background:#16a34a33}.badge.overdue{color:#fca5a5;background:#dc262633}.badge.declined{color:var(--slate-400);background:var(--slate-800);text-decoration:line-through}.side-empty{font-size:12px;color:var(--slate-500);text-align:center;padding:24px 12px;line-height:1.5}.side-ad{flex-shrink:0;padding:12px 0 6px;border-top:1px solid var(--slate-800);display:flex;flex-direction:column;align-items:center}#olmAdLeft{width:300px;min-height:250px}#olmAdLeft *{min-height:0!important}.side-ad:has(>.mv-ad-box) #olmAdLeft{min-height:0;height:0;overflow:hidden}.side-ad>.mv-ad-box{max-width:300px;flex-shrink:0}.canvas-area{flex:1;min-width:0;overflow:auto;padding:32px 24px 40px;background-color:var(--slate-200);background-image:radial-gradient(circle,var(--slate-300) 1px,transparent 1px);background-size:20px 20px;background-attachment:local}.card-host{max-width:1176px;margin:0 auto}.status-bar{height:28px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--slate-900);border-top:1px solid var(--slate-800);font-size:11px;color:var(--slate-500);white-space:nowrap}.sb-sep,.sb-dot{color:var(--slate-700)}.sb-dot{margin:0 -4px}.sb-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.sb-btn:hover{color:var(--slate-300)}.sb-btn:focus-visible{outline:2px solid var(--brand-light);border-radius:3px}.sb-private{overflow:hidden;text-overflow:ellipsis}.sb-short{display:none}.sb-saved{display:inline-flex;align-items:center;gap:3px}.sb-saved.error{color:#f87171;font-weight:600}.sb-saved.warn{color:#fbbf24}.side-plan{margin:10px 8px 0;padding:10px 12px;border-radius:8px;background:#ffffff0a;font-size:11.5px;line-height:1.5;color:var(--slate-400)}.side-plan-link{all:unset;cursor:pointer;color:var(--brand-light);font-weight:600}.side-plan-link:hover{text-decoration:underline}.side-plan-link:focus-visible{outline:2px solid var(--brand-light);border-radius:3px}.limit-dialog p{margin:0 0 10px;line-height:1.55}.sb-check{display:inline-flex;color:#4ade80}.sb-link{color:var(--slate-500);text-decoration:none}.sb-link:hover{color:var(--slate-300)}.sb-zoom{display:inline-flex;align-items:center;gap:1px}.sb-zoom .sb-btn{height:20px;min-width:20px;padding:0 4px;justify-content:center;border-radius:4px}.sb-zoom .sb-btn:hover:not(:disabled){background:var(--slate-800)}.sb-zoom .sb-btn:disabled{opacity:.35;cursor:default}.sb-zoom svg{width:12px;height:12px}.sb-zlevel{min-width:36px!important;font-variant-numeric:tabular-nums}.sb-zfit{margin-left:2px}.app:has(#overview:not([hidden])) :is(.sb-zoom,.sb-zoom-sep){display:none}@media(max-width:1100px){.sb-long,.sb-home{display:none}.sb-short{display:inline}}@media(max-width:899px){.sb-wide{display:none!important}}@media(max-width:639px){.sb-zoom,.sb-zoom-sep{display:none!important}}html.olm-ads .app{height:calc(100vh - 90px);height:calc(100dvh - 90px)}html.olm-ads{--adhesion-background-color: #0f172a}html.olm-ads .adhesion_wrapper.adhesion_container{box-shadow:inset 0 1px #1e293b}.card{background:var(--card);border-radius:22px;padding:36px 44px;box-shadow:0 1px 3px #0f172a1f;font-family:var(--doc-font, var(--ui-font))}@media(min-width:1280px)and (max-width:1559px){.card{padding:32px 36px}}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 30px;flex-wrap:wrap}.doc-title{margin:0;font-size:36px;font-weight:700;letter-spacing:-.01em}.doc-title .accent{color:var(--doc-accent, var(--accent))}.btn{border:0;border-radius:6px;padding:9px 18px;font-size:13.5px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .15s;font-family:var(--ui-font)}.btn-light{background:var(--slate-700);color:var(--slate-200)}.btn-light:hover{background:var(--slate-600);color:#fff}.btn-dark{background:var(--brand);color:#fff}.btn-dark:hover{background:var(--brand-dark)}.btn:disabled{opacity:.45;cursor:default;pointer-events:none}.section-title{margin:0 0 14px;font-size:18px;font-weight:600}.muted{color:var(--muted);font-size:14px;margin:0 0 10px;max-width:340px;line-height:1.5}.muted.small,.small{font-size:12.5px}.link{all:unset;cursor:pointer;color:var(--accent);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.link:hover{text-decoration:underline}.link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.link.small{font-size:11px;color:#6b7280}.link.danger{color:var(--danger)}.link-row{display:flex;gap:22px;margin-top:12px;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:1fr 400px;gap:32px}.from-name{font-size:16px;margin-bottom:8px}.from-lines{font-size:12px;color:#4b5563;line-height:1.45;margin-bottom:14px}.client-lines{margin:12px 0 0}.meta{display:grid;gap:10px;align-content:start}.meta-row{display:grid;grid-template-columns:1fr 240px 22px;align-items:center;gap:12px}.meta-label{text-align:right;font-size:14px}.meta-label-input{border:0;border-bottom:1px dashed var(--line);text-align:right;font-size:14px;padding:4px 0;min-width:0;background:transparent}.meta-label-input:focus{outline:none;border-bottom-color:var(--accent)}.meta-spacer{width:22px}.input{width:100%;height:40px;border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;padding:0 12px;font-size:14.5px;transition:border-color .15s;min-width:0}textarea.input{height:auto;padding:10px 12px;resize:vertical;line-height:1.45}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:#a3a8b0}select.input{appearance:none;padding-right:32px;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231e1e1e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}select.placeholder{color:#8b9098}.select-lg{height:42px;font-size:15.5px}.client{margin-top:34px;max-width:534px}.notes,.terms{margin-top:38px;max-width:640px}.note-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.items{margin-top:26px}.item-head,.item-row{display:grid;gap:8px;align-items:start;grid-template-columns:14px minmax(150px,1fr) 76px 98px 128px 150px 132px 26px;margin-left:-22px}.item-head{align-items:end;font-size:13.5px;font-weight:500;margin-bottom:8px;white-space:nowrap}.item-head>span{overflow:hidden;text-overflow:ellipsis}.item-head .section-title{margin:0}.inline-select{border:0;background:none;color:var(--accent);font-weight:500;cursor:pointer;padding:0;font-size:13.5px}.item-row{padding:4px 0;border-top:2px solid transparent;border-bottom:2px solid transparent}.item-row.dragging{opacity:.4}.item-row.drop-before{border-top-color:var(--accent)}.item-row.drop-after{border-bottom-color:var(--accent)}.item-name{display:grid;gap:6px}.item-row .input{height:42px;font-size:15px}.item-row textarea.input{height:auto;font-size:13.5px}.item-row textarea.input.name{min-height:42px;padding-top:10px;padding-bottom:10px;font-size:15px;line-height:19px;resize:none;overflow:hidden}.grip{color:#c4c8ce;cursor:grab;display:flex;align-items:center;justify-content:center;height:42px}.grip:hover{color:var(--muted)}.form-contents{display:contents}.money-input{position:relative}.money-input .input{padding-right:30px;text-align:left}.money-input .suffix{position:absolute;right:12px;top:0;bottom:0;display:flex;align-items:center;font-size:14.5px;pointer-events:none}.money-input.readonly{height:42px;border:1.5px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;padding:0 30px 0 12px;font-size:15px;color:#6b7280;background:#fff}.icon-btn{all:unset;cursor:pointer;width:26px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);border-radius:6px}.icon-btn:hover{background:#f3f4f6}.icon-btn:focus-visible{outline:2px solid var(--accent)}.icon-btn.small{height:26px;width:22px;color:#9ca3af}.add-item{margin-top:14px}.totals{margin:18px 0 0 auto;width:min(372px,100%)}.total-row{display:flex;justify-content:space-between;gap:16px;color:#4b5563;font-size:16px;padding:4px 0}.grand-total{text-align:right;font-size:44px;font-weight:700;letter-spacing:-.01em;margin-top:14px}.payment{margin-top:34px;max-width:520px}.payment .section-title{margin-bottom:18px}.pay-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:9px 12px}.pay-icon{width:34px;height:34px;border-radius:8px;background:#f1f3f5;display:flex;align-items:center;justify-content:center}.pay-text{font-size:16px;display:grid;gap:4px}.small-input{height:34px;font-size:13.5px;max-width:280px}.check{width:18px;height:18px;accent-color:#64748b;cursor:pointer}.pill{border:0;background:#eef0f2;border-radius:999px;padding:5px 14px;font-size:12.5px;cursor:pointer}.pill:hover{background:#e2e6ea}.ov{font-family:var(--ui-font);color:#1e293b}.ov-head{display:grid;gap:10px;margin-bottom:18px}.ov-back{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#475569;width:max-content}.ov-back:hover{color:var(--brand)}.ov-back:focus-visible{outline:2px solid var(--brand);border-radius:3px}.ov-title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.01em;color:#0f172a}.ov-tabs{display:flex;gap:4px;border-bottom:1px solid #e2e8f0}.ov-tab{all:unset;cursor:pointer;padding:8px 12px;font-size:13.5px;font-weight:500;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-1px}.ov-tab:hover{color:#0f172a}.ov-tab.on{color:#0f172a;border-bottom-color:var(--brand)}.ov-tab:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.ov-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ov-select,.ov-search{height:34px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;padding:0 10px;font-size:13px;color:#0f172a;outline:none}.ov-search{min-width:260px}.ov-select:focus,.ov-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb26}.ov-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;font-size:13px;font-weight:500;color:#0f172a;cursor:pointer}.ov-btn:hover{background:#f1f5f9}.ov-btn:disabled{opacity:.5;cursor:default}.ov-btn.danger{color:#b91c1c;border-color:#fecaca}.ov-btn.danger:hover{background:#fef2f2}.ov-link{all:unset;cursor:pointer;font-size:13px;color:#475569}.ov-link:hover{text-decoration:underline}.ov-facts{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#475569;margin:4px 0 12px}.ov-facts span:not(:first-child):before{content:"·";margin-right:16px;color:#cbd5e1}.ov-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;margin-bottom:10px;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe;font-size:13px;font-weight:500;color:#1e3a8a}.ov-scroll{overflow-x:auto}@media(max-width:599px){.ov-table:not(.vat) th:nth-child(3),.ov-table:not(.vat) td:nth-child(3),.ov-table:not(.vat) th:nth-child(5),.ov-table:not(.vat) td:nth-child(5){display:none}.ov-table:not(.vat) th,.ov-table:not(.vat) td{padding-left:5px;padding-right:5px}.ov-table td.ov-client{min-width:84px;max-width:150px;white-space:normal}}.preview-phone{margin:4px 0 8px;line-height:1.55;color:var(--slate-300)}.ov-table{width:100%;border-collapse:collapse;font-size:13.5px}.ov-table th{text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#64748b;padding:8px 10px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.ov-table td{padding:9px 10px;border-bottom:1px solid #f1f5f9;white-space:nowrap}.ov-table tbody tr:hover{background:#f8fafc}.ov-table tr.sel{background:#eff6ff}.ov-table .num{text-align:right;font-variant-numeric:tabular-nums}.ov-table .strong{font-weight:600}.ov-table tfoot td{font-weight:600;border-top:1px solid #cbd5e1;border-bottom:0}.ov-check{width:32px}.ov-check input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.ov-client{max-width:280px;overflow:hidden;text-overflow:ellipsis}.ov-sort{all:unset;cursor:pointer;display:inline-flex;gap:4px}.ov-sort:hover{color:#0f172a}.ov-sort:focus-visible{outline:2px solid var(--brand)}.ov-table th.num .ov-sort{justify-content:flex-end}.ov-arrow{color:var(--brand)}.ov-open{all:unset;cursor:pointer;font-weight:600;color:var(--brand)}.ov-open:hover{text-decoration:underline}.ov-open:focus-visible{outline:2px solid var(--brand)}.ov-empty{text-align:center;color:#64748b;padding:28px 10px!important;white-space:normal}.ov-note{font-size:12.5px;color:#64748b;margin:0 0 12px}.ov-block+.ov-block{margin-top:24px}.ov-block h3,.ov-sub h3{font-size:15px;margin:0 0 8px;color:#0f172a}.ov-sub{margin-top:22px}.ov-warn{color:#b91c1c;font-weight:600}.ov .badge.draft{color:#475569;background:#f1f5f9}.ov .badge.sent{color:#1d4ed8;background:#dbeafe}.ov .badge.paid,.ov .badge.accepted{color:#15803d;background:#dcfce7}.ov .badge.overdue{color:#b91c1c;background:#fee2e2}.ov .badge.declined{color:#64748b;background:#f1f5f9}.foot{display:none;text-align:center;color:var(--slate-600);font-size:12.5px;margin:20px 0 8px}.menu{position:fixed;z-index:150;background:var(--slate-800);border:1px solid var(--slate-700);border-radius:8px;box-shadow:0 8px 30px #0006;padding:4px;min-width:200px;display:grid;align-content:start;overflow-y:auto;font-family:var(--ui-font);color:var(--slate-200)}.menu-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--slate-200)}.menu-item:hover,.menu-item:focus-visible{background:#ffffff14;color:#fff}.menu-item.danger{color:#f87171}.menu-check{width:14px;display:inline-flex;color:var(--brand-light);flex-shrink:0}.menu-label{flex:1;white-space:nowrap}.menu-hint{color:var(--slate-500);font-size:12px;margin-left:16px}.menu-ext{color:var(--slate-500)}.menu-heading{padding:8px 10px 4px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-500)}.menu-foot{padding:8px 10px 6px;font-size:11px;color:var(--slate-500);border-top:1px solid var(--slate-700);margin-top:4px}.menu-sep{height:1px;background:var(--slate-700);margin:4px 2px}.search-menu{width:300px;max-width:calc(100vw - 16px);padding:0;overflow:hidden;display:flex;flex-direction:column}.search-pick{display:flex;flex-direction:column;min-height:0;max-height:inherit}.fp-search{margin:8px;height:32px;border-radius:6px;border:1px solid var(--slate-700);background:var(--slate-900);color:var(--slate-200);padding:0 10px;font:12.5px var(--ui-font);outline:none;flex-shrink:0}.fp-search:focus{border-color:var(--brand);box-shadow:0 0 0 2px #2563eb33}.fp-list{overflow-y:auto;padding:0 4px 4px;min-height:0;flex:1}.fp-item{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--slate-200)}.font-menu .fp-item{padding:6px 10px;font-size:16px}.fp-item:hover,.fp-item:focus-visible{background:#ffffff14;color:#fff}.fp-item.on{background:#2563eb33;color:#fff}.fp-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-hint{font-size:12px;color:var(--slate-500);white-space:nowrap}.fp-item.on .fp-hint{color:var(--slate-400)}.fp-check{display:inline-flex;width:14px;flex-shrink:0;color:var(--brand-light)}.fp-empty{padding:16px;text-align:center;font-size:12px;color:var(--slate-500)}.search-pick .menu-foot{margin:0;flex-shrink:0}.lang-menu .fp-list,.currency-menu .fp-list{max-height:320px}.colour-pop{padding:2px 2px 0}.swatches{display:grid;grid-template-columns:repeat(5,28px);gap:8px;padding:4px 8px 10px}.swatch{width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff26}.swatch.on{box-shadow:0 0 0 2px var(--slate-800),0 0 0 4px #fff}.swatch:focus-visible{outline:2px solid #fff;outline-offset:2px}.custom-colour{display:flex;align-items:center;gap:8px;padding:4px 8px 6px;font-size:13px;cursor:pointer}.custom-colour input{width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer}.data-menu{width:300px}.data-pop{padding:8px 10px 10px;font-size:12.5px;line-height:1.5}.data-pop p{margin:0 0 8px}.muted-small{color:var(--slate-400);font-size:12px}.data-delete{all:unset;cursor:pointer;font-size:12.5px;color:#f87171;padding:4px 0}.data-delete:hover{text-decoration:underline}.backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px;z-index:500;overflow-y:auto}.modal{background:var(--slate-800);border:1px solid var(--slate-700);border-radius:12px;width:min(460px,100%);box-shadow:0 20px 60px #00000073;color:var(--slate-200);font-family:var(--ui-font)}.modal.wide{width:min(720px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 6px}.modal-head h2{margin:0;font-size:18px;font-weight:600;color:#f1f5f9}.modal-head .icon-btn{color:var(--slate-400);height:30px;width:30px}.modal-head .icon-btn:hover{background:#ffffff1a;color:#fff}.modal-body{padding:12px 22px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 22px 20px}.push-left{margin-right:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.span2{grid-column:span 2}.fld{display:grid;gap:6px}.fld-label{font-size:12px;font-weight:500;color:var(--slate-400)}.card .fld-label{color:#374151;font-size:13px}.fld-hint{font-size:11.5px;color:var(--slate-500)}.modal .input,.modal select.input{height:36px;border:1px solid var(--slate-700);border-radius:6px;background-color:var(--slate-900);color:var(--slate-200);font-size:13.5px}.modal select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.modal .input:focus{border-color:var(--brand);box-shadow:0 0 0 2px #2563eb33}.modal .input::placeholder{color:var(--slate-600)}.modal .link{color:var(--brand-light)}.modal .link.danger{color:#f87171}.logo-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.logo-preview{display:flex;align-items:center;gap:12px}.logo-preview img{max-height:44px;max-width:160px;background:#fff;border-radius:6px;padding:4px}.file{font-size:12.5px;color:var(--slate-400)}.pdf-frame{width:100%;height:72vh;border:1px solid var(--slate-700);border-radius:8px;background:#fff}.notice{background:#fbbf241f;color:#fbbf24;border-radius:8px;padding:8px 12px;font-size:13px;margin:0 0 10px}.print-frame{position:fixed;right:0;bottom:0;width:1px;height:1px;border:0;opacity:0;pointer-events:none}[hidden]{display:none!important}.tb-avatar{width:30px;height:30px;padding:0;justify-content:center;border-radius:50%;background:var(--slate-700);color:#fff;font-weight:600;margin-left:6px}.tb-avatar:hover{background:var(--slate-600)}.hdr-account{margin-left:2px}.account-menu{width:260px}.account-pop{display:grid;gap:2px;padding:4px 2px 2px}.account-email{padding:6px 10px 0;font-size:13px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.account-plan{padding:0 10px 8px;font-size:12px;color:var(--slate-400)}.account-upgrade{margin:0 8px 6px;height:32px}.link-btn{all:unset;cursor:pointer;color:var(--brand-light);font-size:13px}.link-btn:hover{text-decoration:underline}.link-btn:focus-visible{outline:2px solid var(--brand-light);outline-offset:2px;border-radius:3px}.danger-link{color:#f87171;font-size:12.5px}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--slate-300);flex-wrap:wrap;min-height:34px}.check-row input[type=checkbox]{accent-color:var(--brand);width:15px;height:15px;margin:0}.check-row .small-input{flex:1;min-width:200px}.auth-form{display:grid;gap:12px;padding-bottom:6px}.auth-title{margin:0;font-size:15px;color:#fff}.auth-intro{margin:0;color:var(--slate-300);font-size:13.5px}.auth-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-actions .btn{min-width:140px}.auth-switch,.auth-form .muted-small,.send-done .muted-small{margin:0}.auth-error{margin:0;color:#fca5a5;font-size:13px}.send-pitch p{margin:0 0 10px;color:var(--slate-300);font-size:14px;line-height:1.5}.send-pitch ul{margin:0 0 12px;padding-left:18px;color:var(--slate-300);font-size:13.5px;line-height:1.7}.send-dialog{display:grid;gap:12px}.send-tabs{display:flex;gap:4px;border-bottom:1px solid var(--slate-700)}.send-tab{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:13.5px;color:var(--slate-400);border-bottom:2px solid transparent;margin-bottom:-1px}.send-tab:hover{color:#fff}.send-tab.on{color:#fff;border-bottom-color:var(--brand)}.send-tab:focus-visible{outline:2px solid var(--brand-light);outline-offset:-2px}.send-pane{display:grid;gap:12px}.send-pane[hidden]{display:none}.send-pane>p{margin:0;color:var(--slate-300);font-size:13.5px;line-height:1.5}.modal textarea.input.send-message{height:auto;min-height:180px;padding:10px 12px;line-height:1.5;font-family:var(--ui-font);resize:vertical}.send-copies{display:grid;gap:2px}.send-attach{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:12.5px;color:var(--slate-400);line-height:1.45}.send-attach .icon{color:var(--slate-500);margin-top:1px}.send-allowance{margin:0;font-size:12.5px;color:var(--slate-400)}.send-allowance:empty{display:none}.send-off{color:#fbbf24}.link-row{display:flex;gap:8px}.link-row .input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.share-apps{display:flex;flex-wrap:wrap;gap:8px}.share-app{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:16px;background:var(--slate-700);color:var(--slate-200);font-size:13px;text-decoration:none}.share-app:hover{background:var(--slate-600);color:#fff}.send-seen{margin:0;font-size:12.5px;color:var(--slate-400)}.share-file{justify-self:start}.send-done{text-align:center;padding:6px 0 2px}.send-done p{margin:0 0 8px;color:var(--slate-300)}.send-done-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#2563eb2e;color:var(--brand-light);margin-bottom:10px}.send-done-icon svg{width:24px;height:24px}.send-done a{color:var(--brand-light)}.sc-grid{display:grid;gap:18px}.sc-title{margin:0 0 6px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-500)}.sc-table{width:100%;border-collapse:collapse;font-size:13px}.sc-table td{padding:5px 0;border-bottom:1px solid var(--slate-700)}.sc-keys{text-align:right;white-space:nowrap}.sc-key{display:inline-block;min-width:22px;padding:2px 6px;border:1px solid var(--slate-600);border-radius:4px;background:var(--slate-900);font:600 11.5px var(--ui-font);color:var(--slate-200);text-align:center}.sc-plus{color:var(--slate-500);margin:0 4px;font-size:12px}.toast{position:fixed;left:50%;bottom:44px;transform:translate(-50%);z-index:600;background:var(--slate-900);color:var(--slate-200);border:1px solid var(--slate-700);padding:10px 12px 10px 16px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 30px #00000059;max-width:calc(100vw - 32px);font-family:var(--ui-font)}.toast button{border:0;background:var(--brand);color:#fff;border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.toast button:hover{background:var(--brand-dark)}html.olm-ads .toast{bottom:134px}@media(min-width:1280px){.toast{left:calc(50% + 158px)}}.side-toggle{display:none!important}@media(max-width:1279px){.side-toggle{display:inline-flex!important;margin-right:4px}html.side-open .side{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:min(316px,86vw);z-index:130;background:var(--slate-900);border-right:1px solid var(--slate-800);color:var(--slate-300);box-shadow:0 0 40px #00000073}.side-backdrop{position:fixed;inset:0;z-index:125;background:#00000073}}@media(max-width:1279px){.hdr-actions .tb-btn:not(.primary) .tb-label{display:none}}@media(max-width:1200px){.brand-tag{display:none}.tb-value{max-width:90px}}@media(max-width:980px){.card{padding:24px 18px;border-radius:16px}.two-col{grid-template-columns:1fr}.meta-row{grid-template-columns:120px 1fr 22px}.meta-label,.meta-label-input{text-align:left}.item-head{display:flex;margin-left:0}.item-head>:not(.section-title){display:none}.item-head>span:nth-child(5){display:inline;margin-left:auto;font-size:13px}.item-row{margin-left:0;grid-template-columns:1fr 1fr 26px;padding:12px 0;border-bottom:1px solid var(--line)}.item-row .grip{display:none}.item-row>:nth-child(2){grid-column:1 / 3;grid-row:1}.item-row>:nth-child(8){grid-column:3;grid-row:1}.item-row>:nth-child(3){grid-column:1;grid-row:2}.item-row>:nth-child(4){grid-column:2;grid-row:2}.item-row>:nth-child(5){grid-column:1;grid-row:3}.item-row>:nth-child(6){grid-column:2;grid-row:3}.item-row>:nth-child(7){grid-column:1 / 3;grid-row:4}.doc-title{font-size:28px}.grand-total{font-size:36px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media(max-width:899px){.hdr{height:auto;flex-wrap:wrap;row-gap:0;padding-top:6px}.hdr>.tb-sep{display:none}.hdr-brand{order:1}.hdr-doc{order:2}.hdr>.tb-spacer{order:3}.hdr-actions{order:4}.hdr-look{order:5;width:100%;overflow-x:auto;scrollbar-width:none;padding:4px 0 6px;border-top:1px solid var(--slate-800);margin-top:6px}}@media(max-width:767px){html.olm-ads .app{height:calc(100vh - 50px);height:calc(100dvh - 50px)}.hdr{padding-left:8px;padding-right:6px}.brand{font-size:13px}.hdr-actions .tb-label,.tb-print,#statusLabel,.hdr-doc .tb-chevron{display:none}.tb-short{display:inline}.hdr-doc .tb-chip{padding:0 8px}}@media(max-width:479px){.hdr-brand,.hdr-doc .tb-chip .icon:first-child{display:none}.tb-btn{padding:0 7px}.status-bar{display:none}.canvas-area{padding:12px 10px 16px}.foot{display:block}.toast{bottom:16px}html.olm-ads .toast{bottom:66px}}