html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}.bs-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0a1628;border-radius:14px;padding:18px 20px;color:#fff}.bs-brand{display:flex;align-items:center;gap:12px}.bs-wordmark{font-weight:800;letter-spacing:2.5px;font-size:20px;color:#fff}.bs-tagline{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#2196f3;font-weight:600}.bs-invno{font-weight:700;font-size:15px;color:#0a1628;background:#2196f3;padding:8px 14px;border-radius:999px;white-space:nowrap}.bs-h{font-size:15px;font-weight:700;margin:26px 0 10px;color:var(--ds-ink)}.bs-muted{font-size:13px;color:var(--ds-ink-2);margin:6px 0}.bs-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.bs-field span{font-size:13px;font-weight:600;color:var(--ds-ink-2)}.bs-field input,.bs-item input{font:inherit;font-size:16px;padding:12px 14px;border-radius:10px;border:1px solid var(--ds-hairline);background:var(--ds-page);color:var(--ds-ink);min-height:44px;box-sizing:border-box;width:100%}.bs-field input:focus,.bs-item input:focus{outline:2px solid #2196F3;outline-offset:0;border-color:#2196f3}.bs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media(max-width:600px){.bs-grid{grid-template-columns:1fr}}.bs-item{display:flex;gap:8px;margin-bottom:10px;align-items:center}.bs-item-desc{flex:1 1 auto}.bs-item-amt{flex:0 0 110px;text-align:right}.bs-remove{flex:0 0 44px;min-height:44px;border-radius:10px;border:1px solid var(--ds-hairline);background:transparent;color:var(--ds-ink-2);font-size:20px;line-height:1;cursor:pointer}.bs-remove:disabled{opacity:.35;cursor:default}.bs-btn{font:inherit;font-weight:700;font-size:15px;min-height:48px;padding:12px 20px;border-radius:12px;cursor:pointer;border:none;margin-top:8px}.bs-btn.primary{background:#2196f3;color:#fff}.bs-btn.secondary{background:transparent;color:#2196f3;border:1.5px solid #2196F3}.bs-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.bs-totalbar{display:flex;justify-content:space-between;align-items:center;margin-top:20px;background:#0a1628;color:#fff;border-radius:12px;padding:14px 18px;font-size:16px}.bs-totalbar strong{color:#2196f3;font-size:20px}.bs-preview{margin-top:28px}.invoice-sheet{background:#fff;color:#17202b;border-radius:14px;overflow:hidden;box-shadow:0 2px 14px #0a162829;font-size:14px;line-height:1.45}.inv-head{background:#0a1628;color:#fff;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px}.inv-brand{display:flex;align-items:center;gap:14px}.inv-wordmark{font-weight:800;letter-spacing:3px;font-size:22px}.inv-tagline{font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:#2196f3;font-weight:600}.inv-title{text-align:right}.inv-title-word{font-size:26px;font-weight:800;letter-spacing:4px;color:#2196f3}.inv-title-no{font-size:14px;font-weight:600;margin-top:2px}.inv-meta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 26px 6px}.inv-dates{text-align:right}.inv-label{color:#5b6a7d;font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.inv-strong{font-weight:700;font-size:16px}.inv-table{width:calc(100% - 52px);margin:18px 26px 0;border-collapse:collapse}.inv-table th{background:#0a1628;color:#fff;text-align:left;padding:10px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.8px}.inv-table th.num,.inv-table td.num{text-align:right;white-space:nowrap}.inv-table td{padding:10px 12px;border-bottom:1px solid #e3e9f0}.inv-table tbody tr:nth-child(2n) td{background:#f4f8fc}.inv-table tfoot td{font-weight:800;font-size:16px;color:#0a1628;border-bottom:none;border-top:2px solid #2196F3;padding-top:12px}.inv-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:20px 26px}.inv-bank,.inv-terms{max-width:320px}.inv-empty{color:#8a97a6;font-style:italic}.inv-foot{background:#0a1628;color:#fff;padding:12px 26px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;font-weight:600}.inv-foot span:last-child{color:#2196f3}@media(max-width:600px){.inv-head{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px}.inv-title{text-align:left}.inv-title-word{font-size:22px}.inv-meta{padding:18px 20px 4px}.inv-dates{text-align:left}.inv-table{width:calc(100% - 40px);margin:14px 20px 0}.inv-bottom{padding:16px 20px}}@page{size:A4;margin:10mm}@media print{.screen-only{display:none!important}body{background:#fff!important}.bs-preview{margin-top:0}.invoice-sheet{box-shadow:none;border-radius:0;font-size:12.5px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.inv-head{padding:18px 20px}.inv-meta{padding:16px 20px 4px}.inv-table{width:calc(100% - 40px);margin:14px 20px 0}.inv-bottom{padding:16px 20px}.inv-foot{padding:10px 20px}}:root{--ds-page:#fff;--ds-ink:#142e50;--ds-ink-2:#54637a;--ds-hairline:#ddd}body{font:16px/1.5 Arial,sans-serif;background:#fffaf3}.file-card{max-width:1000px;margin:auto;padding:24px}.bs-header,.inv-head{background:#fff;border:1px solid #ddd}.bs-header img,.inv-head img{display:block}.bs-invno{background:#ffce56}.bs-btn.primary{background:#142e50}footer{padding:18px;font-size:13px;color:#54637a}*{box-sizing:border-box}@media(max-width:600px){.file-card{padding:16px}.bs-invno{font-size:12px;padding:6px 8px}.bs-item{flex-wrap:wrap}.bs-item-desc{min-width:100%}.bs-item-amt{flex:1;min-width:0}.inv-foot{overflow-wrap:anywhere}}@media print{.file-card{padding:0;max-width:none}footer{display:none}}.inv-title-no,.inv-title-word{color:#142e50}.inv-foot span:last-child{color:#ffce56}.bs-btn.secondary{border-color:#142e50;color:#142e50}.bs-totalbar strong{color:#ffce56}.inv-table tfoot td{border-color:#ffce56}