:root{--ink:#1b2437;--muted:#5b6472;--accent:#3730a3;--band:#16213d;--bg:#e8ebf1;--line:#d9dde7;--soft:#f4f6fa;--card:#fff;--band-text:#c7cede}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;font-size:14px}#app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--card);border-right:1px solid var(--line);flex-direction:column;flex:0 0 420px;width:420px;display:flex;overflow-y:auto}.sidebar-head{border-bottom:1px solid var(--line);background:var(--band);color:#fff;align-items:center;gap:10px;padding:14px 18px;display:flex}.brand-mark{width:34px;height:34px;color:var(--band);background:#fff;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.brand-name{font-size:15px;font-weight:700}.brand-sub{color:var(--band-text);font-size:11px}#inv-form{flex:1;padding:6px 18px 24px}fieldset{border:none;border-bottom:1px solid var(--line);margin:0;padding:12px 0 16px}legend{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);padding:0 0 8px;font-size:11px;font-weight:800}.grid2{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.span2{grid-column:span 2}.field label{color:var(--muted);margin-bottom:3px;font-size:10.5px;font-weight:600;display:block}.field input{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:6px;padding:7px 9px;font-size:13px}.field input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}#items-rows{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.item-row{grid-template-columns:1fr 64px 84px 62px 24px;align-items:center;gap:6px;display:grid}.item-row input,.item-row select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:6px;padding:6px 7px;font-size:12.5px}.item-row input:focus,.item-row select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.item-del{width:24px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:5px;font-size:13px}.item-del:hover{color:#b42318;background:#fde8e8}.disc-field{max-width:180px;margin-top:10px}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:600}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:#2c2685}.btn.ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.btn.sm{padding:6px 12px;font-size:12px}#btn-save-sender{margin-top:10px}.preview{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{background:var(--card);border-bottom:1px solid var(--line);flex:0 0 52px;align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.zoom-label{color:var(--muted);min-width:44px;font-size:12px;font-weight:600}.toolbar-spacer{flex:1}.preview-scroll{flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex;overflow:auto}.sheet-wrap{flex:none}.sheet{transform-origin:0 0;background:#fff;flex-direction:column;width:792px;min-height:295mm;display:flex;box-shadow:0 8px 30px #16213d2e}.inv-head{background:var(--band);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:24px 40px;display:flex}.inv-head-left{align-items:center;gap:14px;display:flex}.inv-logo{width:44px;height:44px;color:var(--band);background:#fff;border-radius:9px;flex:0 0 44px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.inv-sender{color:var(--band-text);font-size:11px;line-height:1.5}.inv-sender-name{color:#fff;font-size:13.5px;font-weight:700}.inv-head-right{text-align:right}.inv-word{letter-spacing:.14em;font-size:23px;font-weight:800}.inv-no{color:var(--band-text);margin-top:2px;font-size:11px}.inv-vatid{color:var(--band-text);font-size:10px}.inv-body{flex-direction:column;flex:1;padding:24px 40px 26px;display:flex}.inv-grid{gap:30px;margin-bottom:20px;display:flex}.inv-billto{flex:1}.inv-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px;font-size:9.5px;font-weight:800}.inv-bill-name{font-size:13.5px;font-weight:700}.inv-billto div{font-size:11.5px;line-height:1.55}.inv-meta{border-collapse:collapse;flex:0 0 280px;font-size:11.5px}.inv-meta th{text-align:left;color:var(--muted);vertical-align:top;white-space:nowrap;padding:3px 14px 3px 0;font-weight:600}.inv-meta td{text-align:right;padding:3px 0;font-weight:600}.inv-items{border-collapse:collapse;width:100%;font-size:11.5px}.inv-items th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;border-bottom:2px solid var(--ink);padding:6px 8px;font-size:9.5px}.inv-items td{border-bottom:1px solid var(--line);vertical-align:top;padding:7px 8px}.c-num{text-align:right;white-space:nowrap}th.c-num{text-align:right}.c-amt{font-weight:600}.inv-totals{width:300px;margin-top:14px;margin-left:auto}.tot-row{justify-content:space-between;gap:12px;padding:5px 2px;font-size:12px;display:flex}.tot-row span:first-child{color:var(--muted)}.tot-row span:last-child{font-weight:600}.tot-net{border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.tot-grand{background:var(--band);color:#fff;border-radius:8px;margin-top:8px;padding:10px 14px;font-size:13.5px;font-weight:700}.tot-grand span:first-child{color:var(--band-text)}.tot-grand span:last-child{color:#fff}.inv-pay{margin-top:auto;padding-top:18px}.inv-pay-row{justify-content:space-between;max-width:340px;padding:3px 0;font-size:11px;display:flex}.inv-pay-row span:first-child{color:var(--muted)}.inv-pay-row span:last-child{font-weight:600}.inv-foot{background:var(--band);color:var(--band-text);border-radius:8px;justify-content:space-between;gap:12px;margin-top:16px;padding:11px 18px;font-size:10px;display:flex}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:50;border-radius:8px;padding:10px 18px;font-size:13px;transition:all .25s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@page{size:A4;margin:0}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}#app{display:block;height:auto!important;overflow:visible!important}.sidebar,.toolbar,.toast{display:none!important}.preview,.preview-scroll{background:#fff!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.sheet-wrap{width:auto!important;height:auto!important;margin:0!important}.sheet{width:209.5mm!important;min-height:295mm!important;box-shadow:none!important;border-radius:0!important;transform:none!important}}