:root{--ink:#172033;--muted:#64748b;--line:#dbe3ee;--blue:#0c4a86;--sky:#eaf4ff;--paper:#fff}*{box-sizing:border-box}body{margin:0;background:#f0f4f8;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-bar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1380px)/2));position:sticky;top:0;z-index:2}.brand{color:var(--blue);font-size:18px;font-weight:800;letter-spacing:.08em;text-decoration:none}.brand span{color:var(--muted);font-size:11px;letter-spacing:.14em;margin-left:8px}.actions{display:flex;gap:10px}button{border:0;border-radius:7px;padding:11px 15px;font:600 14px inherit;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#eef3f8;color:#334155}.workspace{max-width:1380px;margin:36px auto;display:grid;grid-template-columns:340px minmax(0,1fr);gap:34px;padding:0 24px}.editor{align-self:start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:0 8px 32px #102a4310}.eyebrow,.section-label,.meta-label{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.editor h1{font-size:28px;margin:6px 0}.intro{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 24px}.editor section{border-top:1px solid var(--line);padding:18px 0 0;margin-top:18px}.editor h2{font-size:14px;margin:0 0 12px}label{color:#475569;display:block;font-size:12px;font-weight:650;margin:10px 0}input,textarea{width:100%;border:1px solid #cbd5e1;border-radius:6px;color:var(--ink);font:14px inherit;margin-top:5px;padding:9px;resize:vertical}textarea{min-height:68px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invoice{background:var(--paper);box-shadow:0 8px 32px #102a4318;min-height:1056px;padding:56px 62px 42px;position:relative}.invoice-topline{background:var(--blue);height:8px;position:absolute;left:0;right:0;top:0}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--blue);padding-bottom:26px}.company{display:flex;align-items:center;gap:12px}.mark{align-items:center;background:linear-gradient(135deg,#0c4a86 48%,#e36732 49%);border-radius:8px;color:#fff;display:flex;font-size:26px;font-weight:800;height:48px;justify-content:center;width:48px}.company-name{color:var(--blue);font-size:20px;font-weight:850;letter-spacing:.09em}.company-subtitle{color:var(--muted);font-size:12px;margin-top:2px}.invoice-title{text-align:right}.invoice-title h2{color:var(--blue);font-size:32px;letter-spacing:.08em;margin:0}.invoice-number{color:var(--muted);font-size:13px;font-weight:700;margin-top:5px}.meta-grid{background:var(--sky);display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px;margin:28px 0;padding:16px 18px}.meta-label{margin-bottom:5px}.meta-grid>div>div:last-child{font-size:13px;font-weight:700}.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin:30px 0 38px}.party-grid h3{font-size:15px;margin:7px 0}.party-grid p{color:#475569;font-size:13px;line-height:1.55;margin:5px 0;white-space:pre-line}table{border-collapse:collapse;width:100%}th{background:var(--blue);color:#fff;font-size:11px;letter-spacing:.08em;padding:13px 12px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid var(--line);font-size:13px;padding:18px 12px;vertical-align:top}.numeric{text-align:right}.summary-wrap{display:grid;grid-template-columns:1fr 310px;gap:40px;margin-top:30px}.notes p{color:#475569;font-size:13px;line-height:1.55;max-width:440px;white-space:pre-line}.summary{font-size:13px}.summary>div{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 0}.grand-total{background:var(--blue);color:#fff;margin-top:10px;padding:14px 12px!important;font-size:16px}.payment{border-top:1px solid var(--line);margin-top:60px;padding-top:18px;font-size:13px}.payment strong{display:inline-block;margin-top:6px}footer{bottom:32px;color:#94a3b8;font-size:11px;left:62px;position:absolute;right:62px;text-align:center}@media(max-width:940px){.workspace{grid-template-columns:1fr}.invoice{padding:42px 30px;min-height:950px}footer{left:30px;right:30px}.app-bar{padding:0 18px}.party-grid,.summary-wrap{gap:24px}}@media(max-width:600px){.workspace{margin:18px auto;padding:0 10px}.invoice{padding:35px 18px;overflow:hidden}.invoice-header,.party-grid,.summary-wrap{display:block}.invoice-title{text-align:left;margin-top:22px}.meta-grid{grid-template-columns:1fr;gap:12px}.party-grid section+section{margin-top:26px}.summary{margin-top:25px}.company-name{font-size:16px}table{font-size:11px}th,td{padding:9px 6px}.actions .secondary{display:none}}@media print{body{background:#fff}.no-print{display:none!important}.workspace{display:block;margin:0;padding:0}.invoice{box-shadow:none;min-height:0;padding:42px 52px 54px;width:100%}footer{bottom:22px;left:52px;right:52px}@page{margin:0;size:A4}}