*{box-sizing:border-box}html,body{height:100%}body{color:#1c2430;background:#eef0f3;margin:0;font-family:-apple-system,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}#app{flex-direction:column;height:100vh;display:flex}.topbar{color:#fff;background:#14202e;flex:none;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border-radius:7px;display:block}.brand-name{letter-spacing:.2px;font-size:15px;font-weight:700}.brand-sub{color:#b9c4d0;font-size:11.5px}.topbar-actions{gap:8px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-weight:600;transition:background .15s,border-color .15s}.btn.small{padding:5px 10px;font-size:12.5px}.btn.primary{color:#14202e;background:#e8b64c}.btn.primary:hover{background:#f2c766}.btn.secondary{color:#fff;background:#24374d;border-color:#3a5470}.btn.secondary:hover{background:#2f4a66}.btn.ghost{color:#cdd7e1;background:0 0;border-color:#46586c}.btn.ghost:hover{background:#1f3145}.workspace{flex:auto;min-height:0;display:flex}.form-pane{background:#f6f7f9;border-right:1px solid #dde2e8;flex:0 0 440px;padding:16px;overflow-y:auto}.card{background:#fff;border:1px solid #e0e5ea;border-radius:10px;margin-bottom:14px;padding:14px 16px 16px}.card-title{letter-spacing:.09em;text-transform:uppercase;color:#1f4e79;margin:0 0 12px;font-size:11.5px;font-weight:700}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title-row .card-title{margin:0}.grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.field{flex-direction:column;gap:4px;display:flex}.field.span2{grid-column:span 2}.field label{color:#3d4754;font-size:12px;font-weight:600}.field input{font:inherit;color:#1c2430;background:#fff;border:1px solid #c7cfd8;border-radius:7px;width:100%;padding:7px 9px}.field input:focus,.item-row input:focus,.item-row select:focus,#f-discount:focus{outline-offset:0;border-color:#1f4e79;outline:2px solid #1f4e79}.items-head,.item-row{grid-template-columns:1fr 62px 82px 74px 30px;align-items:center;gap:6px;display:grid}.items-head{color:#5a6472;text-transform:uppercase;letter-spacing:.05em;padding:0 2px 6px;font-size:11px;font-weight:700}.item-row{margin-bottom:8px}.item-row input,.item-row select{font:inherit;color:#1c2430;background:#fff;border:1px solid #c7cfd8;border-radius:7px;width:100%;padding:6px 7px}.it-desc{grid-column:1}.it-del{color:#5a6472;cursor:pointer;background:#fff;border:1px solid #c7cfd8;border-radius:7px;justify-content:center;align-items:center;height:30px;display:flex}.it-del:hover{color:#a02020;background:#fdecec;border-color:#e3b3b3}.discount-row{border-top:1px solid #e7ebef;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.discount-row label{color:#3d4754;font-size:13px;font-weight:600}.discount-input{align-items:center;display:flex}.discount-input input{font:inherit;border:1px solid #c7cfd8;border-right:none;border-radius:7px 0 0 7px;width:72px;padding:6px 8px}.discount-input .unit{color:#3d4754;background:#f1f3f6;border:1px solid #c7cfd8;border-radius:0 7px 7px 0;padding:6px 9px;font-weight:600}.discount-row .hint{color:#5a6472;font-size:12px}.preview-pane{flex-direction:column;flex:auto;min-width:0;display:flex}.pane-head{background:#e4e8ed;border-bottom:1px solid #d5dbe2;flex:none;justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.pane-title{letter-spacing:.06em;text-transform:uppercase;color:#3d4754;font-size:12px;font-weight:700}.pane-hint{color:#5a6472;font-size:12px}.preview-scroll{flex:auto;justify-content:center;padding:20px;display:flex;overflow:auto}.sheet-wrap{flex:none;position:relative}.toast{color:#fff;opacity:0;pointer-events:none;background:#14202e;border-radius:8px;padding:9px 16px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 6px 18px #0a141e40}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.sheet{transform-origin:0 0;color:#1c2430;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;flex-direction:column;width:794px;min-height:1123px;padding:44px 48px 36px;font-size:12.5px;line-height:1.45;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 24px #0f19282e}.sheet-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.sh-left{align-items:center;gap:12px;display:flex}.logo{border-radius:10px;display:block}.sh-name{color:#14202e;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:700}.sh-tag{color:#5a6472;letter-spacing:.04em;font-size:11px}.sh-right{text-align:right;color:#5a6472;font-size:11px}.rule{background:#1f4e79;border-radius:2px;height:3px;margin:16px 0 18px}.inv-meta{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.inv-title{letter-spacing:.02em;color:#14202e;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:700;line-height:1.1}.inv-no{color:#5a6472;margin-top:2px;font-size:12.5px}.inv-dates{flex-direction:column;gap:4px;min-width:200px;display:flex}.kv{justify-content:space-between;gap:18px;font-size:12px;display:flex}.kv span{color:#5a6472}.kv b{font-weight:600}.addr-row{justify-content:space-between;gap:32px;margin-bottom:18px;display:flex}.label-caps{letter-spacing:.12em;text-transform:uppercase;color:#1f4e79;margin-bottom:4px;font-size:10px;font-weight:700}.addr{min-width:260px}.addr-name{font-size:13.5px;font-weight:700}.addr-muted{color:#5a6472;margin-top:3px;font-size:11px}.subject{text-align:right;max-width:320px}.subject-text{font-weight:600}.inv-table{border-collapse:collapse;width:100%}.inv-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:#5a6472;border-bottom:2px solid #1f4e79;padding:7px 6px;font-size:10.5px;font-weight:700}.inv-table td{vertical-align:top;border-bottom:1px solid #e2e7ec;padding:7px 6px}.inv-table tbody tr:nth-child(2n) td{background:#f7f9fb}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}th.num{text-align:right}.td-i{color:#5a6472;width:18px}.strong{font-weight:700}.empty{color:#8a93a0}.c-i{width:18px}.c-qty{width:52px}.c-price{width:78px}.c-vat{width:48px}.c-amt{width:92px}.after-table{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:12px;display:flex}.disc-note{color:#5a6472;max-width:300px;padding-top:4px;font-size:11.5px;font-style:italic}.totals{width:300px;margin-left:auto}.trow{justify-content:space-between;gap:20px;padding:5px 8px;font-size:12.5px;display:flex}.trow span{color:#3d4754}.trow b{font-variant-numeric:tabular-nums;font-weight:600}.trow.discount b,.trow.discount span{color:#8a5a12}.trow.gross{color:#fff;background:#1f4e79;border-radius:6px;margin-top:6px;padding:9px 10px;font-size:14px}.trow.gross span,.trow.gross b{color:#fff;font-weight:700}.pay{border-top:1px solid #e2e7ec;grid-template-columns:1fr 1.3fr 1fr;gap:24px;margin-top:auto;padding-top:18px;font-size:11.5px;display:grid}.pay-col>div{margin-bottom:2px}.thanks{color:#5a6472;margin-top:6px;font-style:italic}.sheet-foot{text-align:center;color:#5a6472;border-top:1px solid #e2e7ec;margin-top:16px;padding-top:8px;font-size:9.5px}@page{size:A4;margin:0}@media print{html,body{background:#fff;height:auto;margin:0}.topbar,.form-pane,.pane-head,.toast{display:none!important}#app,.workspace{height:auto;display:block}.preview-pane{display:block}.preview-scroll{padding:0;display:block;overflow:visible}.sheet-wrap{width:auto!important;height:auto!important}.sheet{width:794px;min-height:0;box-shadow:none;padding:44px 48px 30px;position:static;transform:none!important}}