:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#28363e;background:#f7f6f2;font-synthesis:none;font-size:14px;line-height:1.5;--ink: #28363e;--muted: #747771;--accent: #b45137;--border: #e5e4de;--surface: #fff;--soft: #f1f0eb;--green: #4f715b}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.35}a{color:inherit}button,select{touch-action:manipulation}button{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}button:active:not(:disabled){filter:brightness(.95)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b45137;outline-offset:4px}input:focus,textarea:focus,select:focus{border-color:#a8624e;outline:3px solid #b4513715}input,textarea,select{min-width:0}button .icon{flex-shrink:0}.icon{width:19px;height:19px;vertical-align:middle;flex-shrink:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:#fff;padding:12px 20px;z-index:20}.skip-link:focus{top:10px}.app-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 34px 0 28px;border-bottom:1px solid var(--border);background:#fcfbf8;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-1.1px;text-decoration:none;white-space:nowrap}.brand-mark{background:var(--accent);color:#fff8ed;display:grid;place-items:center;width:38px;height:42px;border-radius:9px;transform:rotate(-5deg);margin-right:2px}.brand-mark .icon{width:24px;height:26px;transform:rotate(5deg)}.brand-light{font-weight:400}.brand-period{color:var(--accent)}.header-note{font-size:12px;color:var(--muted);letter-spacing:.2px;margin-left:40px}.help-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;font-size:12px;min-height:44px;padding:0 8px}.help-button:hover{color:var(--accent)}.app-layout{display:grid;grid-template-columns:204px minmax(0,1fr);min-height:calc(100dvh - 80px)}.sidebar{padding:30px 18px 24px;background:#f3f2ed;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 15px;border:1px solid #dadcd6;background:#fff;border-radius:6px;font-size:12px;font-weight:550;white-space:nowrap;text-decoration:none}.button:hover{background:#f0efea;border-color:#b5b9b1}.button.primary{background:var(--accent);border-color:var(--accent);color:#fffaf4}.button.primary:hover{background:#9e432d;border-color:#9e432d}.button.primary .icon{width:17px}.new-invoice{width:100%;font-size:13px;justify-content:flex-start;padding-left:15px;height:44px;box-shadow:0 2px 2px #9c493314}.nav-label{font-size:9px;letter-spacing:1.7px;color:#82847c;font-weight:650;margin:33px 12px 13px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;padding:11px 12px;border-radius:6px;font-size:12px;min-height:44px;margin-bottom:5px;text-align:left}.nav-item .icon{width:17px;color:#737b78}.nav-item .count{margin-left:auto;font-size:10px;background:#e9e8e2;padding:1px 6px;border-radius:4px;color:#636962}.nav-item.active{background:#e8e7df;font-weight:600}.nav-item.active .icon{color:#a94d36}.nav-item:hover,.recent-item:hover{background:#e8e7df}.recent-list{margin-top:8px}.recent-list .nav-label{margin-top:27px}.recent-item{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:11px 9px 11px 12px;width:100%;text-align:left;border-radius:5px;min-height:56px}.recent-item.selected{background:#ecebe4}.recent-dot{width:5px;height:5px;background:#ba8667;border-radius:50%;flex-shrink:0}.recent-dot.paid{background:var(--green)}.recent-item strong{display:block;font-size:11px;font-weight:550}.recent-item small{display:block;color:#777d77;font-size:10px;margin-top:2px;max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item .icon{margin-left:auto;width:13px;color:#7d827a}.sidebar-bottom{margin-top:auto;padding:70px 12px 0}.little-sketch{border-bottom:1px solid #ddded4;padding-bottom:24px;margin-bottom:23px;color:#7c826e}.little-sketch>.icon{width:28px;height:28px;transform:rotate(12deg);margin-bottom:12px;stroke-width:1.1}.little-sketch>span{display:block;font-family:Georgia,serif;font-size:18px;line-height:1.4;letter-spacing:-.4px;color:#6b745e}.local-note{display:flex;gap:8px;color:#7b8177;font-size:10px;line-height:1.6}.local-note .icon{width:14px;height:16px;margin-top:3px}.text-button{padding:0;border:0;background:none;display:inline-flex;align-items:center;gap:6px;font-size:11px;min-height:32px;color:#9e4d37;font-weight:550}.text-button:hover{color:#71311f;text-decoration:underline;text-underline-offset:3px}.text-button .icon{width:14px;height:14px}.backup-link{margin-top:12px;font-size:10px;color:#6b746b}.backup-link .icon{width:12px}main{padding:34px 36px 40px;min-width:0;max-width:1600px;width:100%;margin:0 auto}main:focus{outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.65px;color:#7b7d70}.page-heading h1{font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:400;letter-spacing:-1.3px;line-height:1.2;margin:9px 0}.page-heading p{font-size:12px;color:#777b74;margin:0}.heading-actions{display:flex;gap:9px;margin-top:10px}.heading-actions .icon-button{width:42px;height:42px}.print-button{height:42px}.icon-button{width:36px;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:5px;color:#777f7a;padding:0}.icon-button:hover{color:var(--ink);background:#eeeee7}.icon-button .icon{width:16px;height:16px}.button.icon-button{border:1px solid #dcded6;background:#fafbf7}.workspace{display:grid;grid-template-columns:minmax(330px,.92fr) minmax(0,1.17fr);gap:30px;align-items:start}.editor-panel{background:#fff;border:1px solid #e1e3db;border-radius:9px;overflow:hidden;box-shadow:0 2px 3px #28363e03}.editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 14px}.editor-title h2{font-size:13px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.editor-title h2 .icon{width:15px;color:#777d72}.save-status{font-size:9px;white-space:nowrap;color:#6a7d65;display:flex;align-items:center;gap:4px}.save-status .icon{width:12px;height:12px}.editor-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px;gap:18px}.editor-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 12px;font-size:11px;color:#798078;flex:1;min-height:45px;white-space:nowrap}.editor-tabs button:hover{color:var(--accent)}.editor-tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.tab-number{font-size:8px;opacity:.75}.editor-body{padding:0 22px}.form-section{padding:20px 0;border-bottom:1px solid var(--border)}.form-section:last-child{border:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;min-width:0}.field:last-child{margin-bottom:0}.field>span{font-size:10px;color:#6b736e;font-weight:500}.field input,.field textarea,.field select,.item-row input{color:#35423f;background:#fff;border:1px solid #dcded7;border-radius:4px;padding:9px 11px;width:100%;font-size:11px;line-height:1.5;min-height:37px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:58px}.field select{appearance:auto;padding-right:6px}.field input:hover,.field textarea:hover,.field select:hover,.item-row input:hover{border-color:#b6beb3}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-columns .field{margin-bottom:13px}.two-columns:last-child .field{margin-bottom:0}.form-section h3,.print-tip h3{margin:0;font-size:12px;font-weight:600}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;min-height:20px}.section-heading .text-button{min-height:20px;font-size:10px}.save-client{font-size:10px;margin-top:2px}.section-heading .small-muted{font-size:9px}.small-muted{font-size:10px;color:#747c72}.item-column-labels,.item-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 68px 24px;gap:7px}.item-column-labels{font-size:9px;color:#737b71;margin-bottom:7px}.item-column-labels span:nth-child(2),.item-column-labels span:nth-child(3){text-align:right}.item-row{align-items:center;margin-bottom:8px}.item-row input{font-size:10px;padding:8px 7px;min-height:36px}.item-row input[type=number]{text-align:right;appearance:textfield;-moz-appearance:textfield}.item-row input::-webkit-inner-spin-button,.item-row input::-webkit-outer-spin-button{appearance:none}.item-row .icon-button{width:24px;min-width:24px;height:32px}.item-row .icon-button .icon{width:13px}.add-item-button{background:#fcfcf9;color:#9b4f3b;font-weight:550;display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed #cfbdb1;border-radius:4px;width:calc(100% - 31px);font-size:10px;min-height:35px;margin-top:11px}.add-item-button:hover{background:#f8efe8;border-color:var(--accent)}.add-item-button .icon{width:13px}.adjustments{margin-top:20px}.adjustments .two-columns .field{margin:0}.discount-label{display:flex;align-items:center;gap:7px;min-height:20px}.discount-label select{width:auto;padding:0 4px;min-height:20px;height:20px;font-size:9px;border-radius:3px}.adjustments>.two-columns>.field>span{min-height:20px}.adjustments p{font-size:9px;color:#858a7e;margin:9px 0 0}.editor-total{margin-top:16px;padding:14px;background:#f4f5f0;border-radius:5px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.editor-total strong{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.6px}.notes-section{border-bottom:0;padding:16px 0 18px}.notes-section summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:550;cursor:pointer;min-height:24px;list-style:none}.notes-section summary::-webkit-details-marker{display:none}.notes-section summary .icon{width:14px;color:#808778}.notes-section[open] summary{margin-bottom:15px}.notes-section[open] summary .icon{transform:rotate(45deg)}.editor-foot{padding:13px 10px;text-align:center;font-size:9px;color:#808579;background:#fcfcf9;border-top:1px solid #eeefe8}.editor-foot .icon{width:11px;height:12px;margin-right:4px}.section-description{font-size:11px;color:#767f72;line-height:1.7;margin:8px 0 23px}.logo-upload{display:flex;gap:14px;align-items:center;margin:20px 0 12px}.logo-upload img{object-fit:contain;max-width:70px;max-height:70px;border:1px solid var(--border);padding:4px;border-radius:5px}.logo-upload .button{cursor:pointer;min-height:36px}.logo-upload p{margin:8px 0 0;font-size:9px}.logo-placeholder{width:68px;height:68px;border:1px dashed #c4c9bb;background:#fafbf6;display:grid;place-items:center;border-radius:6px;color:#8b957e}.logo-placeholder .icon{width:24px;height:24px;stroke-width:1.1}.form-tip{margin:24px 0;background:#f3f5ef;border-radius:6px;padding:20px;color:#728267;display:flex;gap:12px}.form-tip p{font-family:Georgia,serif;font-size:15px;line-height:1.6;margin:0}.form-tip .icon{width:24px;height:24px}.swatches{display:flex;gap:13px;margin:8px 0 10px}.swatch{background:var(--swatch);border:3px solid #fff;outline:1px solid transparent;width:37px;height:37px;border-radius:50%;color:#fff;display:grid;place-items:center}.swatch:hover{outline-color:#c0c5b9}.swatch.selected{outline-color:var(--swatch)}.swatch .icon{width:16px;height:16px}.color-name{font-size:10px;color:#7b8176;margin:0 0 28px}.print-tip{background:#f4f5ef;border-radius:6px;padding:25px 23px;margin:25px 0}.print-tip>.icon{width:24px;height:24px;margin-bottom:16px;color:#7c8a6f}.print-tip p{font-size:11px;color:#717b6b;line-height:1.8}.print-tip .text-button{margin-top:8px}.date-warning{font-size:10px;color:#9e482c;margin-bottom:0}.preview-panel{min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 15px;min-height:30px}.preview-toolbar .eyebrow{font-size:8px;display:flex;align-items:center;gap:7px;color:#697662;letter-spacing:1.4px}.live-dot{width:5px;height:5px;border-radius:50%;background:#8da17c;box-shadow:0 0 0 3px #8da17c12}.preview-toolbar>span:last-child{font-size:9px;color:#7e8479}.separator{padding:0 7px;color:#a3a69a}.paper-wrap{filter:drop-shadow(0 4px 7px #303d3810)}.invoice-paper{--invoice-accent: #b45137;background:#fff;padding:36px 34px 28px;min-height:760px;aspect-ratio:210/297;display:flex;flex-direction:column;border:1px solid #e0e2db;position:relative;font-size:10px;color:#3d494c;border-radius:1px;overflow-wrap:anywhere}.invoice-paper.letter{aspect-ratio:8.5/11;min-height:710px}.paper-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid #e2e5df;gap:20px}.sender-monogram{font-family:Georgia,serif;font-size:37px;line-height:1;letter-spacing:-4px;display:block;color:var(--invoice-accent);font-weight:600}.sender-monogram>span{letter-spacing:-2px}.sender-name{font-size:8px;font-weight:550;letter-spacing:.2px;margin-top:10px}.invoice-heading{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.invoice-heading h2{font-family:Georgia,Times New Roman,serif;color:var(--invoice-accent);font-size:34px;line-height:1.1;letter-spacing:-1.3px;font-weight:400;margin:0 0 8px}.invoice-heading>span{font-size:9px;letter-spacing:.6px;color:#828779}.invoice-heading .paid-stamp{font-size:9px;color:#4f715b;border:1px solid #a5b69a;padding:2px 7px;border-radius:3px;margin-top:5px}.invoice-logo{display:block;max-width:110px;height:47px;object-fit:contain;object-position:left}.paper-parties{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:16px;margin:25px 0 24px}.paper-label{display:block;color:#7c8576;font-size:7px;font-weight:600;letter-spacing:1.1px;margin-bottom:8px}.party strong{display:block;font-size:9px;font-weight:650;margin-bottom:5px}.party p{white-space:pre-line;margin:0 0 5px;font-size:8px;line-height:1.8}.party>span:last-child{font-size:8px;color:#737f76}.paper-dates{padding-left:6px;text-align:right}.paper-dates p{font-size:9px;white-space:nowrap;margin:0 0 16px}.paper-dates .paper-label{margin-bottom:5px}.project-title{font-size:10px;font-weight:550;padding:0 0 13px;color:#435044}.invoice-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:9px}.invoice-table thead{background:#f2f3ee;color:#6c786a}.invoice-table th{font-size:6px;letter-spacing:.7px;font-weight:550;padding:10px 6px;text-align:right}.invoice-table th:first-child{width:48%;text-align:left;padding-left:11px}.invoice-table th:nth-child(2){width:10%}.invoice-table th:last-child{width:23%;padding-right:11px}.invoice-table td{padding:15px 6px;border-bottom:1px solid #eceee8;text-align:right;vertical-align:top;line-height:1.7}.invoice-table td:first-child{text-align:left;padding-left:11px;font-size:9px}.invoice-table td:last-child{padding-right:11px;font-weight:550}.paper-totals{width:53%;margin:22px 0 25px auto;font-size:9px}.paper-totals>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.paper-totals>div>span:first-child{color:#75816f}.paper-totals .balance-due{color:var(--invoice-accent);border-top:1px solid #dfe3d9;margin-top:10px;padding-top:13px;align-items:center}.balance-due strong:first-child{font-size:10px;font-weight:550;white-space:nowrap}.balance-due strong:last-child{font-size:20px;line-height:1.3;font-family:Georgia,serif;font-weight:400;letter-spacing:-.7px;white-space:nowrap}.currency-note{display:block;text-align:right;color:#85907e;font-size:7px;padding-top:8px}.paper-bottom{margin-top:auto;padding-top:30px}.payment-details p{font-size:8px;line-height:1.8;white-space:pre-line;margin:0;color:#7a8473}.paper-note{font-family:Georgia,serif;color:var(--invoice-accent);font-size:11px;margin-top:25px;white-space:pre-line;line-height:1.7}.paper-rule{height:2px;background:var(--invoice-accent);width:32px;margin-top:20px;opacity:.7}.preview-foot{display:flex;align-items:center;gap:6px;color:#7c8475;font-size:9px;padding:16px 2px}.preview-foot .icon{width:12px;height:12px}.preview-foot>span{margin-left:auto;color:#989d8e;font-family:Georgia,serif;font-style:italic}.mobile-toggle{display:none}.collection-panel{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden}.collection-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--border)}.collection-heading h2{font-size:14px;font-weight:550;margin:0}.collection-heading h2>span{color:#8c9586;margin-left:8px;font-size:11px}.invoice-list-row{display:flex;align-items:center;gap:20px;padding:15px 22px;border-bottom:1px solid var(--border)}.invoice-list-row:last-child{border-bottom:0}.invoice-open{flex:1;min-width:0;text-align:left;display:flex;align-items:center;gap:16px;background:none;border:0;padding:5px 0}.invoice-open:hover strong{color:var(--accent)}.list-document{background:#f4f3ec;border:1px solid #e9e8df;width:40px;height:48px;display:grid;place-items:center;border-radius:5px;color:#aa8a71}.invoice-open strong{display:block;font-size:13px}.invoice-open small{display:block;color:#7b8576;font-size:11px;margin-top:5px}.invoice-open small span{padding:0 5px}.list-amount{display:flex;align-items:center;gap:22px}.list-amount>strong{font-weight:550;font-size:13px}.status-tag{font-size:9px;padding:3px 9px;border-radius:4px;background:#f4eee1;color:#8d714a}.status-tag.paid{background:#eaf0e5;color:#557347}.row-actions{display:flex;gap:3px}.danger{color:#a75543}.danger:hover{color:#8a2d19;background:#faede7}.destructive{background:#aa4a34;color:#fff;border-color:#aa4a34}.destructive:hover{background:#8a2d19;color:#fff}.backup-notice{display:flex;align-items:center;gap:15px;margin-top:30px;font-size:11px;color:#7a8474;padding:0 6px}.backup-notice>.icon{width:16px}.backup-notice p{flex:1}.backup-notice .button{font-size:10px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.client-card{background:#fff;border:1px solid #e0e3d9;border-radius:8px;padding:23px 24px 10px}.client-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.client-avatar{width:43px;height:43px;display:grid;place-items:center;background:#edf0e5;color:#758566;font-family:Georgia,serif;font-size:16px;border-radius:11px;flex-shrink:0}.avatar-1{background:#f4e9e1;color:#a6785d}.avatar-2{background:#e7edf0;color:#5e7c8e}.client-card h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0 0 7px;letter-spacing:-.5px;overflow-wrap:anywhere}.client-card p{font-size:11px;color:#7b8476;overflow-wrap:anywhere}.client-card .client-address{white-space:pre-line;min-height:58px;line-height:1.8;margin:22px 0}.client-card-bottom{border-top:1px solid var(--border);padding-top:10px;display:flex;justify-content:space-between;align-items:center}.client-card-bottom .text-button{font-size:11px;min-height:44px}.empty-state{padding:50px 30px;text-align:center;grid-column:1/-1;background:#fff;border:1px solid var(--border);border-radius:8px}.empty-state>.icon{width:40px;height:40px;color:#a3ae96}.empty-state h2{font-family:Georgia,serif;font-size:26px;font-weight:400}.empty-state p{font-size:12px;color:#7a8474}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);max-width:min(520px,calc(100% - 32px));padding:12px 20px;background:#2e3d36;color:#fffdf7;box-shadow:0 6px 24px #1e2d3622;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}dialog{border:1px solid #dce0d5;border-radius:12px;width:480px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);padding:25px;box-shadow:0 30px 100px #152a322a;color:var(--ink);background:#fffefb}dialog::backdrop{background:#25352f55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-header h2{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.7px;margin:0}.dialog-description{font-size:12px;color:#737f6c;line-height:1.8;margin:0 0 24px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px;flex-wrap:wrap}.dialog-actions .button{font-size:11px}.client-picker{display:flex;flex-direction:column;gap:7px}.client-picker>button{display:flex;align-items:center;gap:13px;text-align:left;min-height:72px;background:#f9faf4;border:1px solid #e9ebdf;border-radius:6px;padding:12px}.client-picker>button:hover{border-color:#b8c2a8;background:#f1f4e9}.client-picker strong{display:block;font-size:13px;font-weight:550}.client-picker small{display:block;font-size:11px;margin-top:4px;color:#798372}.client-picker .icon{margin-left:auto;width:15px}.error-message{color:#a44532;font-size:12px}.about-dialog{width:540px}.about-content{font-size:12px;line-height:1.85;color:#717b6d}.about-mark{background:#f3e9df;color:#ac624a;border-radius:9px;width:46px;height:50px;display:grid;place-items:center;margin-top:25px;transform:rotate(-6deg)}.about-mark .icon{width:27px;height:27px}.about-intro{font-family:Georgia,serif;font-size:34px;color:#3a493d;line-height:1.2;letter-spacing:-1px;margin:22px 0}.about-content ol{padding-left:18px}.about-content li{padding:6px 0 6px 6px}.about-content strong{color:#44563d;font-weight:600}.about-local{background:#f0f3e9;border-radius:6px;padding:16px;display:flex;gap:12px;margin:20px 0}.about-local p{margin:0;font-size:11px}.about-local .icon{width:16px;margin-top:3px}.about-content .small-muted{line-height:1.7}@media(min-width:1600px){main{padding:42px 48px}.workspace{gap:42px;grid-template-columns:minmax(400px,.9fr) minmax(0,1.15fr)}.invoice-paper{font-size:11px;min-height:900px;padding:45px}.paper-top{padding-bottom:33px}.paper-parties{margin:32px 0}.party p,.party>span:last-child,.payment-details p{font-size:10px}.party strong,.paper-dates p,.invoice-table,.invoice-table td:first-child,.paper-totals{font-size:11px}.invoice-table th,.paper-label{font-size:8px}.paper-note{font-size:13px}.invoice-heading h2{font-size:40px}}@media(max-width:1199px){.app-layout{grid-template-columns:175px minmax(0,1fr)}.app-header{padding-left:21px}.sidebar{padding:27px 12px 20px}main{padding:28px 25px}.page-heading h1{font-size:31px}.workspace{gap:22px;grid-template-columns:minmax(310px,1fr) minmax(0,1.08fr)}.editor-body{padding:0 17px}.editor-title{padding:17px 17px 13px}.editor-tabs{padding:0 16px;gap:11px}.save-status{font-size:8px}.invoice-paper{padding:28px 24px;min-height:680px}.invoice-heading h2{font-size:30px}.sender-name{font-size:7px}.paper-parties{gap:10px}.party strong{font-size:8px}.party p,.party>span:last-child,.paper-dates p{font-size:7px}.invoice-table td:first-child,.invoice-table td{font-size:8px}.paper-totals{width:62%}.paper-top{padding-bottom:22px}.paper-parties{margin:22px 0}.invoice-table th{font-size:5px}.balance-due strong:last-child{font-size:17px}.balance-due strong:first-child{font-size:9px}.list-amount{gap:12px}.row-actions{gap:0}.invoice-list-row{gap:12px}.header-note{margin-left:0}.item-row,.item-column-labels{grid-template-columns:minmax(0,1fr) 36px 60px 24px;gap:6px}.section-heading .small-muted{display:none}}@media(max-width:1000px)and (min-width:761px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.workspace{grid-template-columns:minmax(310px,.94fr) minmax(0,1.1fr)}main{padding:27px 28px;max-width:960px}.app-header{height:72px}.page-heading{margin-bottom:25px}}@media(max-width:760px){:root{font-size:14px}.app-header{height:70px;padding:0 19px;gap:12px}.brand{font-size:23px}.brand-mark{width:32px;height:36px;border-radius:7px}.brand-mark .icon{width:21px;height:24px}.header-note{display:none}.help-button{font-size:10px;gap:5px}.help-button .icon{width:16px}.app-layout{display:flex;flex-direction:column;min-height:calc(100dvh - 70px)}.sidebar{order:0;border-right:0;border-bottom:1px solid var(--border);padding:8px 14px;flex-direction:row;align-items:center;gap:8px}.sidebar>.nav-label,.recent-list,.sidebar-bottom{display:none}.sidebar .new-invoice{width:auto;margin-left:auto;order:2;padding:8px 10px;min-height:38px;height:38px;font-size:11px;gap:4px}.sidebar nav{display:flex;gap:2px;flex:1}.nav-item{width:auto;gap:7px;font-size:11px;margin:0;padding:9px;min-height:38px}.nav-item .icon{width:16px}.nav-item .count{font-size:8px;padding:0 5px}.nav-item.active{background:#e8e7df}main{padding:26px 19px 35px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px;flex-wrap:wrap}.page-heading h1{font-size:30px;margin:8px 0;letter-spacing:-1.2px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px}.heading-actions{width:100%;margin-top:8px;gap:8px}.heading-actions .print-button{flex:1;font-size:12px;min-height:44px}.heading-actions .icon-button{height:44px;width:44px}.page-heading>.button{margin-top:8px}.mobile-toggle{display:flex;border:1px solid #dedfd6;background:#eaece3;border-radius:6px;padding:3px;margin:0 0 19px}.mobile-toggle button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;background:transparent;min-height:39px;font-size:12px;color:#7c8475;border-radius:4px}.mobile-toggle button.active{background:#fff;box-shadow:0 1px 3px #293d3620;color:#344739}.mobile-toggle .icon{width:15px}.workspace{display:block}.preview-panel,.workspace.show-preview .editor-panel{display:none}.workspace.show-preview .preview-panel{display:block}.editor-title{padding:18px 18px 15px}.editor-title h2{font-size:13px}.save-status{font-size:9px}.editor-tabs{padding:0 18px;gap:18px}.editor-tabs button{font-size:11px}.editor-body{padding:0 18px}.form-section{padding:22px 0}.field>span{font-size:11px}.field input,.field select,.field textarea{font-size:16px;min-height:44px;padding:9px 10px}.field{gap:7px;margin-bottom:14px}.two-columns{gap:10px}.two-columns .field{margin-bottom:14px}.form-section h3{font-size:13px}.section-heading .text-button{font-size:11px;min-height:30px}.section-heading{margin-bottom:13px}.save-client{font-size:11px;min-height:38px}.item-row,.item-column-labels{grid-template-columns:minmax(0,1fr) 43px 65px 28px;gap:6px}.item-row input{font-size:12px;min-height:44px;padding:9px 5px}.item-row .icon-button{min-width:28px;width:28px;height:44px}.item-column-labels{font-size:10px}.add-item-button{width:100%;font-size:12px;min-height:44px;margin-top:13px}.adjustments{margin-top:23px}.adjustments p{font-size:10px}.adjustments .discount-label select{min-height:25px;height:25px;font-size:11px;padding:0 5px}.adjustments .two-columns>.field>span{min-height:25px}.editor-total{padding:16px;font-size:13px}.editor-total strong{font-size:25px}.notes-section summary{min-height:30px;font-size:12px}.notes-section{padding:19px 0}.notes-section .small-muted{font-size:11px}.editor-foot{font-size:10px;padding:15px 8px}.invoice-paper{padding:28px 23px;min-height:660px}.paper-top{padding-bottom:21px}.paper-parties{gap:10px;margin:23px 0}.sender-monogram{font-size:34px}.sender-name{font-size:7px}.invoice-heading h2{font-size:30px}.paper-label{font-size:6px;letter-spacing:.7px}.party strong{font-size:8px}.party p,.party>span:last-child,.paper-dates p{font-size:7px}.paper-dates{padding-left:0}.paper-totals{width:64%;font-size:8px;margin-top:20px}.balance-due strong:last-child{font-size:20px}.invoice-table th{font-size:5px;padding:10px 5px}.invoice-table td{padding:13px 5px;font-size:7px}.invoice-table td:first-child{font-size:8px;padding-left:7px}.invoice-table th:first-child{padding-left:7px}.invoice-table td:last-child,.invoice-table th:last-child{padding-right:6px}.project-title{font-size:9px}.paper-note{font-size:11px}.payment-details p{font-size:7px}.preview-foot{font-size:8px}.preview-foot>span{font-size:9px}.section-description,.print-tip p{font-size:12px}.color-name,.logo-upload p{font-size:11px}.swatches{gap:15px}.swatch{width:40px;height:40px}.print-tip .text-button{font-size:12px;min-height:44px}.collection-heading{padding:17px}.collection-heading h2{font-size:13px}.collection-heading .save-status{font-size:8px}.invoice-list-row{flex-wrap:wrap;padding:17px 15px;gap:12px}.invoice-open{gap:10px}.invoice-open strong{font-size:13px}.invoice-open small{font-size:10px}.list-amount{flex-direction:column;gap:5px;align-items:flex-end}.list-amount>strong{font-size:12px}.row-actions{width:100%;border-top:1px solid #eef0e9;padding-top:8px;justify-content:flex-end}.row-actions .icon-button{height:40px;width:44px}.backup-notice{flex-wrap:wrap;gap:10px;margin-top:22px;padding:0}.backup-notice p{font-size:11px;min-width:80%;margin:0 0 5px}.backup-notice .button{font-size:11px;flex:1;min-height:44px}.client-grid{grid-template-columns:1fr;gap:17px}.client-card{padding:22px 23px 10px}.client-card p,.client-card-bottom .text-button{font-size:12px}.client-card-top .icon-button,.client-card-bottom .icon-button{width:44px;height:44px}.client-picker strong{font-size:13px}dialog{padding:22px;max-height:calc(100dvh - 32px)}.dialog-header h2{font-size:25px}.dialog-header .icon-button{width:40px;height:40px}.dialog-actions .button{min-height:44px}.dialog-description,.about-content{font-size:12px}.about-intro{font-size:31px}.dialog-actions{gap:8px}.about-content .dialog-actions .button{flex:1}.about-content .dialog-actions .button.primary{flex-basis:100%}.about-local p{font-size:11px}.client-picker .client-avatar{width:37px;height:40px}.client-picker small{font-size:10px}#toast{font-size:12px;width:max-content;bottom:max(20px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important;font-size:10pt}body{color:#222}body>*:not(#app){display:none!important}.app-header,.sidebar,.page-heading,.editor-panel,.preview-toolbar,.preview-foot,.mobile-toggle,.skip-link{display:none!important}.app-layout,main,.workspace,.preview-panel,.paper-wrap{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:0!important;filter:none!important}.invoice-paper,.invoice-paper.letter{display:flex!important;aspect-ratio:auto;min-height:0!important;margin:0!important;padding:0!important;border:0!important;width:100%!important;background:#fff!important;color:#333;font-size:10pt;overflow:visible;-webkit-print-color-adjust:exact;print-color-adjust:exact}.paper-top{padding-bottom:8mm;break-inside:avoid}.sender-monogram{font-size:34pt}.sender-name{font-size:9pt}.invoice-heading h2{font-size:32pt}.invoice-heading>span{font-size:10pt}.invoice-logo{height:18mm;max-width:42mm}.paper-parties{margin:8mm 0;gap:7mm;break-inside:avoid}.paper-label{font-size:7pt}.party strong{font-size:10pt}.party p,.party>span:last-child{font-size:9pt}.paper-dates p{font-size:9pt}.project-title{font-size:11pt;padding-bottom:5mm}.invoice-table{font-size:10pt}.invoice-table th{font-size:7pt;padding:3mm 2mm}.invoice-table td,.invoice-table td:first-child{font-size:10pt;padding:4mm 2mm}.invoice-table thead{display:table-header-group}.invoice-table tr{break-inside:avoid}.paper-totals{font-size:10pt;margin-top:7mm;margin-bottom:8mm;width:51%;break-inside:avoid}.paper-totals>div{padding:2mm 0}.paper-totals .balance-due{padding-top:4mm;margin-top:4mm}.balance-due strong:first-child{font-size:11pt}.balance-due strong:last-child{font-size:22pt}.currency-note{font-size:8pt}.paper-bottom{margin-top:0;padding-top:6mm;break-inside:avoid}.payment-details p{font-size:9pt}.paper-note{font-size:12pt;margin-top:7mm}.paper-rule{margin-top:6mm}.paid-stamp{font-size:10pt!important}}.client-contact{margin-top:-3px;margin-bottom:5px}.client-contact summary{display:flex;align-items:center;gap:5px;min-height:28px;cursor:pointer;list-style:none;font-size:10px;color:#717c6b}.client-contact summary::-webkit-details-marker{display:none}.client-contact summary .icon{width:11px;height:11px}.client-contact[open] summary{margin-bottom:12px}.client-contact[open] summary .icon{transform:rotate(180deg)}@media(min-width:1001px){.sidebar{position:sticky;top:0;height:calc(100dvh - 80px);min-height:660px;align-self:start}.sidebar-bottom{padding-top:35px}.preview-panel{position:sticky;top:24px}}@media(max-width:760px){.client-contact summary{font-size:11px;min-height:36px}.item-row input{font-size:16px}.item-row input:first-child{font-size:13px}.swatch{min-width:40px}}.invoice-paper{width:100%;min-width:0}.eyebrow,.nav-label,.header-note,.page-heading p,.small-muted,.field>span,.item-column-labels,.adjustments p,.editor-foot,.color-name,.section-description,.preview-toolbar>span:last-child,.preview-foot,.preview-foot>span,.local-note,.backup-link,.recent-item small,.client-card p,.invoice-open small,.dialog-description,.about-content{color:#687263}.paper-label,.party>span:last-child,.invoice-heading>span,.currency-note,.payment-details p,.paper-totals>div>span:first-child{color:#65705f}@media print{.invoice-paper{width:100%!important}.paper-top{padding-bottom:6mm}.paper-parties{margin:6mm 0}.invoice-table td,.invoice-table td:first-child{padding:3mm 2mm}.paper-totals>div{padding:1mm 0}.paper-totals{margin-top:5mm;margin-bottom:5mm}.paper-totals .balance-due{margin-top:3mm;padding-top:3mm}.paper-bottom{padding-top:3mm}.paper-note,.paper-rule{margin-top:5mm}}.paper-wrap{container-type:inline-size}.invoice-paper{aspect-ratio:auto;min-height:max(760px,141.43cqw)}.invoice-paper.letter{aspect-ratio:auto;min-height:max(710px,129.42cqw)}@media(max-width:1199px){.invoice-paper{min-height:max(680px,141.43cqw)}}@media(max-width:760px){.invoice-paper{min-height:max(660px,141.43cqw)}.invoice-paper.letter{min-height:max(640px,129.42cqw)}}@media print{.paper-wrap{container-type:normal}.invoice-paper,.invoice-paper.letter{min-height:0!important}}