*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#1c2430;-webkit-font-smoothing:antialiased;background:#edf0f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;background:#fff;border-bottom:1px solid #dfe4ec;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-name{letter-spacing:.01em;font-size:15px;font-weight:700}.brand-sub{color:#5c6675;margin-top:1px;font-size:11px}.topbar-actions{gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.btn-primary{color:#fff;background:#1a56db}.btn-primary:hover{background:#1648bd}.btn-ghost{color:#1c2430;background:#fff;border-color:#cdd5e0}.btn-ghost:hover{background:#f4f6fa}.btn-block{width:100%;margin-top:10px}.workbench{flex:1;grid-template-columns:500px 1fr;align-items:start;gap:20px;padding:20px 24px;display:grid}.panel{background:#fff;border:1px solid #dfe4ec;border-radius:12px;box-shadow:0 1px 2px #1018280a}.form-panel{max-height:calc(100vh - 100px);position:sticky;top:80px;overflow:hidden auto}.form-scroll{padding:20px 22px 26px}.fgroup{margin-bottom:22px}.fgroup:last-child{margin-bottom:0}.fgroup-title{text-transform:uppercase;letter-spacing:.09em;color:#5c6675;margin:0 0 10px;font-size:11px;font-weight:700}.fgroup-hint{color:#5c6675;margin:-4px 0 10px;font-size:11.5px;line-height:1.5}.grid2{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.grid2 label{color:#3d4657;flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.grid2 .span2{grid-column:span 2}input,select{color:#1c2430;background:#fff;border:1px solid #cdd5e0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db24}.li-head,.li-row{grid-template-columns:1fr 54px 80px 54px 78px 26px;align-items:center;gap:6px;display:grid}.li-head{color:#5c6675;text-transform:uppercase;letter-spacing:.03em;padding:0 2px 6px;font-size:10.5px;font-weight:700}.li-head .c-amt,.li-head .c-qty,.li-head .c-price,.li-head .c-vat{text-align:right}.li-row{margin-bottom:8px}.li-row input,.li-row select{padding:7px 8px;font-size:13px}.li-row .li-qty,.li-row .li-price{text-align:right}.li-row .li-vat{text-align:center}.li-amt{text-align:right;white-space:nowrap;color:#1c2430;font-size:12.5px;font-weight:600}.li-del{color:#5c6675;cursor:pointer;background:0 0;border:none;border-radius:6px;width:26px;height:26px;font-size:17px;line-height:1}.li-del:hover{color:#c0392b;background:#fdecec}.preview-panel{flex-direction:column;max-height:calc(100vh - 100px);display:flex;position:sticky;top:80px;overflow:hidden}.preview-head{border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.preview-title{font-size:13px;font-weight:700}.preview-meta{color:#5c6675;font-size:11.5px}.preview-clip{background:#e4e8ef;flex:1;padding:22px;overflow:auto}.sheet-scale{transform-origin:0 0;width:794px;margin:0 auto}.sheet{color:#1c2430;background:#fff;border-radius:3px;width:794px;min-height:1123px;position:relative;overflow:hidden;box-shadow:0 12px 32px #10182829}.sheet:before{content:"";background:#1a56db;height:6px;display:block}.inv{flex-direction:column;min-height:1123px;padding:50px 56px 40px;display:flex}.muted{color:#5c6675}.inv-head{justify-content:space-between;align-items:flex-start;display:flex}.inv-brand{align-items:center;gap:12px;display:flex}.inv-company{letter-spacing:.04em;font-size:19px;font-weight:700}.inv-tagline{color:#5c6675;margin-top:2px;font-size:11.5px}.inv-titlebox{text-align:right}.inv-title{letter-spacing:.34em;color:#1c2430;margin-bottom:8px;font-size:27px;font-weight:300}.inv-meta{font-size:12px;line-height:1.7}.inv-meta .muted{min-width:44px;display:inline-block}.inv-parties{gap:40px;margin-top:34px;display:flex}.party{flex:1;font-size:12.5px;line-height:1.65}.party-label{text-transform:uppercase;letter-spacing:.1em;color:#5c6675;margin-bottom:4px;font-size:10.5px;font-weight:700}.party-line.strong{font-size:13.5px;font-weight:700}.inv-table{border-collapse:collapse;width:100%;margin-top:30px}.inv-table thead th{text-transform:uppercase;letter-spacing:.08em;color:#5c6675;text-align:left;border-bottom:2px solid #1c2430;padding:8px;font-size:10.5px;font-weight:700}.inv-table .th-num{text-align:right}.inv-table tbody td{border-bottom:1px solid #e8ecf2;padding:9px 8px;font-size:13px}.inv-table .td-num{text-align:right;white-space:nowrap}.inv-table .td-amt{text-align:right;white-space:nowrap;font-weight:600}.inv-table .td-desc{color:#1c2430}.inv-totals{width:280px;margin-top:22px;margin-left:auto}.tot-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.tot-disc{color:#1a56db;font-weight:600}.tot-gross{color:#fff;background:#1c2430;border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 14px;font-size:16px;font-weight:700;display:flex}.inv-payment{background:#f5f7fa;border:1px solid #e8ecf2;border-radius:10px;justify-content:space-between;gap:32px;margin-top:30px;padding:16px 20px;display:flex}.pay-left{flex:1}.pay-grid{font-size:12.5px;line-height:1.8}.pay-grid .muted{min-width:64px;display:inline-block}.pay-right{text-align:right;font-size:12.5px;line-height:1.7}.inv-foot{color:#5c6675;border-top:1px solid #e8ecf2;justify-content:space-between;gap:20px;margin-top:auto;padding-top:12px;font-size:10.5px;display:flex}#print-invoice{display:none}@page{size:A4;margin:0}@media print{.shell{display:none!important}#print-invoice{box-shadow:none;border-radius:0;min-height:0;display:block}#print-invoice .inv{min-height:0}html,body{background:#fff}}