:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{margin:0}.datepicker{color:#16161c;text-align:left;background:#fff;border-radius:12px;width:280px;max-width:min(280px,100vw - 32px);padding:16px;font-family:Nunito,Segoe UI,Arial,sans-serif;animation:.14s ease-out datepicker-in;box-shadow:0 12px 32px #10161c38,0 2px 8px #10161c1f}@keyframes datepicker-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.datepicker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.datepicker-title{color:#16161c;font-size:13.5px;font-weight:700}.datepicker-nav{color:#6b7280;cursor:pointer;background:#f2f3f8;border:none;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;line-height:1;transition:background .12s,color .12s;display:flex}.datepicker-nav:hover{color:#fff;background:#6b7280}.datepicker-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.datepicker-weekdays span{text-align:center;color:#8a8fa0;padding-bottom:4px;font-size:11px;font-weight:700}.datepicker-grid{grid-template-columns:repeat(7,1fr);row-gap:2px;display:grid}.datepicker-day{color:#16161c;cursor:pointer;background:0 0;border:none;border-radius:8px;width:34px;height:34px;font-family:inherit;font-size:13px;transition:background .12s,color .12s}.datepicker-day:hover{background:#6b728024}.datepicker-day.outside{color:#c7cad6}.datepicker-day.today{color:#6b7280;font-weight:700;box-shadow:inset 0 0 0 1px #6b7280}.datepicker-day.selected{color:#fff;background:#6b7280;font-weight:700;box-shadow:0 4px 12px #6b72806b}.datepicker-day.selected:hover{background:#4b5563}.datepicker-footer{border-top:1px solid #e3e6ee;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:10px;padding-top:10px;display:flex}.suffix-field label{letter-spacing:.4px;color:#8a8fa0;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.suffix-input-wrap{background:#f2f3f8;border:1px solid #e3e6ee;border-radius:7px;align-items:center;gap:3px;padding:4px 8px;transition:box-shadow .12s,border-color .12s;display:flex}.suffix-input-wrap:focus-within{border-color:#6b7280;box-shadow:0 0 0 3px #6b72802e}.suffix-dash{color:#8a8fa0;font-size:13px;font-weight:700}.suffix-input{color:#16161c;background:0 0;border:none;outline:none;width:64px;font-family:inherit;font-size:13px;font-weight:700}.datepicker-today-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s}.datepicker-today-btn:hover{background:#6b72801a}.currencypicker{color:#16161c;text-align:left;background:#fff;border-radius:12px;width:240px;max-width:min(240px,100vw - 32px);padding:10px;font-family:Nunito,Segoe UI,Arial,sans-serif;animation:.14s ease-out currencypicker-in;box-shadow:0 12px 32px #10161c38,0 2px 8px #10161c1f}@keyframes currencypicker-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.currencypicker-header{border-bottom:1px solid #e3e6ee;margin-bottom:6px;padding:4px 8px 8px}.currencypicker-title{letter-spacing:.4px;text-transform:uppercase;color:#8a8fa0;font-size:12.5px;font-weight:700}.currencypicker-list{flex-direction:column;gap:2px;display:flex}.currencypicker-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px;font-family:inherit;transition:background .12s;display:flex}.currencypicker-item:hover{background:#6b72801a}.currencypicker-item.selected{background:#6b728024}.currencypicker-symbol{color:#fff;background:#6b7280;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 6px;font-size:12.5px;font-weight:700;display:flex}.currencypicker-meta{flex-direction:column;flex:1;min-width:0;display:flex}.currencypicker-code{color:#16161c;font-size:13px;font-weight:700}.currencypicker-name{color:#8a8fa0;font-size:11.5px}.currencypicker-check{color:#6b7280;flex-shrink:0}.bankeditor{color:#16161c;text-align:left;background:#fff;border-radius:12px;width:360px;max-width:min(360px,100vw - 32px);padding:18px;font-family:Nunito,Segoe UI,Arial,sans-serif;animation:.14s ease-out bankeditor-in;box-shadow:0 12px 32px #10161c38,0 2px 8px #10161c1f}.bankeditor.align-right{right:0}.bankeditor.align-left{left:0}@keyframes bankeditor-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bankeditor-header{border-bottom:1px solid #e3e6ee;margin-bottom:10px;padding-bottom:8px}.bankeditor-title{letter-spacing:.4px;text-transform:uppercase;color:#8a8fa0;font-size:12.5px;font-weight:700}.bankeditor-presets{background:#f8f9fc;border:1px solid #e3e6ee;border-radius:8px;margin-bottom:12px;padding:10px 10px 8px}.bankeditor-presets-title{letter-spacing:.4px;color:#8a8fa0;text-transform:uppercase;margin-bottom:6px;font-size:10.5px;font-weight:700}.bankeditor-presets-empty,.bankeditor-presets-error{color:#8a8fa0;padding:2px 0 6px;font-size:12px}.bankeditor-presets-error{color:#b33}.bankeditor-presets-list{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.bankeditor-preset-row{border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:4px 4px 4px 8px;transition:background .12s;display:flex}.bankeditor-preset-row:hover{background:#eef0f6}.bankeditor-preset-name{text-align:left;color:#16161c;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:4px 0;font-family:inherit;font-size:12.5px;font-weight:600;overflow:hidden}.bankeditor-preset-name:hover:not(:disabled){color:var(--teal,#0e9488)}.bankeditor-preset-name:disabled{opacity:.5;cursor:not-allowed}.bankeditor-preset-rename-input{color:#16161c;background:#fff;border:1px solid #e3e6ee;border-radius:6px;outline:none;flex:1;min-width:0;padding:4px 7px;font-family:inherit;font-size:12.5px;font-weight:600}.bankeditor-preset-rename-input:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b72802e}.bankeditor-preset-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.bankeditor-preset-action-btn{color:#8a8fa0;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .12s,color .12s;display:flex}.bankeditor-preset-action-btn:hover:not(:disabled){color:#fff;background:#6b7280}.bankeditor-preset-action-btn.danger:hover:not(:disabled){color:#fff;background:#ff4d6d}.bankeditor-preset-action-btn:disabled{opacity:.3;cursor:not-allowed}.bankeditor-preset-save-row{align-items:center;gap:6px;display:flex}.bankeditor-preset-name-input{color:#16161c;background:#fff;border:1px solid #e3e6ee;border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:12.5px;font-weight:600}.bankeditor-preset-name-input:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b72802e}.bankeditor-preset-confirm-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:6px;flex-shrink:0;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:700;transition:background .12s}.bankeditor-preset-confirm-btn:hover:not(:disabled){background:#4b5563}.bankeditor-preset-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.bankeditor-preset-cancel-btn{color:#54596a;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:700;transition:background .12s}.bankeditor-preset-cancel-btn:hover{background:#54596a1a}.bankeditor-preset-add-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px dashed #c7cad6;border-radius:6px;width:100%;padding:7px;font-family:inherit;font-size:12px;font-weight:700;transition:background .12s,border-color .12s}.bankeditor-preset-add-btn:hover{background:#6b728014;border-color:#6b7280}.bankeditor-toolbar{gap:6px;margin-bottom:8px;display:flex}.bankeditor-tool-btn{color:#16161c;cursor:pointer;background:#f2f3f8;border:1px solid #e3e6ee;border-radius:6px;justify-content:center;align-items:center;width:28px;height:26px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s;display:flex}.bankeditor-tool-btn:hover{background:#e8e9ee;border-color:#6b7280}.bankeditor-content{color:#16161c;box-sizing:border-box;background:#f2f3f8;border:1px solid #e3e6ee;border-radius:7px;outline:none;width:100%;min-height:160px;max-height:min(320px,45vh);margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:400;line-height:1.5;transition:box-shadow .12s,border-color .12s;overflow-y:auto}.bankeditor-content:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72802e}.bankeditor-content b,.bankeditor-content strong{font-weight:700}.bankeditor-content i,.bankeditor-content em{font-style:italic}.bankeditor-content h4{color:var(--teal,#0e9488);letter-spacing:.5px;text-transform:uppercase;margin:14px 0 4px;font-size:12px;font-weight:700}.bankeditor-content h4:first-child{margin-top:0}.bankeditor-content div,.bankeditor-content p{margin:0 0 2px}.bankeditor-footer{border-top:1px solid #e3e6ee;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;display:flex}.bankeditor-cancel-btn{color:#54596a;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s}.bankeditor-cancel-btn:hover{background:#54596a1a}.bankeditor-save-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s}.bankeditor-save-btn:hover{background:#4b5563}.billtoeditor{color:#16161c;text-align:left;background:#fff;border-radius:12px;width:320px;max-width:min(320px,100vw - 32px);padding:18px;font-family:Nunito,Segoe UI,Arial,sans-serif;animation:.14s ease-out billtoeditor-in;box-shadow:0 12px 32px #10161c38,0 2px 8px #10161c1f}.billtoeditor.align-right{right:0}.billtoeditor.align-left{left:0}@keyframes billtoeditor-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.billtoeditor-header{border-bottom:1px solid #e3e6ee;margin-bottom:10px;padding-bottom:8px}.billtoeditor-title{letter-spacing:.4px;text-transform:uppercase;color:#8a8fa0;font-size:12.5px;font-weight:700}.billtoeditor-toolbar{gap:6px;margin-bottom:8px;display:flex}.billtoeditor-tool-btn{color:#16161c;cursor:pointer;background:#f2f3f8;border:1px solid #e3e6ee;border-radius:6px;justify-content:center;align-items:center;width:28px;height:26px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s;display:flex}.billtoeditor-tool-btn:hover{background:#e8e9ee;border-color:#6b7280}.billtoeditor-content{color:#16161c;box-sizing:border-box;background:#f2f3f8;border:1px solid #e3e6ee;border-radius:7px;outline:none;width:100%;min-height:120px;max-height:min(280px,45vh);margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:400;line-height:1.5;transition:box-shadow .12s,border-color .12s;overflow-y:auto}.billtoeditor-content:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72802e}.billtoeditor-content b,.billtoeditor-content strong{font-weight:700}.billtoeditor-content i,.billtoeditor-content em{font-style:italic}.billtoeditor-content h4{color:var(--teal,#0e9488);letter-spacing:.5px;text-transform:uppercase;margin:14px 0 4px;font-size:12px;font-weight:700}.billtoeditor-content h4:first-child{margin-top:0}.billtoeditor-content div,.billtoeditor-content p{margin:0 0 2px}.billtoeditor-footer{border-top:1px solid #e3e6ee;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;display:flex}.billtoeditor-cancel-btn{color:#54596a;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s}.billtoeditor-cancel-btn:hover{background:#54596a1a}.billtoeditor-save-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s}.billtoeditor-save-btn:hover{background:#4b5563}.roweditor{color:#16161c;text-align:left;background:#fff;border-radius:12px;width:380px;max-width:min(380px,100vw - 32px);padding:20px;font-family:Nunito,Segoe UI,Arial,sans-serif;animation:.14s ease-out roweditor-in;box-shadow:0 12px 32px #10161c38,0 2px 8px #10161c1f}.roweditor.align-right{right:0}.roweditor.align-left{left:0}@keyframes roweditor-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.roweditor-header{border-bottom:1px solid #e3e6ee;margin-bottom:10px;padding-bottom:8px}.roweditor-title{letter-spacing:.4px;text-transform:uppercase;color:#8a8fa0;font-size:12.5px;font-weight:700}.roweditor-field{flex-direction:column;flex:1;margin-bottom:12px;display:flex}.roweditor-row{gap:10px;display:flex}.roweditor-field label{letter-spacing:.4px;color:#8a8fa0;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:700}.roweditor-field textarea{color:#16161c;box-sizing:border-box;resize:vertical;background:#f2f3f8;border:1px solid #e3e6ee;border-radius:7px;outline:none;width:100%;min-height:36px;padding:8px 10px;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.4;transition:box-shadow .12s,border-color .12s}.roweditor-field textarea:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72802e}.roweditor-field textarea:disabled{color:#8a8fa0;cursor:not-allowed;background:#e8e9ee}.roweditor-auto-hint{text-transform:none;color:#6b7280;letter-spacing:0;font-weight:600}.roweditor-computed{background:#f2f3f8;border:1px dashed #e3e6ee;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;display:flex}.roweditor-computed-label{letter-spacing:.4px;color:#8a8fa0;text-transform:uppercase;font-size:10.5px;font-weight:700}.roweditor-computed-value{color:#16161c;font-size:13.5px;font-weight:700}.roweditor-footer{border-top:1px solid #e3e6ee;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;display:flex}.roweditor-cancel-btn{color:#54596a;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s}.roweditor-cancel-btn:hover{background:#54596a1a}.roweditor-save-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s}.roweditor-save-btn:hover{background:#4b5563}.tablesettings{color:#16161c;text-align:left;background:#fff;border-radius:12px;width:240px;max-width:min(240px,100vw - 32px);padding:16px;font-family:Nunito,Segoe UI,Arial,sans-serif;animation:.14s ease-out tablesettings-in;box-shadow:0 12px 32px #10161c38,0 2px 8px #10161c1f}@keyframes tablesettings-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tablesettings-header{border-bottom:1px solid #e3e6ee;margin-bottom:10px;padding-bottom:8px}.tablesettings-title{letter-spacing:.4px;text-transform:uppercase;color:#8a8fa0;font-size:12.5px;font-weight:700}.tablesettings-field{flex-direction:column;margin-bottom:12px;display:flex}.tablesettings-field label{letter-spacing:.4px;color:#8a8fa0;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:700}.tablesettings-field select{color:#16161c;cursor:pointer;background:#f2f3f8;border:1px solid #e3e6ee;border-radius:7px;outline:none;padding:7px 9px;font-family:inherit;font-size:13px;font-weight:600}.tablesettings-checkbox-row{color:#54596a;cursor:pointer;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.tablesettings-checkbox-row input[type=checkbox]{accent-color:#6b7280;cursor:pointer;flex-shrink:0;width:15px;height:15px}.tablesettings-footer{border-top:1px solid #e3e6ee;justify-content:flex-end;margin-top:12px;padding-top:10px;display:flex}.tablesettings-done-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s}.tablesettings-done-btn:hover{background:#4b5563}.invoice{--dark:#16161c;--teal:#0e9488;--teal-dark:#0b7a70;--teal-light:#14b8a6;--glow:#14b8a66b;--cyan:#22d3ee;--text-main:#16161c;--text-secondary:#54596a;--text-muted:#8a8fa0;--line-color:#e3e6ee;--notes-bg:#eef7f6;--btn-gray:#6b7280;--btn-gray-dark:#4b5563;--btn-glow:#6b728059;--pad-x:56px;width:100%;max-width:960px;color:var(--text-secondary);flex-direction:column;gap:28px;font-family:Nunito,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.6;display:flex}.invoice-load-error{color:#b33;background:#fff5f5;border:1px solid #f3c2c2;border-radius:10px;width:100%;max-width:960px;margin:40px auto;padding:24px;font-family:Nunito,Segoe UI,Arial,sans-serif;font-size:14px}.page-counter-row{justify-content:flex-start;padding-top:10px;display:flex}.page-counter{letter-spacing:.3px;color:var(--text-muted);font-size:11px;font-weight:600}.invoice-header{background:radial-gradient(circle at 2px 2px, #22d3ee29 1px, transparent 0) 0 0 / 26px 26px, linear-gradient(120deg, var(--dark) 0%, var(--dark) 34%, #123332 58%, #0d3532 76%, #0b3d38 100%);color:#fff;justify-content:space-between;align-items:flex-start;padding:48px 56px 40px;display:flex;position:relative;overflow:hidden}.invoice-header:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 45%,#14b8a629 65%,#0000 82%),conic-gradient(from 200deg at 80% 40%,#22d3ee1a,#0000 35%);position:absolute;inset:0}.invoice-title{letter-spacing:4px;margin:0;font-size:56px;font-weight:300;position:relative}.sender-info{text-align:right;color:#ffffffbf;font-size:13px;line-height:1.7;position:relative}.sender-name{color:#fff;margin-bottom:6px;font-family:Montserrat,Nunito,sans-serif;font-size:28px;font-weight:500}.sender-email{color:var(--cyan);text-decoration:underline}.invoice-meta{justify-content:space-between;padding:32px 56px 24px;display:flex}.invoice-meta .label{color:var(--teal);letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700}.bill-to-title{position:relative}.bill-to-edit-btn{top:50%;left:calc(-1 * (var(--pad-x) + 13px));position:absolute;transform:translateY(-50%)}.invoice-numbers{text-align:right}.invoice-numbers .value{color:var(--text-main);margin-bottom:12px}.date-block{display:inline-block;position:relative}.date-row{align-items:center;gap:10px;display:inline-flex}.date-value{color:var(--text-main)}.date-edit-btn{top:0;right:calc(-1 * (var(--pad-x) + 13px));background:var(--btn-gray);color:#fff;cursor:pointer;width:26px;height:26px;box-shadow:0 4px 12px var(--btn-glow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s;display:flex;position:absolute;transform:translateY(-50%)}.date-edit-btn:hover{background:var(--btn-gray-dark)}.client-name{color:var(--text-main);margin-bottom:2px;font-weight:700}.bill-to-content{color:var(--text-secondary)}.bill-to-content h4{color:var(--teal);letter-spacing:.5px;text-transform:uppercase;margin:12px 0 4px;font-size:12px;font-weight:700}.bill-to-content h4:first-child{margin-top:0}.bill-to-content div,.bill-to-content p{margin-bottom:2px}.bill-to-content strong,.bill-to-content b{color:var(--text-main);font-weight:700}.divider{border-top:1px solid var(--line-color);margin:0 56px}.items-table{border-collapse:collapse;width:100%;margin-top:8px}.items-table th.col-spacer,.items-table td.col-spacer{width:var(--pad-x);padding:0}.items-table th.col-spacer-right{vertical-align:middle;position:relative}.table-settings-btn{position:absolute;top:50%;right:-13px;transform:translateY(-50%)}.items-table thead th{color:var(--teal);letter-spacing:.5px;text-align:right;vertical-align:top;padding:24px 12px 12px;font-size:12px;font-weight:700}.items-table thead th.col-desc{text-align:left;padding-left:0}.subtext{color:var(--text-muted);letter-spacing:0;font-size:11px;font-weight:400;display:block}.items-table tbody td{text-align:right;color:var(--text-secondary);border-bottom:1px solid var(--line-color);padding:10px 12px;font-size:13.5px}.items-table tbody tr:last-child td,.items-table tbody td.col-spacer{border-bottom:none}.items-table tbody td.col-desc{text-align:left;color:var(--text-main);padding-left:0}.item-title{color:var(--text-main)}.item-subtitle{color:var(--text-muted);margin-top:2px;font-size:11.5px}.row-desc-wrap{position:relative}.row-actions{top:50%;right:calc(100% + var(--pad-x) - 13px);justify-content:flex-end;align-items:center;width:120px;height:26px;display:flex;position:absolute;transform:translateY(-50%)}.row-actions-trigger{background:var(--btn-gray);color:#fff;opacity:1;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .15s .25s,transform .2s .25s;display:flex;position:absolute;top:0;right:0;transform:scale(1)}.row-actions-buttons{opacity:0;pointer-events:none;transform-origin:100%;background:#fff;border-radius:10px;align-items:center;gap:4px;padding:4px 6px;transition:opacity .28s .25s,transform .28s .25s;display:flex;position:relative;transform:scale(.5);box-shadow:0 12px 32px #10161c38,0 2px 8px #10161c1f}.row-actions:hover .row-actions-trigger{opacity:0;transition:opacity .15s,transform .15s;transform:scale(.4)}.row-actions:hover .row-actions-buttons{opacity:1;pointer-events:auto;transition:opacity .26s,transform .26s cubic-bezier(.34,1.56,.64,1);transform:scale(1)}.row-action-btn{background:var(--btn-gray);color:#fff;cursor:pointer;width:26px;height:26px;box-shadow:0 3px 8px var(--btn-glow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s;display:flex}.row-action-btn:hover:not(:disabled){background:var(--btn-gray-dark)}.row-action-btn.danger:hover:not(:disabled){background:#ff4d6d;box-shadow:0 3px 8px #ff4d6d6b}.row-action-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.add-row-wrap{height:40px;margin:6px 0 4px;position:relative}.add-row-btn{position:absolute;top:50%;left:-13px;transform:translateY(-50%)}.invoice-footer{margin-top:32px;display:flex}.notes{background:var(--notes-bg);padding:28px var(--pad-x);flex:1;font-size:13px}.notes .label{color:var(--teal);margin-bottom:6px;font-size:12px;font-weight:700}.currency-row{align-items:center;gap:10px;display:inline-flex;position:relative}.currency-edit-btn{top:calc(50% - 20px);left:calc(-1 * (var(--pad-x) + 13px));background:var(--btn-gray);color:#fff;cursor:pointer;min-width:26px;height:26px;box-shadow:0 4px 12px var(--btn-glow);border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:11px;font-weight:700;transition:background .12s;display:flex;position:absolute;transform:translateY(-50%)}.currency-edit-btn:hover{background:var(--btn-gray-dark)}.total-box{background:linear-gradient(135deg, var(--teal-dark), var(--dark));width:320px;box-shadow:inset 0 0 60px var(--glow);color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.total-label{letter-spacing:1px;color:#fffc;margin-bottom:6px;font-size:12px;font-weight:700}.total-value{font-size:30px;font-weight:700}.bank-details{background:#fff;flex-direction:column;padding:36px 56px 48px;font-size:13px;display:flex;box-shadow:0 10px 40px #0000001a}.bank-details-footer{margin-top:40px}.bank-details .label{color:var(--teal);margin-top:18px;margin-bottom:4px;font-size:12px;font-weight:700}.bank-details .label:first-child{margin-top:0}.bank-details-content h4{color:var(--teal);letter-spacing:.5px;text-transform:uppercase;margin:18px 0 4px;font-size:12px;font-weight:700}.bank-details-content h4:first-child{margin-top:0}.bank-details-content div,.bank-details-content p{color:var(--text-secondary);margin-bottom:2px}.bank-details-content strong{color:var(--text-main)}.bank-details-title{position:relative}.bank-edit-btn{top:50%;left:calc(-1 * (var(--pad-x) + 13px));position:absolute;transform:translateY(-50%)}.spacer-line{color:var(--text-secondary);margin-bottom:2px}.signature{color:var(--text-main);justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.signature-name{color:var(--text-main);white-space:nowrap;font-size:15px;font-weight:700}.signature-sign-col{flex-direction:column;flex-shrink:0;align-items:center;width:340px;display:flex}.signature-image{object-fit:contain;width:auto;max-width:290px;height:100px;margin-bottom:-42px}.signature-line{border-bottom:1px solid var(--text-muted);width:100%;height:1px}.invoice-page-one{background:#fff;flex-direction:column;display:flex;box-shadow:0 10px 40px #0000001a}@media print{.invoice{gap:0}.invoice-page-one,.bank-details{box-shadow:none;min-height:100vh}.date-edit-btn,.currency-edit-btn,.bank-edit-btn,.bill-to-edit-btn,.row-actions,.add-row-wrap,.table-settings-btn,.datepicker,.currencypicker,.roweditor,.bankeditor,.billtoeditor,.tablesettings{display:none!important}.invoice-footer,.bank-details-footer{margin-top:auto}.bank-details{break-before:page;page-break-before:always}}@media (width<=700px){.invoice{--pad-x:24px}.invoice-header,.invoice-meta,.divider,.bank-details{padding-left:24px;padding-right:24px}.invoice-header{flex-direction:column;gap:24px}.sender-info{text-align:left}.invoice-footer{flex-direction:column}.total-box{width:100%}.date-edit-btn,.currency-edit-btn{position:static;transform:none}.row-actions{width:auto;margin-bottom:6px;position:static;transform:none}.row-actions-trigger{display:none}.row-actions-buttons{opacity:1;pointer-events:auto;position:static;transform:none}.bank-edit-btn,.bill-to-edit-btn{margin-left:8px;position:static;transform:none}}.sidebar{background:#fff;border-right:1px solid #e3e6ee;flex-direction:column;flex-shrink:0;width:280px;min-height:100vh;padding:20px 14px;font-family:Nunito,Segoe UI,Arial,sans-serif;display:flex}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 6px;display:flex}.sidebar-title{color:#16161c;font-family:Montserrat,Nunito,sans-serif;font-size:15px;font-weight:700}.sidebar-new-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s;display:flex}.sidebar-new-btn:hover:not(:disabled){background:#4b5563}.sidebar-new-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-empty,.sidebar-error{color:#8a8fa0;padding:16px 6px;font-size:12.5px}.sidebar-error{color:#b33}.sidebar-list{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.sidebar-item{cursor:pointer;border-left:3px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 10px 8px;transition:background .12s,border-color .12s;display:flex}.sidebar-item:hover{background:#f2f3f8}.sidebar-item.active{background:#eef7f6;border-left-color:#0e9488}.sidebar-item.active .sidebar-item-number{color:#0e9488}.sidebar-item-active-dot{color:#0e9488;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.sidebar-item-main{flex:1;min-width:0}.sidebar-item-number{color:#16161c;font-size:12.5px;font-weight:700}.sidebar-item-invoice-title{color:#8a8fa0;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.sidebar-item-date{color:#b3b6c2;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10.5px;overflow:hidden}.sidebar-item-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.sidebar-action-btn{color:#8a8fa0;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .12s,color .12s,opacity .12s;display:flex}.sidebar-item:hover .sidebar-action-btn{opacity:1}.sidebar-action-btn:hover:not(:disabled){color:#fff;background:#6b7280}.sidebar-action-btn.danger:hover:not(:disabled){color:#fff;background:#ff4d6d}.sidebar-action-btn:disabled{opacity:.3;cursor:not-allowed}@media (width<=900px){.sidebar{width:220px}}@media (width<=700px){.sidebar{border-bottom:1px solid #e3e6ee;border-right:none;width:100%;min-height:0}}*{box-sizing:border-box}body{background:#f2f3f8;margin:0;font-family:Nunito,Segoe UI,Arial,sans-serif}.page-wrapper{flex-direction:row;align-items:stretch;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;align-items:center;min-width:0;padding:40px 16px;display:flex}.toolbar{align-items:center;gap:10px;width:100%;max-width:960px;margin-bottom:12px;display:flex}.invoice-title-input{color:#16161c;background:#fff;border:1px solid #e3e6ee;border-radius:8px;outline:none;flex:1;min-width:0;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:box-shadow .12s,border-color .12s}.invoice-title-input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72802e}.save-status{color:#8a8fa0;white-space:nowrap;flex-shrink:0;font-size:12.5px;font-weight:600}.save-status[data-status=error]{color:#d9534f}.print-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s;display:flex}.print-btn:hover:not(:disabled){background:#4b5563}.print-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;color:#8a8fa0;width:100%;max-width:960px;margin-top:80px;font-size:15px}@media print{@page{margin:0;size:auto}.no-print{display:none!important}html,body{background:#fff;margin:0;padding:0}.page-wrapper{min-height:0;display:block}.main-content{margin:0;padding:0}}@media (width<=700px){.page-wrapper{flex-direction:column}}