:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#123447;background:#f3f6f7;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{display:flex;min-height:100vh}.sidebar{background:#123447;color:#fff;width:218px;flex-shrink:0;display:flex;flex-direction:column;min-height:100vh;padding:22px 13px}.identity{display:flex;align-items:center;gap:12px;margin-bottom:42px;padding:0 6px}.identity strong{font-size:16px;line-height:1.1}.identity small{display:block;letter-spacing:1.7px;color:#c8e3ec;font-size:9px;margin-top:6px}.identity-mark{width:45px;height:45px;border-radius:12px;background:#e6c5d2;color:#6e314c;display:grid;place-items:center;font-weight:900;font-size:18px}.nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;border:0;color:#d7e5e9;background:transparent;font-weight:650;text-align:left;border-radius:10px;padding:14px 12px}.nav-link span{font-size:18px;width:22px;text-align:center}.nav-link:hover{background:#234658}.nav-link.selected{background:#e7f3f4;color:#123447}.side-foot{margin-top:auto;border-top:1px solid #37566a;padding:20px 6px 2px;color:#d4e0e8;font-size:12px;line-height:1.7}.side-foot span{color:#9bb8c5}.main{flex:1;min-width:0;max-width:100%;padding:32px 38px 60px}.view{display:none}.view.active{display:block}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px}.heading h1{margin:6px 0 7px;font-size:31px;letter-spacing:-.8px}.heading p,.preview-hint{color:#617a87;margin:0;line-height:1.5}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:750;color:#6e8c9a}.chip{border-radius:99px;background:#e3f2f2;color:#28626d;font-weight:650;padding:9px 14px;white-space:nowrap;font-size:12px}.editor-grid{display:grid;grid-template-columns:minmax(400px,.95fr) minmax(410px,1.05fr);align-items:start;gap:22px}.editor-form{display:grid;gap:18px}.panel{background:white;border:1px solid #dce6eb;border-radius:16px;box-shadow:0 2px 7px #16384c06;padding:22px}.panel h2{margin:0;font-size:17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.label-tag{background:#f1f6f8;border-radius:7px;font-size:11px;color:#68808c;padding:6px 9px;font-weight:700}label{display:block;font-size:12px;font-weight:700;color:#496575;margin-bottom:15px}label input:not([type=file]),label textarea{display:block;width:100%;margin-top:7px;border:1px solid #d6e1e8;border-radius:9px;color:#173547;background:white;outline:none;padding:13px 12px;transition:border-color .18s,box-shadow .18s}label input:focus,label textarea:focus{border-color:#4a8ba0;box-shadow:0 0 0 3px #cce5ee80}textarea{resize:vertical;min-height:68px}.fields.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.items{display:grid;gap:13px}.item-card{padding:14px;border:1px solid #e0e8eb;border-radius:12px;background:#fbfcfd}.item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.item-top strong{font-size:12px;color:#3e5e6c}.icon-btn{border:0;background:#fbebee;border-radius:7px;color:#b34354;padding:5px 9px}.item-fields{display:grid;grid-template-columns:74px minmax(0,1fr) 106px;gap:10px}.item-card label{margin:0;font-size:11px}.item-card label input{padding:10px 8px}.item-sub{display:flex;justify-content:end;font-size:12px;color:#5e7a86;margin-top:12px;gap:8px}.item-sub strong{color:#123447}.btn{border:0;border-radius:10px;padding:13px 14px;font-weight:750;text-align:center;white-space:normal}.btn.primary{background:#163e52;color:#fff}.btn.primary:hover{background:#205569}.btn-outline{border:1px solid #d1e0e7;background:#fff;color:#254e62}.btn-outline:hover{background:#f2f8fa}.btn-soft{background:#e6f2f2;color:#22596a}.btn-quiet{background:#f3f5f7;color:#4d6671}.add-btn{width:100%;margin-top:16px}.sumrow{margin-top:19px;background:#eaf4f4;border-radius:12px;padding:17px 16px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.sumrow strong{font-size:25px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.actions-panel p,.narrow p{color:#657d88;line-height:1.5}.disclaimer{font-size:11px!important;color:#80929e!important;margin-bottom:0}.message{color:#216e56;font-weight:650;min-height:5px;margin-top:10px}.message.error{color:#b1324b}.preview-panel{position:sticky;top:15px}.preview-hint{margin-top:-10px;margin-bottom:18px;font-size:12px}.paper-preview{background:#e4ebee;padding:14px;border-radius:12px;overflow:auto}.sheet{background:white;width:100%;aspect-ratio:8.5/11;box-shadow:0 4px 16px #2b4b5818;display:flex;flex-direction:column;color:#203d4c;font-family:Arial,sans-serif}.half-copy{height:50%;padding:3.4% 4%;position:relative;overflow:hidden}.half-copy:first-child{border-bottom:1.5px dashed #8d9fa6}.invoice-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:2px solid #1b3d50;padding-bottom:10px}.invoice-logo{width:35%;height:56px;object-fit:contain;object-position:left center}.invoice-title{flex:1;text-align:right}.invoice-title strong{display:block;font-size:clamp(11px,1.45vw,16px);color:#123b4d}.invoice-title span{display:block;font-size:clamp(7.5px,.8vw,10px);margin-top:4px;color:#6b818d}.invoice-meta{display:flex;justify-content:space-between;gap:12px;font-size:clamp(8.5px,.92vw,11.5px);margin:10px 0 8px}.invoice-client{font-size:clamp(8.5px,.92vw,11.5px);line-height:1.7;margin-bottom:9px}.invoice-client b,.invoice-meta b{color:#314f5d}.invoice-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:clamp(7.5px,.9vw,11px)}.invoice-table th{text-align:left;background:#e7eff2;padding:7px 6px;border-bottom:1px solid #9eb7c1;font-weight:700}.invoice-table th:nth-child(1){width:12%}.invoice-table th:nth-child(3){width:18%;text-align:right}.invoice-table th:nth-child(4){width:19%;text-align:right}.invoice-table td{border-bottom:1px solid #edf1f3;padding:6px 6px;height:27px;vertical-align:middle;overflow-wrap:anywhere}.invoice-table td:nth-child(3),.invoice-table td:nth-child(4){text-align:right;white-space:nowrap}.invoice-total{display:flex;justify-content:end;align-items:center;gap:20px;margin-top:12px;font-size:clamp(10.5px,1.15vw,14px);font-weight:bold}.invoice-total strong{font-size:clamp(16px,1.7vw,21px);color:#13394d}.invoice-foot{position:absolute;bottom:8px;color:#788c98;font-size:8.5px}.empty-note{color:#7a8c96;padding:25px 10px;font-size:13px;text-align:center}.history-list{display:grid;gap:12px}.history-card{border:1px solid #e0e7eb;border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px;justify-content:space-between}.history-card strong{display:block;color:#17394a}.history-card small{color:#6b858f;display:block;margin-top:5px}.history-actions{display:flex;flex-wrap:wrap;gap:7px}.history-actions .btn{padding:9px 11px;font-size:12px}.narrow{max-width:740px;margin-bottom:20px}.narrow h2{margin-bottom:20px}.logo-setting{display:flex;gap:16px;align-items:center;margin:0 0 20px}.logo-setting img{width:135px;max-height:70px;object-fit:contain;border:1px solid #dfe7eb;border-radius:8px;padding:6px}.logo-setting strong{font-size:13px}.file-btn{margin:0;display:grid;place-items:center}.mobile-head,.mobile-nav{display:none}#print-root{display:none}
@media(max-width:1170px){.main{padding:26px}.editor-grid{grid-template-columns:minmax(330px,1fr) minmax(360px,1fr)}.preview-panel{position:static}}@media(max-width:880px){.sidebar{width:80px;padding:16px 9px}.identity{justify-content:center;padding:0}.identity>div,.nav-link{font-size:0}.nav-link{justify-content:center;gap:0}.nav-link span{font-size:21px}.side-foot{display:none}.editor-grid{grid-template-columns:1fr}.paper-preview{max-width:640px;margin:auto}.invoice-title strong{font-size:13px}.invoice-title span,.invoice-meta,.invoice-client,.invoice-table{font-size:10px}.invoice-total{font-size:12px}.invoice-total strong{font-size:17px}}@media(max-width:580px){.sidebar{display:none}.main{padding:0 14px 28px}.mobile-head{display:flex;justify-content:space-between;align-items:center;background:#123447;color:#fff;margin:0 -14px 20px;padding:17px 17px;font-weight:800}.mobile-version{font-size:11px;color:#bfd4de}.heading{margin-bottom:17px}.heading h1{font-size:24px}.heading p{font-size:12px}.heading .chip{font-size:10px;padding:8px}.panel{padding:17px;border-radius:13px}.item-fields{grid-template-columns:64px minmax(0,1fr) 89px;gap:7px}.item-card{padding:10px}.item-card label input{padding:10px 7px}.button-grid{grid-template-columns:1fr}.paper-preview{padding:8px}.invoice-logo{height:27px}.invoice-top{padding-bottom:4px}.invoice-title strong{font-size:8px}.invoice-title span{font-size:6px}.invoice-meta,.invoice-client,.invoice-table{font-size:7px}.invoice-meta{margin:5px 0 3px}.invoice-client{margin-bottom:3px}.invoice-table th{padding:3px}.invoice-table td{height:15px;padding:2px 3px}.invoice-total{margin-top:5px;font-size:9px}.invoice-total strong{font-size:11px}.invoice-foot{font-size:5px;bottom:3px}.half-copy{padding:3.3%}.history-card{display:block}.history-actions{margin-top:12px}.mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 20px;padding:4px;border-radius:12px;background:#e4ecef}.mobile-tab{background:transparent;color:#466574;border:0;border-radius:9px;font-size:11px;font-weight:750;padding:12px 6px}.mobile-tab.selected{background:#fff;color:#123447;box-shadow:0 1px 4px #15374815}.mobile-head:after{content:''}}
/* Print uses exact Letter portrait, with two half-Letter copies per page. */
@page{size:letter portrait;margin:0}
@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}.app{display:none!important}#print-root{display:block!important}.print-sheet{width:8.5in;height:11in;break-after:page;page-break-after:always;display:flex;flex-direction:column;overflow:hidden}.print-sheet:last-child{break-after:auto;page-break-after:auto}.print-sheet .half-copy{height:5.5in;flex:0 0 5.5in;padding:.28in .34in}.print-sheet .half-copy:first-child{border-bottom:1px dashed #637d89}.print-sheet .invoice-logo{width:2.05in;height:.68in}.print-sheet .invoice-title strong{font-size:16px}.print-sheet .invoice-title span{font-size:9.5px}.print-sheet .invoice-top{padding-bottom:8px}.print-sheet .invoice-meta{margin:9px 0 7px;font-size:10.5px}.print-sheet .invoice-client{margin-bottom:8px;font-size:10.5px;line-height:1.6}.print-sheet .invoice-table{font-size:10.5px}.print-sheet .invoice-table th{padding:6px;font-weight:700}.print-sheet .invoice-table td{height:28px;padding:5px 6px}.print-sheet .invoice-total{font-size:14px;margin-top:11px}.print-sheet .invoice-total strong{font-size:20px}.print-sheet .invoice-foot{bottom:12px;font-size:8.5px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}