:root{--bg:#111417;--surface:#151b1f;--surface-2:#192126;--surface-3:#202a30;--border:#2b363d;--border-soft:#243037;--text:#f5f6f7;--text-secondary:#b8c0c5;--text-muted:#88949e;--primary:#16c784;--primary-hover:#12b878;--primary-soft:#16c7841f;--secondary:#22d3ee;--secondary-soft:#22d3ee1f;--warning:#ffb020;--danger:#f05252;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-price:clamp(38px, 7vw, 56px);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}html[data-theme=light]{--bg:#f5f6f7;--surface:#fff;--surface-2:#f0f3f4;--surface-3:#e8ecee;--border:#d3dadf;--border-soft:#e1e6e9;--text:#111417;--text-secondary:#475159;--text-muted:#78838b;--primary:#0fae70;--primary-hover:#0c9862;--primary-soft:#0fae701f}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);background:var(--surface-2);min-height:42px;color:var(--text);border-radius:var(--radius-md);cursor:pointer;padding:.65rem .9rem;font-weight:500}button:hover:not(:disabled){border-color:var(--primary)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}button.primary{background:var(--primary);border-color:var(--primary);color:#07120e}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 55%, var(--border))}.app{background:var(--bg);width:min(760px,100% - 32px);min-height:100vh;color:var(--text);margin:0 auto;padding:28px 0 48px}.hero{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:18px;display:flex}.brand-lockup{align-items:center;gap:var(--space-3);display:flex}.brand-mark{width:46px;height:46px;color:var(--primary);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 0 0 4px var(--primary-soft);padding:7px}.brand-word{letter-spacing:0;font-size:1.85rem;font-weight:800;line-height:1}.brand-word span:first-child{color:var(--text)}.brand-word span:last-child{color:var(--primary)}.brand-tagline{color:var(--text-muted);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.12em;margin-top:5px}.theme-toggle{min-width:74px}.tabs{gap:var(--space-2);grid-template-columns:repeat(6,1fr);margin:18px 0;display:grid}.tabs button.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.printer-quickbar{gap:var(--space-3);border:1px solid color-mix(in srgb, var(--primary) 38%, var(--border));border-radius:var(--radius-lg);background:var(--primary-soft);grid-template-columns:1fr minmax(220px,320px);align-items:center;margin:0 0 14px;padding:12px 14px;display:grid}.printer-quickbar>div{gap:2px;display:grid}.quickbar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:700}.printer-quickbar strong{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin:14px 0;box-shadow:0 16px 40px #00000024}.card h2{color:var(--text);margin:0 0 14px;font-size:1.02rem;font-weight:650}.notice{background:color-mix(in srgb, var(--surface) 88%, var(--warning));border-color:#ffb0208c}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{color:var(--text-secondary);font-size:var(--font-sm);gap:6px;font-weight:600;display:grid}.field small{color:var(--text-muted);font-weight:400}.field .error{color:var(--danger)}input,select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:100%;min-height:42px;color:var(--text);padding:.55rem .65rem}input::placeholder{color:var(--text-muted)}input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--primary);justify-self:start}.muted{color:var(--text-muted);margin-bottom:0}.warning{color:var(--warning);margin-bottom:0}.result{border-color:color-mix(in srgb, var(--primary) 65%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--primary)) 0%, var(--surface) 42%)}.result-kicker{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.price{font-size:var(--font-price);letter-spacing:0;color:var(--primary);font-variant-numeric:tabular-nums;margin:2px 0 10px;font-weight:800}.result-grid{gap:var(--space-2);color:var(--text-secondary);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-grid span{justify-content:space-between;gap:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-2);padding:10px 12px;display:flex}.result-grid strong{color:var(--text);font-variant-numeric:tabular-nums}.breakdown{border-collapse:collapse;width:100%;margin-top:16px}.breakdown th,.breakdown td{border-top:1px solid var(--border-soft);text-align:left;color:var(--text-secondary);padding:9px 0}.breakdown td{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.breakdown .strong th,.breakdown .strong td{color:var(--text);font-weight:800}.owner{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--primary-soft);color:var(--text-secondary);gap:6px;margin-top:16px;padding:12px;display:grid}.owner strong{color:var(--text)}.collapsible-card{padding:0;overflow:hidden}.collapsible-card>summary{gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;grid-template-columns:1fr auto;align-items:center;list-style:none;display:grid}.collapsible-card>summary::-webkit-details-marker{display:none}.summary-copy{gap:3px;display:grid}.summary-copy span{color:var(--text);font-weight:700}.summary-copy small{color:var(--text-muted);font-size:.82rem}.summary-icon{border:1px solid color-mix(in srgb, var(--primary) 55%, var(--border));border-radius:var(--radius-md);background:var(--primary-soft);width:34px;height:34px;position:relative}.summary-icon:before,.summary-icon:after{content:"";background:var(--primary);position:absolute}.summary-icon.add:before{width:16px;height:2px;top:15px;left:8px}.summary-icon.add:after{width:2px;height:16px;top:8px;left:15px}.summary-icon.edit:before{border-radius:2px;width:16px;height:3px;top:16px;left:8px;transform:rotate(-38deg)}.summary-icon.edit:after{clip-path:polygon(0 0,100% 50%,0 100%);width:5px;height:5px;top:9px;left:20px;transform:rotate(-38deg)}.collapsible-card[open] .summary-icon:before{border-radius:2px;width:14px;height:2px;top:15px;left:9px;transform:rotate(45deg)}.collapsible-card[open] .summary-icon:after{border-radius:2px;width:14px;height:2px;top:15px;left:17px;transform:rotate(-45deg)}.collapsible-card>.grid,.collapsible-card>.printer-editor,.collapsible-card>.warning,.collapsible-card>.inline-settings{margin-left:var(--space-5);margin-right:var(--space-5)}.collapsible-card>.grid{padding-top:var(--space-4);border-top:1px solid var(--border-soft)}.collapsible-card>.inline-settings{margin-bottom:var(--space-5)}.printer-editor{border-top:1px solid var(--border-soft);margin-top:16px;padding-top:16px}.printer-editor h3{color:var(--text-secondary);margin:0 0 12px;font-size:.95rem}.inline-settings{border-top:1px solid var(--border-soft);margin-top:16px;padding-top:14px}.inline-settings summary{cursor:pointer;color:var(--primary);margin-bottom:14px;font-weight:650}.inline-settings button{margin-top:14px}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}@media (width<=640px){.app{width:min(100% - 24px,760px);padding-top:18px}.hero{align-items:flex-start}.brand-mark{width:42px;height:42px}.brand-word{font-size:1.45rem}.brand-tagline{font-size:.68rem}.grid.two,.result-grid,.printer-quickbar,.collapsible-card>summary{grid-template-columns:1fr}.summary-copy small{text-align:left}.price{font-size:2.35rem}}.email-status{margin-bottom:0;font-weight:700}.email-status.success{color:var(--primary)}.email-status.error{color:var(--danger)}.quote-tools{grid-template-columns:1fr minmax(150px,210px);gap:10px;margin-top:14px;display:grid}.quote-list-item small{color:var(--text-muted);text-transform:capitalize;font-size:.78rem}.quote-list{gap:10px;margin-top:14px;display:grid}.quote-list-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px;display:grid}.quote-list-item.active{border-color:var(--primary)}.quote-list-item>button:first-child{text-align:left;grid-template-columns:minmax(100px,1fr) minmax(110px,1fr) auto;gap:4px 10px;display:grid}.quote-list-item>button:first-child small{grid-column:1/-1}.quote-workspace{gap:14px;display:grid}.quote-editor h3{color:var(--text-secondary);margin:18px 0 10px;font-size:.96rem}textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);min-height:110px;color:var(--text);padding:.65rem}.line-items{gap:10px;margin-bottom:14px;display:grid}.line-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:minmax(180px,1fr) 90px 120px auto auto;align-items:center;gap:8px;padding:8px;display:grid}.line-item strong{font-variant-numeric:tabular-nums}.quote-preview{color:#17202a;border-radius:var(--radius-lg);background:#fff;border:1px solid #d8dee6;padding:28px}.quote-preview-head{border-bottom:3px solid #16c784;grid-template-columns:1fr auto;gap:24px;margin-bottom:18px;padding-bottom:16px;display:grid}.quote-company{align-items:flex-start;gap:14px;display:flex}.company-logo-box{color:#78838b;text-align:center;border:1px solid #d8dee6;border-radius:6px;flex:none;place-items:center;width:104px;height:74px;font-size:.78rem;display:grid;overflow:hidden}.company-logo-box img{object-fit:contain;width:100%;height:100%}.quote-title-block{text-align:right}.quote-preview-head h2{color:#17202a;letter-spacing:.08em;margin:0}.quote-preview p{white-space:pre-line;margin:3px 0}.quote-meta{color:#475159;flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.quote-for{margin-bottom:18px}.quote-for h3,.quote-preview section h3{color:#475159;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:.9rem}.quote-table{border-collapse:collapse;width:100%;margin:18px 0}.quote-table th,.quote-table td{text-align:left;border-bottom:1px solid #d8dee6;padding:10px 8px}.quote-table th:nth-child(n+2),.quote-table td:nth-child(n+2){text-align:right}.quote-totals{justify-content:end;gap:6px;margin:18px 0;display:grid}.quote-totals span{text-align:right;grid-template-columns:120px 140px;gap:12px;display:grid}.quote-total{color:#0fae70;font-size:1.2rem;font-weight:800}.quote-powered-by{color:#78838b;justify-content:flex-end;align-items:center;gap:6px;margin-top:28px;font-size:.78rem;display:flex}.quote-platerate-mark{color:#16c784;width:22px;height:22px}.quote-powered-by strong{color:#17202a}.quote-powered-by strong span{color:#0fae70}.business-editor{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-2);margin:16px 0;padding:12px}.business-editor summary{cursor:pointer;color:var(--primary);font-weight:650}.business-editor .grid{margin-top:12px}.span-two{grid-column:1/-1}@media (width<=760px){.quote-list-item,.quote-list-item>button:first-child,.line-item,.quote-tools{grid-template-columns:1fr}.quote-preview-head,.quote-company{display:grid}.quote-title-block{text-align:left}}@media print{body{background:#fff}.no-print,.hero,.tabs,.printer-quickbar,.card:not(.result),.result,.quote-editor{display:none!important}.app{width:100%;padding:0}.quote-preview{border:0;border-radius:0;padding:0}}.legal-copy{color:var(--text-secondary)}.legal-copy h2{color:var(--text)}.legal-copy h3{color:var(--text);margin:18px 0 6px;font-size:.98rem}.legal-copy p{margin:0 0 10px}.file-input{display:none}.backup-tools p,.sync-tools p{color:var(--text-secondary)}.sync-tools .actions{align-items:center}.sync-instructions{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);margin:16px 0;padding:14px 16px}.sync-instructions h3{color:var(--text);margin:0 0 8px;font-size:.98rem}.sync-instructions ol{margin:0;padding-left:20px}.sync-instructions li{margin:6px 0}.sync-instructions p{color:var(--text-muted);margin:10px 0 0}.preset-save-row{gap:var(--space-2);grid-template-columns:1fr auto;display:grid}.preset-list{gap:8px;margin-top:12px;display:grid}.preset-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.preset-item>button:first-child{text-align:left;gap:2px;display:grid}.preset-item span{color:var(--text-muted);font-size:.82rem}@media (width<=640px){.preset-save-row,.preset-item{grid-template-columns:1fr}}.business-settings-panel p{color:var(--text-secondary)}.company-logo-preview{align-items:center;gap:12px;margin-top:14px;display:flex}.company-logo-preview img{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:120px;height:80px}.note-presets{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-2);margin:16px 0;padding:12px}.note-preset-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.note-preset-list span{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:8px;padding:6px 8px;display:inline-flex}