:root{--navy:#052f5f;--blue:#07559d;--ink:#172235;--muted:#64748b;--line:#d8e1eb;--bg:#eef3f8;--gold:#d5ab55;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:42px;object-fit:contain}.brand strong{display:block;color:var(--navy);font-size:20px;letter-spacing:.08em}.brand span{font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:9px}.btn{border:0;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.dark{background:#172235;color:#fff}.btn.ghost{background:#eef4fa;color:var(--navy)}.workspace{display:grid;grid-template-columns:minmax(340px,430px) 1fr;min-height:calc(100vh - 72px)}.editor{background:#fff;border-right:1px solid var(--line);padding:22px;max-height:calc(100vh - 72px);overflow:auto}.editor-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.editor-title h1{font-size:24px;margin:3px 0}.kicker{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.18em}.editor-title>span{font-size:12px;color:#198754}.editor details{border-top:1px solid var(--line);padding:15px 0}.editor summary{font-weight:800;cursor:pointer;color:var(--navy);margin-bottom:14px}.fields{display:grid;gap:11px}.fields.two{grid-template-columns:1fr 1fr}.fields .wide{grid-column:1/-1}label{font-size:12px;color:#526175;font-weight:700;display:flex;flex-direction:column;gap:6px}input,textarea,select{border:1px solid #cbd7e4;border-radius:7px;padding:9px 10px;color:var(--ink);background:#fff;min-width:0}textarea{resize:vertical}.line-editor{border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:9px;display:grid;grid-template-columns:1fr 65px 92px 28px;gap:7px}.line-editor input:first-child{grid-column:auto}.remove{border:0;background:#fff1f1;color:#c83232;border-radius:6px;cursor:pointer}.add-line{width:100%;border:1px dashed #85a8ca;background:#f5f9fd;color:var(--blue);font-weight:800;padding:9px;border-radius:8px;cursor:pointer}.hint{font-size:12px;color:var(--muted);line-height:1.45}.preview-wrap{padding:24px;overflow:auto}.preview-tools{max-width:850px;margin:0 auto 10px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.invoice{width:210mm;min-height:297mm;margin:auto;background:#fff;padding:15mm 15mm 12mm;box-shadow:0 15px 50px #27415a24;position:relative;overflow:hidden;color:#1e293b}.invoice>*:not(.watermark-text):not(.watermark-image):not(#placedLayers){position:relative;z-index:2}.watermark-text{position:absolute;z-index:0;inset:44% -15% auto;transform:rotate(-30deg);text-align:center;font-size:62px;font-weight:900;letter-spacing:.12em;color:var(--navy);opacity:.1;white-space:nowrap}.watermark-image{position:absolute;z-index:0;width:52%;height:38%;left:24%;top:31%;object-fit:contain;opacity:.1;display:none}.invoice-head{display:flex;justify-content:space-between;align-items:center}.invoice-brand{display:flex;align-items:center;gap:12px}.invoice-brand img{width:94px;height:67px;object-fit:contain}.invoice-brand h2{margin:0;color:var(--navy);font-size:24px;letter-spacing:.1em}.invoice-brand p{margin:2px 0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.invoice-title{text-align:right}.invoice-title span{display:block;color:var(--navy);font-size:27px;font-weight:900;letter-spacing:.15em}.invoice-title strong{font-size:12px;color:var(--blue)}.blue-rule{height:5px;background:linear-gradient(90deg,var(--navy),var(--blue) 75%,var(--gold));margin:15px 0 20px}.meta-grid{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;gap:20px;margin-bottom:20px}.meta-grid small,.shipment small,.payment small,.note small{display:block;color:var(--blue);font-size:8px;font-weight:900;letter-spacing:.14em;margin-bottom:5px}.meta-grid b{display:block;font-size:12px;margin-bottom:4px}.meta-grid p{font-size:9px;line-height:1.5;margin:1px 0;white-space:pre-line}.dates dl{margin:0;font-size:9px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.dates dt{color:var(--muted)}.dates dd{margin:0;font-weight:700;text-align:right}.shipment{background:#f1f6fb;border-left:4px solid var(--blue);display:grid;grid-template-columns:1fr 22px 1fr 1.2fr;padding:12px 13px;gap:10px;align-items:center;margin-bottom:19px}.shipment>span{text-align:center;color:var(--blue);font-size:18px}.shipment b{font-size:10px}.shipment .cargo{border-left:1px solid #cbd8e5;padding-left:12px}.items{width:100%;border-collapse:collapse;font-size:10px}.items th{background:var(--navy);color:white;text-align:left;padding:9px 8px;font-size:8px;letter-spacing:.07em}.items th:not(:first-child),.items td:not(:first-child){text-align:right}.items td{padding:11px 8px;border-bottom:1px solid var(--line);vertical-align:top}.items td:first-child{white-space:pre-line}.bottom-grid{display:grid;grid-template-columns:1fr 240px;gap:25px;margin-top:20px}.payment p,.note p{font-size:9px;line-height:1.5;white-space:pre-line;margin:0 0 13px}.totals>div{display:flex;justify-content:space-between;padding:6px 8px;font-size:10px}.totals .grand{background:var(--navy);color:#fff;padding:12px 9px;margin-top:5px;font-size:12px}.totals i{font-style:normal}.signature-zone{display:grid;grid-template-columns:1fr 190px;gap:30px;min-height:90px;margin-top:20px}.approval{border-top:1px solid #9ba9b8;margin-top:45px;text-align:center;font-size:8px;color:var(--muted);padding-top:5px}.invoice footer{position:absolute!important;left:15mm;right:15mm;bottom:9mm;border-top:1px solid var(--line);padding-top:6px;display:flex;justify-content:space-between;font-size:7px;color:var(--muted)}.draggable{position:absolute;z-index:7;width:130px;height:90px;object-fit:contain;cursor:move;border:1px dashed #3487ce;touch-action:none}.toast{position:fixed;bottom:20px;right:20px;background:#12253b;color:white;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}@media(max-width:1050px){.workspace{display:block}.editor{max-height:none;border-right:0}.preview-wrap{padding:14px}.invoice{transform-origin:top left}.topbar{height:auto;align-items:flex-start;gap:10px;padding:12px;flex-direction:column}.top-actions{width:100%;overflow:auto}.workspace{min-height:0}}@media(max-width:650px){.fields.two{grid-template-columns:1fr}.fields .wide{grid-column:auto}.line-editor{grid-template-columns:1fr 55px 85px 28px}.preview-wrap{overflow:auto}.invoice{margin:0}.btn{white-space:nowrap;padding:10px 12px}.brand img{width:48px}.preview-tools{min-width:794px}}@media print{body{background:#fff}.no-print{display:none!important}.workspace{display:block}.preview-wrap{padding:0}.invoice{box-shadow:none;margin:0;width:210mm;height:297mm;min-height:297mm;page-break-after:avoid}.draggable{border:0}@page{size:A4;margin:0}}