@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@600;700&display=swap";html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}body{min-width:320px;margin:0}button,input,textarea{font:inherit}#root{min-height:100vh}:root{--bg:#14110c;--bg2:#1d1811;--panel:#fffaf10f;--card:#fffdf8;--text:#19140d;--muted:#6c6254;--line:#e8decb;--gold:#c9a24f;--white:#fff;--shadow:0 24px 70px #0003}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #c9a24f29, transparent 18%), linear-gradient(180deg, var(--bg), var(--bg2))}.app-shell{min-height:100vh;color:var(--white);padding:24px}.app{max-width:1380px;margin:0 auto}.topbar,.brand,.actions,.section-head,.service-top,.preview-toolbar,.sum-row,.sum-total,.meta-row{align-items:center;display:flex}.topbar,.section-head,.service-top,.preview-toolbar,.sum-row,.sum-total,.meta-row{justify-content:space-between}.topbar{flex-wrap:wrap;gap:18px;margin-bottom:20px}.brand-block{gap:8px;padding-bottom:8px;display:grid}.brand{gap:14px}.brand-dot{background:linear-gradient(#e4c883,#ad7d25);border-radius:50%;width:12px;height:12px;box-shadow:0 0 24px #c9a24f5c}.eyebrow,.section-kicker{color:#f2dca9;text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:11px}.brand h1,.section-head h2,.preview-toolbar h2,.invoice-brand h2{margin:0}.brand h1{letter-spacing:-.04em;font-size:34px;font-weight:800}.subtle-copy{color:#ffffffb3;margin:0;font-size:14px}.actions{flex-wrap:wrap;gap:10px}.autosave-chip{color:#ffffffb8;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:11px 14px;font-size:13px}.btn,.pill-btn,.text-btn,.saved-client-name,.saved-client-delete{cursor:pointer;font:inherit;border:0}.btn{border-radius:999px;padding:13px 18px;font-weight:700}.btn-primary{color:#1b1408;background:linear-gradient(#ebca85,#bc8b31);box-shadow:0 14px 30px #c9a24f40}.btn-secondary,.btn-tertiary,.pill-btn{color:var(--white);background:#ffffff0d;border:1px solid #ffffff1a}.btn-tertiary{color:#f2ddac;background:#c9a24f14;border-color:#c9a24f40}.workspace,.form-grid,.service-list,.grid-2,.summary-wrap,.footer-grid,.bank-grid{display:grid}.workspace{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start;gap:22px}.editor-column,.preview-column{gap:18px;display:grid}.editor-card,.preview-toolbar{background:linear-gradient(180deg, #fff8e714, var(--panel));box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:26px}.editor-card{padding:22px}.section-head{flex-wrap:wrap;gap:16px;margin-bottom:16px}.section-head h2,.preview-toolbar h2{color:var(--white);letter-spacing:-.03em;font-size:24px}.section-head-stack{align-items:flex-start}.preset-row{flex-wrap:wrap;gap:10px;display:flex}.saved-clients{gap:12px;margin-bottom:16px;display:grid}.saved-client-select label{color:#f6e9cb;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.saved-client-select select{width:100%;color:var(--white);font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;outline:none;padding:14px 15px}.saved-client-list{flex-wrap:wrap;gap:10px;display:flex}.saved-client-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:6px;display:inline-flex}.saved-client-name{color:var(--white);background:0 0;border-radius:999px;padding:6px 10px;font-weight:700}.saved-client-delete{color:#f4c7b9;background:#ffffff0f;border-radius:50%;width:28px;height:28px;line-height:1}.pill-btn{border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.field.full{grid-column:1/-1}.field label{color:#f6e9cb;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.field input,.field textarea{width:100%;color:var(--white);font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;outline:none;padding:14px 15px}.field textarea{resize:vertical;min-height:106px}.field input:focus,.field textarea:focus{border-color:#c9a24f8c;box-shadow:0 0 0 4px #c9a24f1f}.service-list{gap:14px}.service-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;padding:18px}.service-top{margin-bottom:14px}.service-top strong{color:var(--white)}.text-btn{color:#f4c7b9;background:0 0;padding:0;font-weight:700}.line-total{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.line-total span{color:#ffffffad}.line-total strong{color:#f2dca9}.add-btn{margin-top:16px}.preview-column{justify-items:center;position:sticky;top:20px}.preview-toolbar{width:min(100%,794px);padding:22px 24px}.preview-total{text-align:right}.preview-total span{color:#ffffffad;text-transform:uppercase;letter-spacing:.14em;font-size:12px;display:block}.preview-total strong{color:#f2dca9;font-size:28px}.pdf-viewer-shell{width:min(100%,794px);height:1123px;box-shadow:var(--shadow);background:#fffdf8;border-radius:28px;overflow:hidden}.pdf-viewer{border:0;width:100%;height:100%}.pdf-loading{text-align:center;color:#4b4132;background:radial-gradient(circle at top,#c9a24f1f,#0000 28%),#fffdf8;align-content:center;place-items:center;gap:10px;width:100%;height:100%;padding:32px;display:grid}.pdf-loading strong{font-size:18px}.pdf-loading span{max-width:320px;line-height:1.7}.sheet{background:var(--card);color:var(--text);box-shadow:var(--shadow);border-radius:28px;overflow:hidden}.pdf-sheet{width:min(100%,794px);margin:0 auto}.pdf-export-clone{width:794px!important;box-shadow:none!important;margin:0!important}.pdf-export-host{z-index:-1;background:#fff;width:794px;padding:0;position:fixed;top:0;left:-10000px}.invoice-header,.grid-2,.summary-wrap,.footer-grid,.bank-grid{gap:28px}.invoice-header{color:var(--white);background:linear-gradient(135deg,#c9a24f29,#c9a24f05),linear-gradient(#12100d 0%,#1d1812 100%);grid-template-columns:1.2fr .8fr;gap:28px;padding:46px 48px;display:grid}.invoice-brand h2{text-transform:uppercase;letter-spacing:.08em;font-family:Cormorant Garamond,serif;font-size:50px;line-height:.95}.invoice-brand p{color:#ffffffbd;max-width:420px;margin:16px 0 0;font-size:14px;line-height:1.95}.invoice-meta{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:22px 24px}.invoice-meta h3,.section-title,.notes h3,.summary h3,.foot-card h3,.bank-grid span,.sum-total small{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin:0 0 14px;font-size:11px;font-weight:800;display:block}.meta-row{border-bottom:1px dashed #ffffff1f;align-items:baseline;gap:16px;padding:12px 0}.meta-row:last-child,.sum-row:last-of-type{border-bottom:0}.meta-row span:first-child{color:#ffffff9e;font-size:13px}.meta-row span:last-child{text-align:right;font-size:14px;font-weight:600}.invoice-content{padding:44px 48px 52px}.grid-2{grid-template-columns:1fr 1fr;margin-bottom:30px}.panel,.notes,.summary,.foot-card{border:1px solid var(--line);border-radius:22px;padding:26px 28px}.panel{background:linear-gradient(#fff 0%,#fffcf6 100%)}.panel strong{margin-bottom:10px;font-size:19px;display:block}.panel p,.service-desc,.signatory-copy,.terms-copy{color:var(--muted);white-space:pre-line;margin:0;font-size:14px;line-height:1.95}.services{border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:inset 0 1px #fff9}.service-table-head,.service-table-row{align-items:flex-start;display:flex}.service-table-head{color:#f3ddaa;text-transform:uppercase;letter-spacing:.14em;background:#15120f;padding:20px 24px;font-size:12px}.service-table-head>div,.service-table-row>div{flex-shrink:0}.service-table-body{background:#fffdf8}.service-table-row{border-bottom:1px solid #f0eadc;padding:22px 24px;font-size:14px}.service-table-row:last-child{border-bottom:0}.service-col-main{padding-right:18px}.service-title{color:#111;margin-bottom:8px;font-weight:700}.service-desc{font-size:13px;line-height:1.8}.num,.amt{text-align:right;white-space:nowrap}.amt{font-weight:700}.summary-wrap{grid-template-columns:1.1fr .9fr;align-items:start;margin-top:30px}.notes,.foot-card{background:#fffdfa}.notes ul{color:var(--muted);margin:0;padding-left:20px;font-size:14px;line-height:2}.terms-copy{border-top:1px dashed #e1d4b5;margin-top:20px;padding-top:18px}.summary{background:linear-gradient(#fff 0%,#fff7e8 100%)}.sum-row{border-bottom:1px dashed #e5dbc2;gap:18px;padding:13px 0;font-size:14px}.sum-total{color:var(--white);background:#15120f;border-radius:20px;margin-top:18px;padding:22px 24px}.sum-total small{color:#ffffff9e;margin-bottom:4px;font-size:11px}.sum-total strong{color:#f3ddaa;letter-spacing:-.03em;font-size:32px}.footer-grid{grid-template-columns:1fr 1fr;margin-top:30px}.bank-grid{grid-template-columns:1fr 1fr;gap:12px 18px}.bank-grid span{color:var(--muted);margin-bottom:5px}.bank-grid strong{overflow-wrap:anywhere;font-size:14px;display:block}.signature-box{color:#111;border-top:1px solid #d8ccb0;width:220px;margin-top:34px;padding-top:42px;font-weight:600}.signature-box small{color:var(--muted);margin-top:6px;font-weight:500;display:block}.hidden-print{display:block}@media (width<=1180px){.workspace{grid-template-columns:1fr}.preview-column{position:static}}@media (width<=900px){.app-shell{padding:16px}.brand h1{font-size:30px}.form-grid,.invoice-header,.grid-2,.summary-wrap,.footer-grid,.bank-grid{grid-template-columns:1fr}.service-table-head>div:nth-child(2),.service-table-row>div:nth-child(2){display:none}}@media print{body{background:#fff}.hidden-print{display:none!important}.app-shell{background:#fff;padding:0}.workspace{display:block}.sheet{box-shadow:none;border-radius:0}}