:root{color:#2b241f;font-synthesis:none;background:#120f0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 0,#c997582e,#0000 30%),linear-gradient(135deg,#0d0b09,#1e1813 48%,#090806);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #c5894647}.app{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f0c0ae6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;padding:12px 24px;display:flex;position:sticky;top:0}.brand-button{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-button img{object-fit:cover;border-radius:10px;width:54px;height:42px}.brand-button span{display:grid}.brand-button strong{font-size:15px}.brand-button small{color:#bbaa9a}.desktop-nav{gap:6px;display:flex}.nav-button{color:#d8ccc1;background:0 0;border:0;border-radius:999px;padding:10px 15px;font-weight:800}.nav-button.active{color:#fff;background:linear-gradient(135deg,#875126,#c89556);box-shadow:0 10px 24px #9a602a38}.badge{background:#ffffff29;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:4px;padding:0 6px;display:inline-grid}.workspace{width:min(1600px,100%);margin:0 auto;padding:24px}.editor-layout{grid-template-columns:minmax(0,680px) minmax(520px,1fr);align-items:start;gap:24px;display:grid}.editor-column{gap:18px;display:grid}.page-heading{color:#fff;justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 2px 8px;display:flex}.page-heading h1{margin:4px 0 8px;font-size:clamp(30px,4vw,46px);line-height:1}.page-heading p{color:#c9bdb2;max-width:600px;margin:0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900;color:#d9a565!important}.heading-actions{gap:10px;display:flex}.form-section{background:linear-gradient(160deg,#fffffffa,#f3ece2f5);border:1px solid #d2a3656b;border-radius:24px;padding:22px;box-shadow:0 24px 70px #00000040}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-title>div{align-items:center;gap:10px;display:flex}.section-title span{color:#e6b06f;background:#2d231b;border-radius:11px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.section-title h2{margin:0;font-size:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{color:#5b4b3e;gap:7px;margin-bottom:14px;font-size:13px;font-weight:800;display:grid}.field.wide{grid-column:span 2}.field input,.field textarea,.archive-tools input,.archive-tools select{color:#2b241f;background:#ffffffe0;border:1px solid #7454373b;border-radius:13px;width:100%;padding:13px 14px}.field input[readonly]{color:#7e6c5d;background:#efe7dc}.field textarea{resize:vertical;min-height:92px}.primary-button,.secondary-button,.icon-button,.text-button{border:0;font-weight:900}.primary-button{color:#fff;background:linear-gradient(135deg,#845026,#c99858);border-radius:999px;padding:12px 18px;box-shadow:0 12px 26px #89532538}.secondary-button{color:#5b4331;background:#efe5d7;border-radius:999px;padding:12px 18px}.compact{padding:9px 13px;font-size:13px}.text-button{color:#7f644e;background:0 0;padding:4px}.danger{color:#a33d30!important}.icon-button{color:#5b4331;background:#efe5d7;border-radius:50%;width:42px;height:42px;font-size:20px}.items-stack{gap:14px;display:grid}.item-card{background:#ffffffa3;border:1px solid #74543729;border-radius:18px;padding:16px}.item-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.item-grid{grid-template-columns:1fr 1fr 1.2fr;gap:10px;display:grid}.image-field{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.upload-button{color:#fff;background:#2c241e;border-radius:999px;justify-content:center;align-items:center;padding:11px 15px;font-size:13px;font-weight:900;display:inline-flex}.upload-button input{display:none}.uploaded-image-wrap{align-items:center;gap:10px;display:flex}.uploaded-image-wrap img{object-fit:cover;border:1px solid #0000001f;border-radius:12px;width:86px;height:64px}.row-total{text-align:right;color:#6e5b4c;border-top:1px dashed #714e2f38;margin-top:14px;padding-top:12px}.row-total strong{color:#2c241e}.vat-switch{background:#ffffffa8;border:1px solid #74543726;border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.vat-switch input{opacity:0;position:absolute}.switch-track{background:#c6b8aa;border-radius:999px;flex:none;width:48px;height:28px;transition:all .2s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #00000040}.vat-switch input:checked+.switch-track{background:#b57637}.vat-switch input:checked+.switch-track:after{transform:translate(20px)}.vat-switch>span:last-child{display:grid}.vat-switch small{color:#7f6e60;margin-top:3px;font-weight:500}.summary-card{border:1px solid #7454372e;border-radius:17px;width:min(100%,360px);margin-left:auto;overflow:hidden}.summary-card>div{background:#ffffffbf;border-bottom:1px solid #74543724;justify-content:space-between;gap:16px;padding:13px 15px;display:flex}.summary-total{color:#fff;font-size:17px;background:linear-gradient(135deg,#2b2119,#8d5b2e)!important}.mobile-action-bar{display:none}.live-preview-panel{background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;min-width:0;height:calc(100vh - 108px);padding:14px;position:sticky;top:84px;overflow:hidden}.preview-toolbar{color:#fff;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.preview-toolbar>div{gap:8px;display:flex}.preview-scale{background:#00000040;border-radius:16px;height:calc(100% - 54px);padding:14px;overflow:auto}.preview-scale .offer-document{transform-origin:top;margin-bottom:-83.16mm;transform:scale(.72)}.archive-screen{color:#fff}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card{background:#ffffff14;border:1px solid #ffffff17;border-radius:20px;padding:18px}.stat-card span{color:#c8baad;margin-bottom:7px;display:block}.stat-card strong{font-size:clamp(22px,3vw,34px)}.archive-tools{grid-template-columns:1fr 220px;gap:12px;margin-bottom:18px;display:grid}.archive-tools input,.archive-tools select{color:#2b241f}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.archive-card{color:#2c241e;background:linear-gradient(160deg,#fffffffa,#f2e9ddf2);border:1px solid #d5a46559;border-radius:22px;padding:18px;box-shadow:0 20px 50px #0000002e}.archive-card-top,.archive-meta,.archive-card-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.archive-card-top small{color:#a06b39;letter-spacing:.13em;font-weight:900}.archive-card-top h2{margin:4px 0 0}.status-select{border:0;border-radius:999px;padding:8px 10px;font-weight:800}.status-select.draft{background:#ece4da}.status-select.sent{color:#295884;background:#dbe8f7}.status-select.accepted{color:#2d6a3b;background:#dbefdf}.status-select.declined{color:#8e3b36;background:#f4dddd}.archive-client{gap:4px;margin:22px 0;display:grid}.archive-client strong{font-size:18px}.archive-client span{color:#7d6c5e}.archive-meta{border-top:1px solid #00000014;border-bottom:1px solid #00000014;padding:12px 0}.archive-card-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:14px}.empty-state{text-align:center;color:#c8baad;justify-items:center;padding:70px 20px;display:grid}.empty-state div{font-size:48px}.empty-state h2{color:#fff;margin-bottom:8px}.preview-screen-toolbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#14100de6;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:16px;padding:12px 14px;display:grid;position:sticky;top:76px}.preview-screen-toolbar>div{text-align:center;display:grid}.preview-screen-toolbar span{color:#c9bdb2;font-size:13px}.document-stage{background:#ffffff14;border-radius:22px;padding:18px;overflow:auto}.offer-document{background:linear-gradient(#fffffff5,#fffffffa), var(--construction-bg);color:#2d251f;background-position:50%;background-size:cover;width:210mm;min-height:297mm;margin:0 auto;overflow:hidden;box-shadow:0 28px 80px #00000059}.offer-hero{background:linear-gradient(90deg,#fffffff7,#f6ede1d9), var(--construction-bg);background-size:cover;border-bottom:3px solid #bb7d3d;justify-content:space-between;align-items:center;gap:20px;height:42mm;padding:12mm;display:flex;position:relative}.offer-hero img{object-fit:contain;object-position:left center;width:80mm;max-height:23mm}.offer-hero div{text-align:right}.offer-hero p{color:#a16b38;letter-spacing:.16em;margin:0 0 5px;font-size:10px;font-weight:900}.offer-hero h1{text-transform:uppercase;color:#4d3828;margin:0;font-size:28px}.offer-meta{border:1px solid #895f3838;border-radius:14px;grid-template-columns:repeat(3,1fr);margin:8mm 10mm 5mm;display:grid;overflow:hidden}.offer-meta div{background:#fffbf6d1;border-right:1px solid #895f3829;padding:4mm}.offer-meta div:last-child{border-right:0}.offer-meta span{color:#8a6e56;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:9px;display:block}.offer-parties{grid-template-columns:1fr 1fr;gap:5mm;margin:0 10mm 5mm;display:grid}.offer-parties>div{background:#fffbf6db;border:1px solid #895f3833;border-radius:14px;padding:5mm}.offer-parties h3,.offer-terms h3{color:#8a572c;text-transform:uppercase;letter-spacing:.12em;margin:0 0 3mm;font-size:10px}.offer-parties p{margin:1.2mm 0;font-size:10px}.offer-intro{background:#ffffffb3;border-left:3px solid #b8793a;margin:0 10mm 5mm;padding:4mm 5mm;font-size:10px;line-height:1.5}.offer-table-wrap{margin:0 10mm}.offer-table{border-collapse:collapse;table-layout:fixed;background:#ffffffe6;width:100%}.offer-table th{color:#fff;text-align:left;background:linear-gradient(135deg,#453226,#8f5e32);padding:3mm 2mm;font-size:8.5px}.offer-table td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #78543326;padding:3mm 2mm;font-size:8.5px}.offer-table th:first-child,.offer-table td:first-child{text-align:center;width:6%}.offer-table th:nth-child(2),.offer-table td:nth-child(2){width:30%}.offer-table th:nth-child(3),.offer-table td:nth-child(3){text-align:center;width:12%}.offer-table th:nth-child(4),.offer-table td:nth-child(4){width:8%}.offer-table th:nth-child(5),.offer-table td:nth-child(5){width:9%}.offer-table th:nth-child(6),.offer-table td:nth-child(6),.offer-table th:nth-child(7),.offer-table td:nth-child(7){width:17.5%}.offer-table td small{color:#76685d;margin-top:4px;line-height:1.35;display:block}.offer-table td img{object-fit:cover;border-radius:6px;width:18mm;height:14mm}.offer-totals{border:1px solid #895f3838;border-radius:14px;width:76mm;margin:6mm 10mm 5mm auto;overflow:hidden}.offer-totals>div{background:#fffbf6e6;border-bottom:1px solid #895f3826;justify-content:space-between;gap:10px;padding:3mm 4mm;font-size:10px;display:flex}.offer-grand-total{color:#fff;background:linear-gradient(135deg,#453226,#8f5e32)!important;font-size:12px!important}.offer-terms{background:#fffbf6db;border:1px solid #895f3833;border-radius:14px;margin:0 10mm 5mm;padding:4mm 5mm}.offer-terms p{margin:0;font-size:9.5px;line-height:1.5}.offer-footer{justify-content:flex-end;padding:5mm 12mm 10mm;display:flex}.offer-footer>div{text-align:center;min-width:65mm}.offer-footer p{color:#6f5d4e;margin:0 0 2mm;font-size:10px}.offer-footer strong{font-size:11px}.offer-footer img{width:55mm;margin:1mm auto 0;display:block}.mobile-nav{display:none}.toast{z-index:100;color:#fff;text-align:center;background:#211a15;border-radius:999px;max-width:min(92vw,520px);padding:13px 18px;font-weight:800;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #00000059}@media (width<=1180px){.editor-layout{grid-template-columns:1fr}.live-preview-panel{display:none}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){body{background:linear-gradient(#17110d,#0c0a08)}.topbar{padding:10px 14px}.brand-button img{width:44px;height:36px}.brand-button small,.desktop-nav{display:none}.workspace{padding:16px 12px 96px}.page-heading{padding:4px 2px 2px;display:block}.page-heading h1{font-size:32px}.heading-actions{display:none}.form-section{border-radius:20px;padding:16px}.form-grid,.item-grid{grid-template-columns:1fr;gap:0}.field.wide{grid-column:auto}.split-title{align-items:flex-start}.section-title h2{font-size:18px}.image-field{align-items:flex-start}.uploaded-image-wrap{justify-content:space-between;width:100%}.summary-card{width:100%}.mobile-action-bar{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#19130feb;border-radius:18px;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 -4px;padding:10px;display:grid;position:sticky;bottom:76px}.mobile-action-bar button{padding:11px 8px}.mobile-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14100df0;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 18px 45px #00000059}.mobile-nav .nav-button{border-radius:14px;justify-items:center;gap:2px;padding:9px 6px;font-size:12px;display:grid}.mobile-nav .nav-button span{font-size:16px}.stats-grid,.archive-tools,.archive-grid{grid-template-columns:1fr}.archive-card-actions .primary-button,.archive-card-actions .secondary-button{flex:1}.preview-screen-toolbar{grid-template-columns:auto 1fr;top:64px}.preview-screen-toolbar>.primary-button{grid-column:1/-1}.document-stage{padding:10px;overflow-x:auto}.document-stage .offer-document{transform-origin:0 0;margin-bottom:-160.38mm;margin-right:-113.4mm;transform:scale(.46)}.toast{bottom:92px}}@media print{@page{size:A4;margin:0}html,body{width:210mm;background:#fff!important}.no-print,.topbar,.mobile-nav,.preview-screen-toolbar{display:none!important}.workspace,.preview-screen,.document-stage{background:#fff!important;border:0!important;width:210mm!important;margin:0!important;padding:0!important;overflow:visible!important}.offer-document{width:210mm!important;min-height:297mm!important;box-shadow:none!important;margin:0!important}}.invoice-layout select{color:#2b241f;width:100%;font:inherit;background:#ffffffe6;border:1px solid #7e5a373d;border-radius:13px;padding:12px 13px}.invoice-status{border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.invoice-status.issued{color:#2d6a3b;background:#dbefdf}.invoice-status.cancelled{color:#8e3b36;background:#f4dddd}.invoice-hero{background:linear-gradient(90deg,#fffffffa,#f6ede1e0), var(--construction-bg);background-size:cover;border-bottom:3px solid #bb7d3d;justify-content:space-between;align-items:center;gap:20px;height:42mm;padding:12mm;display:flex}.invoice-hero img{object-fit:contain;object-position:left center;width:75mm;max-height:22mm}.invoice-hero>div{text-align:right}.invoice-hero p{color:#a16b38;letter-spacing:.18em;margin:0 0 2mm;font-size:9px;font-weight:900}.invoice-hero h1{color:#4d3828;letter-spacing:.08em;margin:0;font-size:30px}.invoice-hero strong{margin-top:2mm;font-size:12px;display:block}.invoice-table th:first-child,.invoice-table td:first-child{width:7%}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:39%}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3),.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){width:10%}.invoice-table th:nth-child(5),.invoice-table td:nth-child(5),.invoice-table th:nth-child(6),.invoice-table td:nth-child(6){width:17%}.invoice-payment{grid-template-columns:1fr 1fr;gap:5mm;margin:0 10mm 5mm;display:grid}.invoice-payment>div{background:#fffbf6db;border:1px solid #895f3833;border-radius:14px;padding:4mm 5mm}.invoice-payment h3{color:#8a572c;text-transform:uppercase;letter-spacing:.12em;margin:0 0 2mm;font-size:10px}.invoice-payment p{margin:1.2mm 0;font-size:9.5px;line-height:1.4}.invoice-footer{grid-template-columns:1fr 1fr;gap:18mm;padding:5mm 12mm 10mm;display:grid}.invoice-footer>div{text-align:center}.invoice-footer p{color:#6f5d4e;margin:0 0 2mm;font-size:10px}.invoice-footer strong{font-size:11px}.invoice-footer img{width:45mm;margin:1mm auto 0;display:block}@media (width<=760px){.mobile-nav{grid-template-columns:repeat(5,1fr)}.mobile-nav .nav-button{padding:8px 2px;font-size:10px}.invoice-payment{grid-template-columns:1fr}}