:root{color:#18212f;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#101828;color:#fff;padding:24px 18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#2dd4bf;color:#05201d}.brand strong,.brand span{display:block}.brand span{color:#b8c2d6;font-size:13px;margin-top:2px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#d6deeb;text-align:left}nav button.active,nav button:hover{background:#243247;color:#fff}.workspace{padding:30px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.support-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-6px 0 18px;padding:14px 16px;border:1px solid #bae6fd;border-radius:8px;background:#eff6ff}.support-panel div{display:grid;gap:4px}.support-panel strong{color:#0f172a;font-size:14px}.support-panel span{color:#475569;font-size:13px;line-height:1.35}.support-panel code{padding:8px 10px;border-radius:7px;background:#fff;color:#075985;font-size:14px;font-weight:800;white-space:nowrap}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.1}.topbar p{color:#667085;margin-top:6px}.primary,.secondary,.file-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid transparent;font-weight:700}.primary{background:#0f766e;color:#fff}.primary:hover{background:#115e59}.secondary,.file-button{background:#fff;color:#1f2937;border-color:#d0d5dd}.toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) 180px;align-items:center;gap:10px;background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:11px 14px;margin-bottom:16px}.toolbar input{border:0;outline:0;width:100%;min-width:0}.toolbar select{min-height:36px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #dbe3ef;border-radius:8px}.load-more{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 0 4px;color:#667085;font-size:13px;font-weight:700}.client-modal-list .load-more{padding:10px 0 2px}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #edf1f7;text-align:left;white-space:nowrap}th{color:#667085;font-size:13px;font-weight:800}tr:last-child td{border-bottom:0}.right{text-align:right}.actions{width:146px;text-align:right}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status-draft{color:#344054;background:#eef2f6}.status-sent{color:#075985;background:#e0f2fe}.status-accepted{color:#047857;background:#d1fae5}.status-rejected{color:#b42318;background:#fee4e2}.status-expired{color:#92400e;background:#fef3c7}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;margin-left:6px}.icon-button:hover{background:#eef6f5;color:#0f766e}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.client-card{display:grid;gap:14px;min-height:112px;padding:18px;border-radius:8px;background:#fff;border:1px solid #dbe3ef}.client-card-head{display:flex;justify-content:space-between;gap:12px}.client-card h3{font-size:17px;margin-bottom:8px}.client-card p{color:#667085;font-size:14px;overflow-wrap:anywhere}.card-actions{flex:0 0 auto}.client-quote-summary{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:#f8fafc;color:#475569;font-size:13px;font-weight:800}.client-quote-summary strong{color:#0f766e}.client-quote-actions{display:flex;gap:4px}.client-open-quotes{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:9px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f766e;font-weight:800;cursor:pointer}.client-open-quotes:hover{background:#eef6f5}.client-no-quotes{padding-top:2px;color:#667085;font-size:13px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.form-panel,.logo-panel{background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:18px}.form-panel{display:grid;gap:14px}.settings-required{display:grid;gap:4px;padding:12px 14px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412}.settings-required strong{font-size:13px}.settings-required span{font-size:12px;font-weight:700;line-height:1.35}label{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:800}.toggle-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}.toggle-row input{width:18px;min-height:18px;height:18px;padding:0}.toggle-row span{color:#344054;font-size:13px;font-weight:800}.color-control{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px}.color-control input[type=color]{min-height:40px;padding:3px}.field-note{color:#667085;font-size:12px;font-weight:600;line-height:1.35}input,textarea,select{width:100%;min-height:40px;border:1px solid #cfd8e6;border-radius:8px;padding:9px 11px;color:#18212f;background:#fff}textarea{resize:vertical}.logo-panel{display:grid;gap:12px}.logo-preview{display:grid;place-items:center;height:150px;border:1px dashed #b8c2d6;border-radius:8px;background:#f8fafc;color:#667085}.logo-preview img{max-width:100%;max-height:130px;object-fit:contain}.file-button input,.hidden-input{display:none}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:22px;background:#1018288c;z-index:20}.modal{width:min(980px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:8px;padding:20px;box-shadow:0 24px 80px #10182840}.small-modal{width:min(560px,100%);display:grid;gap:14px}.client-quotes-modal{width:min(860px,100%);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.client-quotes-modal .modal-head{margin-bottom:12px}.client-quotes-modal .modal-head p{color:#667085;font-size:14px;margin-top:4px}.client-quotes-toolbar{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc;color:#667085;margin-bottom:12px}.client-quotes-toolbar input{width:100%;border:0;outline:0;background:transparent;color:#18212f;font:inherit}.client-modal-list{display:grid;gap:8px;overflow:auto;padding-right:4px}.client-modal-quote{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(110px,auto) auto;gap:12px;align-items:center;padding:12px;border:1px solid #edf1f7;border-radius:8px;background:#fff}.client-modal-quote>div:first-child{display:grid;gap:4px;min-width:0}.client-modal-quote strong{color:#18212f}.client-modal-quote span{color:#667085;font-size:13px}.client-modal-total{text-align:right;color:#0f766e!important}.pdf-backdrop{padding:14px}.pdf-modal{width:min(1180px,100%);height:calc(100vh - 28px);display:grid;grid-template-rows:auto minmax(0,1fr);padding:16px;overflow:hidden}.modal-head,.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.modal-foot{margin:18px 0 0}.pdf-head{margin-bottom:12px}.pdf-head p{color:#667085;font-size:14px;margin-top:4px}.preview-actions{display:flex;align-items:center;gap:8px}.pdf-preview-scroll{min-height:0;overflow:auto;display:grid;justify-items:center;padding:24px;border:1px solid #d0d5dd;border-radius:8px;background:#e9eef5}.pdf-sheet-frame{width:794px;min-height:1123px}.pdf-sheet{position:relative;overflow:hidden;width:794px;min-height:1123px;padding:62px;background:#fff;color:#071426;box-shadow:0 12px 30px #10182829}.sheet-watermark{position:absolute;top:350px;left:50%;width:330px;max-height:230px;object-fit:contain;opacity:.06;transform:translate(-50%);pointer-events:none}.sheet-header{position:relative;z-index:1;display:grid;grid-template-columns:140px minmax(0,1fr) 170px;gap:22px;align-items:start;padding-bottom:22px;border-bottom:1px solid #cfd8e6}.logo-pos-right .sheet-header{grid-template-columns:170px minmax(0,1fr) 140px}.logo-pos-right .sheet-logo{grid-column:3;grid-row:1;justify-items:end}.logo-pos-right .sheet-company{grid-column:2;grid-row:1}.logo-pos-right .sheet-number{grid-column:1;grid-row:1;text-align:left}.logo-pos-center .sheet-header{grid-template-columns:170px minmax(0,1fr) 170px;gap:18px 22px}.logo-pos-center .sheet-logo{grid-column:2;grid-row:1;justify-items:center;width:100%;min-height:86px}.logo-pos-center .sheet-company{grid-column:2;grid-row:2;text-align:center}.logo-pos-center .sheet-number{grid-column:3;grid-row:1;justify-self:end;text-align:right}.template-logo.logo-pos-center .sheet-logo.logo-medium img{max-width:178px;max-height:104px}.template-logo.logo-pos-center .sheet-logo.logo-large img{max-width:215px;max-height:128px}.sheet-logo{display:grid;align-items:start;justify-items:start;min-height:86px;color:#667085}.sheet-logo img{object-fit:contain}.sheet-logo.logo-small img{max-width:105px;max-height:62px}.sheet-logo.logo-medium img{max-width:140px;max-height:86px}.sheet-logo.logo-large img{max-width:170px;max-height:104px}.sheet-company h3,.sheet-number h3{margin:0 0 8px;font-size:25px;line-height:1.1;color:#071426}.sheet-number-box{display:inline-block;min-width:150px;padding:12px;border:1px solid #d1d5db;border-radius:8px}.sheet-company p,.sheet-number p,.sheet-client p,.sheet-notes p{min-height:0;margin:2px 0;color:#344054;font-size:13px;line-height:1.35}.sheet-number{text-align:right}.sheet-number .status-badge{margin-bottom:8px}.sheet-number h3{font-size:23px;color:var(--brand-color)}.sheet-valid-until{margin-top:14px}.sheet-valid-until strong{display:block;color:#071426;font-size:12px;margin-bottom:2px}.sheet-client{position:relative;z-index:1;padding:18px 0 28px}.sheet-client strong,.sheet-notes strong{display:block;margin-bottom:10px;color:#071426}.sheet-items{position:relative;z-index:1;table-layout:fixed}.sheet-items th,.sheet-items td{white-space:normal}.sheet-items thead th{background:var(--brand-color);color:#fff;border-bottom:0}.sheet-items thead th:first-child{border-top-left-radius:5px}.sheet-items thead th:last-child{border-top-right-radius:5px}.sheet-items th:nth-child(1),.sheet-items td:nth-child(1){width:52%}.sheet-items th:nth-child(n+2),.sheet-items td:nth-child(n+2){text-align:right}.sheet-total{position:relative;z-index:1;display:grid;grid-template-columns:auto auto;gap:8px 26px;width:fit-content;min-width:230px;margin-left:auto;margin-top:24px;padding:14px 16px;border:1px solid #d1d5db;border-radius:8px;background:#f8fafc;font-size:13px;font-weight:800}.sheet-total strong{color:var(--brand-color);text-align:right}.sheet-total .summary-total{font-size:18px;font-weight:800}.sheet-notes{position:relative;z-index:1;margin-top:34px;padding:16px;border:0;border-radius:8px;background:#f8fafc}.sheet-notes strong{color:var(--brand-color)}.template-compact .sheet-client{padding-top:14px;padding-bottom:18px}.template-compact .sheet-items th,.template-compact .sheet-items td{padding-top:10px;padding-bottom:10px}.template-modern .sheet-number-box{color:#fff;background:var(--brand-color);border-color:var(--brand-color)}.template-modern .sheet-number-box h3,.template-modern .sheet-number-box p,.template-modern .sheet-number-box strong{color:#fff}.sheet-notes+.sheet-notes{margin-top:20px}.quote-fields{display:grid;grid-template-columns:minmax(220px,1fr) 160px 160px 150px;gap:14px}.quick-client{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0 18px}.items-editor{display:grid;gap:8px}.item-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px 130px 130px 42px;gap:8px;align-items:center}.item-field{display:block}.item-field>span,.item-field{min-width:0}.item-field{font-size:0}.item-field input{font-size:13px}.item-subtotal{display:grid;gap:4px}.item-subtotal span{display:none;color:#667085;font-size:12px;font-weight:800}.item-head{color:#667085;font-size:12px;font-weight:800;text-transform:uppercase}.item-row strong{text-align:right}.add-line{margin:12px 0 16px}.quote-extra-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-money-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:0 0 16px}.quote-total{display:grid;gap:4px;min-width:260px;font-size:13px;font-weight:800;text-align:right}.quote-total span{color:#667085}.quote-total strong{font-size:18px;color:#0f766e}.empty{padding:28px;color:#667085;text-align:center}.toast{position:fixed;right:22px;bottom:22px;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 44px));padding:12px 14px;background:#101828;color:#fff;border-radius:8px;box-shadow:0 16px 40px #10182840}.toast button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;color:#fff;background:#243247}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;padding:14px}.brand{margin-bottom:12px}nav{grid-template-columns:repeat(3,minmax(0,1fr))}nav button{justify-content:center;font-size:13px}.workspace{padding:18px}.topbar,.settings-layout,.toolbar,.quote-fields,.quick-client{grid-template-columns:1fr;display:grid}.pdf-modal{height:calc(100vh - 16px);padding:12px}.pdf-head,.topbar-actions,.support-panel,.load-more,.preview-actions,.quote-extra-fields,.quote-money-fields{align-items:stretch;display:grid;grid-template-columns:1fr}.pdf-preview-scroll{--pdf-preview-scale: min(1, calc((100vw - 78px) / 794));justify-items:start;align-items:start;padding:10px}.pdf-sheet-frame{width:calc(794px * var(--pdf-preview-scale));min-height:calc(1123px * var(--pdf-preview-scale))}.pdf-sheet{transform:scale(var(--pdf-preview-scale));transform-origin:top left}.item-row{grid-template-columns:1fr 88px 100px}.client-modal-quote{grid-template-columns:1fr;align-items:stretch}.client-quote-actions{justify-content:flex-end}.client-modal-total{text-align:left}.item-field{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:800}.item-subtotal span{display:block}.item-row strong{text-align:left}.item-row .icon-button,.item-head span:nth-child(4),.item-head span:nth-child(5){display:none}}@media(max-width:560px){h1{font-size:24px}nav button{padding:9px 6px}.table-wrap{overflow:visible;border:0;background:transparent}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap thead{display:none}.table-wrap tbody{display:grid;gap:12px}.table-wrap tr{padding:12px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.table-wrap td{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:7px 2px;border-bottom:0;text-align:right;white-space:normal}.table-wrap td:before{content:attr(data-label);color:#667085;font-size:12px;font-weight:800;text-align:left}.table-wrap td.empty{display:block;padding:24px;text-align:center}.table-wrap td.empty:before{display:none}.table-wrap .actions{width:100%;justify-content:flex-end;text-align:right}.item-row{grid-template-columns:1fr;padding-bottom:10px;border-bottom:1px solid #edf1f7}.item-head{display:none}}