:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;color:#0f172a;background:#0b1220;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}@media print{body{background:#fff!important}}.appShell{min-height:100vh;display:flex;flex-direction:column}.topBar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0f172ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.18);color:#e2e8f0}.brand{font-weight:700;letter-spacing:.2px}.topBar__hint{font-size:12px;color:#e2e8f0cc}.topBar__left{display:grid;gap:2px}.topBar__right{display:flex;align-items:end;gap:10px}.topBar__label{display:grid;gap:4px;font-size:12px;color:#e2e8f0d9}.mainGrid{flex:1;display:grid;grid-template-columns:440px 1fr;gap:12px;padding:12px}.panel{background:#02061780;border:1px solid rgba(148,163,184,.18);border-radius:12px;overflow:hidden;min-height:calc(100vh - 68px)}.panel--editor{overflow:auto;min-width:0}.panel--preview{display:flex;overflow:auto}.control{width:100%;min-width:0;max-width:100%;box-sizing:border-box;border-radius:10px;border:1px solid rgba(148,163,184,.25);padding:8px 10px;background:#0f172ab3;color:#e2e8f0;outline:none}.control:focus{border-color:#38bdf8cc;box-shadow:0 0 0 3px #38bdf826}textarea.control{resize:vertical;min-height:60px}.button{border-radius:10px;border:1px solid rgba(148,163,184,.25);padding:9px 12px;cursor:pointer;background:#0f172ab3;color:#e2e8f0}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{border-color:#38bdf880;background:linear-gradient(180deg,#38bdf840,#38bdf81f)}@media(max-width:980px){.mainGrid{grid-template-columns:1fr}.panel{min-height:auto}}.editor{padding:14px 14px 40px;color:#e2e8f0}.editor__section{padding:12px;border:1px solid rgba(148,163,184,.18);background:#0f172a59;border-radius:12px;margin-bottom:12px;min-width:0}.editor__title{font-weight:700;margin-bottom:10px}.editor__hint{font-size:12px;color:#e2e8f0bf;margin:0 0 10px}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.grid2>*{min-width:0}.field{display:grid;gap:6px;margin-bottom:10px;min-width:0}.field__control{min-width:0}.field__label{font-size:12px;color:#e2e8f0d9}.items{display:grid;gap:10px;min-width:0}.items__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(56px,80px) minmax(64px,110px) minmax(64px,90px);gap:8px;font-size:12px;color:#e2e8f0bf}.items__head>*{min-width:0;overflow:hidden;text-overflow:ellipsis}.items__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(56px,80px) minmax(64px,110px) minmax(64px,90px);gap:8px;align-items:center}.items__row>*{min-width:0}.items__row .button{width:100%;min-width:0;white-space:nowrap}.logoRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.logoRow .control{flex:1 1 120px;min-width:0}.totalsMini{border-top:1px dashed rgba(148,163,184,.35);padding-top:10px;margin-top:6px;display:grid;gap:6px}.totalsMini__row{display:flex;justify-content:space-between;font-size:13px;color:#e2e8f0e6}.totalsMini__row--strong{font-weight:800}@media(max-width:980px){.grid2{grid-template-columns:1fr}.items__head,.items__row{grid-template-columns:minmax(0,1fr) minmax(52px,70px) minmax(60px,100px) minmax(64px,90px)}}@media(max-width:520px){.items__head,.items__row{grid-template-columns:minmax(0,1fr) minmax(48px,1fr) minmax(56px,1fr) auto}.items__row .button{width:auto}}.preview{flex:1;padding:16px;background:radial-gradient(1200px 600px at 70% 30%,rgba(56,189,248,.1),transparent 60%),#02061740;display:flex;justify-content:center;align-items:flex-start}.paper{width:210mm;min-height:297mm;background:#fff;color:#0f172a;box-shadow:0 12px 40px #00000059;border-radius:6px;overflow:hidden}.tpl{height:100%}.invText{font-size:12px;white-space:pre-line;color:#0f172ad1}.smallTitle{font-size:12px;font-weight:700;letter-spacing:.2px;color:#0f172abf;text-transform:uppercase}.party{padding:10px 0}.party__title{font-size:12px;font-weight:800;color:#0f172abf;margin-bottom:6px}.party__strong{font-weight:800;font-size:13px}.itemsTable{width:100%;border-collapse:collapse;font-size:12px}.itemsTable th,.itemsTable td{padding:10px;border-bottom:1px solid rgba(15,23,42,.1)}.itemsTable__num{text-align:right;white-space:nowrap}.itemsTable__desc{min-width:220px}.itemsTable__sl{width:44px;text-align:center}.totals{display:grid;gap:8px;font-size:12px}.totals__row{display:flex;justify-content:space-between;gap:10px;color:#0f172ad9}.totals__row--strong{font-weight:900;color:#0f172af2}.logoMark{display:grid;place-items:center;background:#e5e7eb;color:#0f172aa6;font-weight:800;width:74px;height:74px;object-fit:cover}.logoMark--circle{border-radius:999px}.logoMark--placeholder{font-size:14px;letter-spacing:.6px}.bankDetails{margin-top:10px;padding-top:10px;border-top:1px solid rgba(15,23,42,.12)}.bankDetails__title{font-size:12px;font-weight:800;color:#0f172abf;margin-bottom:8px;text-transform:uppercase;letter-spacing:.2px}.bankDetails__grid{display:grid;gap:6px;font-size:12px;color:#0f172ae0}.bankDetails__row{display:flex;gap:10px;align-items:baseline}.bankDetails__label{min-width:100px;font-weight:600;color:#0f172aa6}.bankDetails__extra{margin-top:8px;white-space:pre-line}.tpl--orange{padding-bottom:18px}.tplOrange__header{background:#e26a15;color:#fff;padding:18px 18px 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.tplOrange__title{font-size:34px;font-weight:900;letter-spacing:.6px}.tplOrange__seller{text-align:right}.tplOrange__sellerName{font-weight:900;font-size:14px}.tplOrange__seller .invText{color:#ffffffe6}.tplOrange__metaRow{padding:12px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid rgba(15,23,42,.1)}.invMeta__label{font-size:11px;font-weight:900;color:#0f172a99}.invMeta__value{font-weight:900;font-size:13px}.invMeta__hint{font-size:12px;color:#0f172a99}.invMeta--right{text-align:right}.tplOrange__parties{padding:10px 18px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.tplOrange__tableWrap{padding:10px 18px 0}.tpl--orange .itemsTable thead th{background:#e26a15;color:#fff;border-bottom:none;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.tpl--orange .itemsTable tbody tr:nth-child(2n) td{background:#e26a1514}.tplOrange__bottom{padding:14px 18px 0;display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start}.tplOrange__totals{display:grid;gap:10px}.balanceBadge{background:#e26a15;color:#fff;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-radius:6px}.balanceBadge strong{font-size:16px}.tpl--blueFrame{padding:0 18px 18px;position:relative}.blueFrame__bar{height:18px;background:#244c86;width:100%}.blueFrame__bar--top{margin:0 -18px 16px}.blueFrame__bar--bottom{margin:18px -18px 0}.blueFrame__header{position:relative;padding:4px 0 10px}.blueFrame__title{font-size:44px;font-weight:900;text-align:center;letter-spacing:1.2px}.blueFrame__logo{position:absolute;top:6px;right:0}.blueFrame__infoRow{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:18px;padding:6px 0 10px}.blueFrame__sellerName{font-weight:900;font-size:14px;color:#244c86}.blueFrame__meta{display:grid;gap:6px;justify-items:end}.metaLine{display:flex;justify-content:space-between;gap:10px;width:100%;font-size:12px;color:#0f172acc}.metaLine strong{color:#0f172af2}.blueFrame__table{margin-top:10px}.tpl--blueFrame .itemsTable thead th{background:#244c86;color:#fff;border-bottom:none}.tpl--blueFrame .itemsTable tbody td{background:#0f172a0d}.tpl--blueFrame .itemsTable tbody tr:nth-child(2n) td{background:#0f172a17}.blueFrame__bottom{margin-top:16px;display:grid;grid-template-columns:1fr 300px;gap:18px}.blueFrame__footerMark{position:absolute;right:18px;bottom:22px;font-size:11px;color:#244c86a6}.tpl--blueLine{padding:18px}.blueLine__top{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.blueLine__title{font-size:38px;font-weight:900;color:#1377d3;letter-spacing:.8px}.blueLine__sellerName{font-size:18px;font-weight:900;color:#1377d3;margin-top:6px}.blueLine__divider{height:2px;background:#1377d3;margin:14px 0}.blueLine__mid{display:grid;grid-template-columns:1fr .9fr;gap:18px;align-items:start}.blueLine__meta{display:grid;gap:8px}.metaLine--big strong{font-size:16px}.blueLine__table{margin-top:14px}.tpl--blueLine .itemsTable thead th{background:#1377d3;color:#fff;border-bottom:none}.tpl--blueLine .itemsTable tbody tr:nth-child(2n) td{background:#1377d314}.blueLine__bottom{display:grid;grid-template-columns:1fr 320px;gap:18px;margin-top:14px;align-items:start}.blueLine__payTitle{color:#1377d3}.blueLine__paidNote{margin-top:8px;font-size:12px;color:#0f172abf;text-align:right}.blueLine__sign{margin-top:20px;display:grid;justify-items:end;gap:8px}.blueLine__signLine{width:220px;height:2px;background:#0f172a59}.blueLine__signName{font-size:12px;font-weight:800}.tpl--bluePanel{padding:0 18px 18px}.bluePanel__brandBar{background:#0d4770;color:#fff;margin:0 -18px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}.bluePanel__brandText{font-size:18px;font-weight:800;letter-spacing:.8px}.bluePanel__brandLogo .logoMark{background:#fff}.bluePanel__topRow{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;padding:20px 0 10px;align-items:center}.bluePanel__title{font-size:42px;font-weight:900;color:#0d4770;letter-spacing:1px}.bluePanel__infoBox{border:1px solid #0d4770;padding:10px 14px;font-size:12px}.bluePanel__infoLine{color:#0f172ad9}.bluePanel__tableWrap{margin-top:6px}.tpl--bluePanel .itemsTable thead th{background:#0d4770;color:#fff;border-bottom:none}.tpl--bluePanel .itemsTable tbody tr:nth-child(odd) td{background:#e5f2fa}.tpl--bluePanel .itemsTable tbody tr:nth-child(2n) td{background:#f4f8fb}.bluePanel__summaryRow{margin-top:16px;display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:stretch}.bluePanel__issued{font-size:12px;color:#0f172ad9;display:grid;gap:6px}.bluePanel__gstToggle{display:inline-flex;align-items:center;gap:6px;font-weight:700}.bluePanel__gstBox{display:inline-flex;width:16px;height:16px;border:1px solid rgba(15,23,42,.7);align-items:center;justify-content:center;font-size:11px}.bluePanel__gstLabel{text-transform:none}.bluePanel__totalBox{border:1px solid rgba(15,23,42,.8);padding:8px 10px;display:grid;gap:4px;font-size:12px}.bluePanel__currencyLabel{font-weight:800;text-align:right;color:#0d4770}.bluePanel__amountLine{display:flex;justify-content:space-between;gap:10px}.bluePanel__amountLine--strong{font-weight:900}.bluePanel__amountLabel{font-weight:600}.bluePanel__metaRow{margin-top:12px;padding:6px 10px;border:1px solid #0d4770;font-size:12px;display:grid;gap:4px}.bluePanel__bankBox{margin-top:10px;padding:8px 10px;border:1px solid rgba(15,23,42,.8)}.bluePanel__footerNotes{margin-top:10px;font-size:11px;color:#0f172abf}@media(max-width:900px){.bluePanel__topRow,.bluePanel__summaryRow{grid-template-columns:1fr}}@media print{.topBar,.panel--editor{display:none!important}.mainGrid{grid-template-columns:1fr!important;padding:0!important}.panel{border:none!important;border-radius:0!important;background:transparent!important;min-height:auto!important}.preview{padding:0!important;background:transparent!important}.paper{box-shadow:none!important;border-radius:0!important}}