html,body{overflow-x:hidden}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:28px}.wizard-tab{border:0;border-bottom:2px solid var(--line);background:transparent;color:var(--ink-soft);padding:0 4px 10px;text-align:left;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.wizard-tab span{display:block;color:var(--ink-soft);font:800 18px Manrope;margin-bottom:3px}.wizard-tab.active{border-color:var(--gold);color:var(--ink)}.wizard-tab.active span{color:var(--gold)}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.wizard-actions .button{min-width:110px}.items-list{overflow-x:auto;padding-bottom:2px}.paper{overflow:hidden}.paper-extra{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--line);padding:13px 0}.paper-extra p{margin:6px 0 0;white-space:pre-line}.print-action{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.print-action small{color:var(--ink-soft);font-size:10px}.print-action b{color:var(--ink)}
html,body{overflow-x:hidden}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:28px}.wizard-tab{border:0;border-bottom:2px solid var(--line);background:transparent;color:var(--ink-soft);padding:0 4px 10px;text-align:left;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.wizard-tab span{display:block;color:var(--ink-soft);font:800 18px Manrope;margin-bottom:3px}.wizard-tab.active{border-color:var(--gold);color:var(--ink)}.wizard-tab.active span{color:var(--gold)}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.wizard-actions .button{min-width:110px}.download-pdf{width:100%}.items-list{overflow-x:auto;padding-bottom:2px}.paper{overflow:hidden}.paper-extra{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--line);padding:13px 0}.paper-extra p{margin:6px 0 0;white-space:pre-line}.print-action{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.print-action small{color:var(--ink-soft);font-size:10px}.print-action b{color:var(--ink)}
:root{--ink:#172331;--ink-soft:#607080;--gold:#bd8611;--gold-light:#f6ebd3;--canvas:#f4f5f3;--line:#dde2e3;--white:#fff;--shadow:0 24px 60px rgba(23,35,49,.11)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.topbar{height:70px;padding:0 5vw;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-mark{width:29px;height:29px;background:var(--gold);display:grid;place-items:center;color:#fff;font-family:Manrope;font-weight:800;transform:rotate(-8deg)}.brand-lockup strong{font:800 18px Manrope;letter-spacing:-.5px}.brand-lockup strong span{color:#d8a42d}.brand-lockup small{display:block;color:#b3bec7;font-size:7px;letter-spacing:1.5px;margin-top:1px}.topbar-status{color:#b3bec7;font-size:12px}.status-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#76bd8b;margin-right:7px}.app-shell{max-width:1440px;margin:0 auto;padding:54px 5vw 80px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.eyebrow{font-weight:700;color:var(--gold);font-size:11px;letter-spacing:2px;margin:0 0 11px}.intro h1{font:800 clamp(30px,4vw,53px)/1.05 Manrope;letter-spacing:-2px;margin:0}.intro h1 em{color:var(--gold);font-style:normal}.intro-copy{max-width:430px;color:var(--ink-soft);line-height:1.55;margin:18px 0 0}.step-badge{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--gold);padding-bottom:12px}.step-badge span{font:800 30px Manrope;color:var(--gold)}.step-badge small{font-size:9px;line-height:1.4;letter-spacing:1.5px;color:var(--ink-soft)}.workspace{display:grid;grid-template-columns:minmax(390px,1fr) minmax(480px,1.04fr);gap:34px;align-items:start}.form-panel{background:var(--white);padding:34px 38px;border:1px solid #e9eceb}.section-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px}.section-heading.separated{border-top:1px solid var(--line);padding-top:28px;margin-top:35px}.number{display:grid;place-items:center;width:27px;height:27px;background:var(--gold-light);color:var(--gold);font:800 12px Manrope;border-radius:50%}.section-heading h2{font:800 17px Manrope;margin:0 0 3px}.section-heading p{font-size:12px;color:var(--ink-soft);margin:0}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:1fr 1fr}label{display:block;font-size:11px;color:var(--ink-soft);font-weight:600;margin-bottom:15px}input,textarea{display:block;width:100%;border:1px solid var(--line);background:#fcfdfc;color:var(--ink);font:500 13px 'DM Sans';padding:11px 12px;margin-top:7px;border-radius:2px;outline:none;transition:.2s}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f6ebd3}textarea{resize:vertical;line-height:1.45}.items-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px}.items-head strong,.items-head span{display:block}.items-head strong{font-size:13px}.items-head span{font-size:11px;color:var(--ink-soft);margin-top:3px}.button{border:0;font:700 12px 'DM Sans';cursor:pointer;padding:12px 17px;border-radius:2px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--gold);color:#fff}.button.secondary{background:var(--gold-light);color:#815908}.button.ghost{background:transparent;color:var(--ink-soft);padding-left:0}.button.small{padding:9px 11px}.items-list{display:grid;gap:9px}.item-row{display:grid;grid-template-columns:2fr .58fr .56fr 1fr 1fr 28px;gap:6px;align-items:end}.item-row label{margin:0;font-size:9px}.item-row input{padding:9px 7px;font-size:12px}.remove-item{height:35px;border:0;background:#f7eeee;color:#b45d5d;cursor:pointer;font-size:17px}.total-live{border-top:1px solid var(--ink);margin-top:15px;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.total-live span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft)}.total-live strong{font:800 20px Manrope;color:var(--gold)}.form-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.form-actions .primary{padding:13px 22px}.preview-panel{position:sticky;top:18px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--ink-soft);font-size:11px}.preview-toolbar strong{color:var(--ink);font-size:12px}.paper-wrap{padding:24px;background:#e9ecea;overflow:auto}.paper{background:white;min-width:500px;min-height:707px;padding:39px 40px 32px;box-shadow:var(--shadow);position:relative;font-family:'DM Sans',sans-serif;color:#172331}.paper-topline{height:4px;background:var(--gold);position:absolute;top:0;left:0;right:0}.paper-header{display:flex;align-items:flex-start;justify-content:space-between}.paper-header img{width:155px;height:86px;object-fit:contain;object-position:left center}.paper-meta{text-align:right;padding-top:12px}.paper-meta strong{display:block;font:800 18px Manrope;letter-spacing:1px}.paper-meta span{display:block;font-size:9px;color:#71808b;margin-top:4px}.gold-rule{height:1px;background:var(--gold);margin:12px 0 20px}.paper-client{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e2e5e4;padding-bottom:17px}.paper small{font-size:8px;letter-spacing:1.2px;color:var(--gold);font-weight:700;display:block;margin-bottom:7px}.paper-client strong{font-size:14px;display:block}.paper-client span{font-size:9px;color:#71808b;display:block;margin-top:4px}.client-contact{text-align:right;padding-top:16px}.paper-scope{padding:18px 0 16px}.paper-scope h2{font:800 17px Manrope;margin:0 0 7px}.paper-scope p{font-size:10px;line-height:1.45;color:#71808b;margin:0;white-space:pre-line}.paper-items{width:100%;border-collapse:collapse;font-size:9px}.paper-items th{background:var(--ink);color:white;text-align:left;font-size:8px;letter-spacing:.5px;padding:8px 7px}.paper-items th:not(:first-child),.paper-items td:not(:first-child){text-align:right}.paper-items td{padding:8px 7px;border-bottom:1px solid #e7eae8;color:#53616b}.paper-items td:first-child{color:var(--ink);font-weight:600}.paper-total{display:flex;justify-content:flex-end;align-items:center;gap:22px;padding:15px 7px;border-bottom:1px solid #dfe4e1}.paper-total span{font-size:9px;letter-spacing:1px;color:#71808b}.paper-total strong{font:800 18px Manrope;color:var(--gold)}.paper-conditions{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:20px 0}.paper-conditions p{font-size:9px;line-height:1.4;margin:5px 0;color:#53616b}.paper-conditions b{color:var(--ink)}.paper-footer{border-top:1px solid var(--ink);padding-top:14px;display:flex;justify-content:space-between;font-size:8px;color:#71808b}.paper-footer strong,.paper-footer span{display:block;margin-bottom:3px}.paper-footer strong{color:var(--ink);font-size:10px}.signature-line{border-top:1px solid #9da9ae;width:130px;text-align:center;padding-top:5px;margin-top:17px}.preview-hint{text-align:center;color:#8b9699;font-size:11px;margin:12px 0}.empty-item{text-align:center;color:#8b9699;font-size:11px;padding:13px;border:1px dashed var(--line)}
@media(max-width:950px){.workspace{grid-template-columns:1fr}.preview-panel{position:static}.intro{align-items:flex-start}.step-badge{margin-top:5px}.form-panel{padding:28px 24px}}
@media(max-width:560px){.topbar{height:64px;padding:0 16px;position:sticky;top:0;z-index:10;box-shadow:0 3px 14px rgba(23,35,49,.18);padding-top:env(safe-area-inset-top)}.brand-lockup{gap:8px}.brand-mark{width:27px;height:27px;font-size:13px}.brand-lockup strong{font-size:14px;line-height:1.05;letter-spacing:0}.brand-lockup small{font-size:6px;letter-spacing:1px}.topbar-status{display:none}.app-shell{padding:25px 12px 55px}.intro{display:block;margin-bottom:25px}.step-badge{margin-top:24px;width:max-content}.field-grid.two{grid-template-columns:1fr}.form-panel{padding:22px 15px;border-radius:12px;box-shadow:0 10px 28px rgba(23,35,49,.07)}.form-panel input,.form-panel textarea{font-size:16px;min-height:48px}.form-panel textarea{min-height:92px}.item-row{grid-template-columns:1.5fr .6fr .6fr 1fr 1fr 28px;overflow-x:auto}.item-row>*{min-width:55px}.item-row label:first-child{min-width:130px}.items-head{align-items:flex-end;gap:10px}.items-head .button{white-space:nowrap}.form-actions{position:sticky;bottom:10px;z-index:5;background:rgba(255,255,255,.94);padding:10px;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(23,35,49,.15)}.paper-wrap{padding:14px 4px}.paper{min-width:0;padding:32px 22px 25px}.paper-header img{width:125px;height:68px}.paper-meta strong{font-size:14px}.paper-client{display:block}.client-contact{text-align:left;padding-top:10px}.paper-extra{grid-template-columns:1fr;gap:10px}.paper-conditions{grid-template-columns:1fr;gap:12px}.paper-footer{display:block}.signature-line{margin-top:20px}.intro h1{letter-spacing:-1px}.print-action{align-items:stretch}.print-action .button{width:100%}}
@media(max-width:560px){.items-list{overflow:visible;padding:0}.item-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb}.item-row>*{min-width:0}.item-row label:first-child{grid-column:1 / -1;min-width:0}.item-row label:nth-child(4){grid-column:1}.item-row label:nth-child(5){grid-column:2}.item-row .remove-item{grid-column:1 / -1;justify-self:end;width:100%;min-height:42px;border:1px solid #e3caca;border-radius:8px;background:#fff5f5;color:#a44848;font-size:20px;line-height:1}.item-row input{width:100%}.items-head{margin-bottom:12px}.items-head>div span{display:block;max-width:160px;line-height:1.3}}
@media(max-width:560px){.form-panel label,.form-panel input,.form-panel textarea{max-width:100%;min-width:0}.form-panel input[type="date"]{display:block;width:100%;max-width:100%;padding-right:8px;-webkit-appearance:none;appearance:none}.form-panel input[type="date"]::-webkit-calendar-picker-indicator{margin-left:auto}}
@media print{body{background:#fff}.topbar,.intro,.form-panel,.preview-toolbar,.preview-hint{display:none!important}.app-shell{padding:0;max-width:none}.workspace{display:block}.preview-panel{position:static}.paper-wrap{padding:0;background:#fff}.paper{box-shadow:none;margin:0;width:210mm;min-height:297mm;padding:14mm 15mm 12mm}.paper-header img{width:42mm;height:24mm}@page{size:A4;margin:0}}
