@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Manrope", "Aptos", "Segoe UI", sans-serif;--font-display:"Fraunces", Georgia, serif;--color-ink:#112635;--color-muted:#5e6b72;--color-muted-strong:#7a5c3f;--color-accent-dark:#275766;--color-bg:#efe6da;--color-bg-deep:#e4d4c0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--color-ink);background:radial-gradient(circle at top left, #12344514, transparent 34%), radial-gradient(circle at right 15%, #b683481f, transparent 28%), linear-gradient(180deg, #f5ede1 0%, var(--color-bg) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #fffbf685, #fffbf624), radial-gradient(circle at bottom left, #27576614, transparent 30%), linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-deep) 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.6;background-image:linear-gradient(#644a3009 1px,#0000 1px);background-size:100% 28px;position:fixed;inset:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}::selection{background:#2757662e}.app-shell{position:relative;overflow:hidden}.ambient{z-index:0;filter:blur(12px);opacity:.8;pointer-events:none;border-radius:999px;position:fixed;inset:auto}.ambient-left{background:radial-gradient(circle,#226f843d 0%,#226f8400 70%);width:26rem;height:26rem;top:-8rem;left:-10rem}.ambient-right{background:radial-gradient(circle,#b683482e 0%,#b6834800 72%);width:24rem;height:24rem;bottom:5rem;right:-8rem}.app-frame{z-index:1;width:min(1380px,100% - 32px);margin:0 auto;padding:32px 0 48px;position:relative}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffbf5d6;border:1px solid #866f532e;animation:.52s both rise-in;box-shadow:0 24px 80px #18242e14}.paper-panel{background:linear-gradient(#fffef9f2 0%,#fbf6edeb 100%),repeating-linear-gradient(0deg,#9f896d0a 0 1px,#0000 1px 26px)}.hero-banner{border-radius:32px;margin-bottom:20px;padding:24px 28px}.hero-top-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.hero-top-row>div{min-width:0}.hero-top-row .ghost-button{justify-self:end}.hero-copy h1{max-width:none;font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(2.3rem,4vw,3.8rem);line-height:.98}.hero-copy p,.section-heading p,.preview-sheet p,.mini-preview p,.month-card p,.empty-state p{color:var(--color-muted);margin:0;line-height:1.6}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.hero-stats article,.metric-card,.month-card,.mini-preview{background:#ffffffb8;border:1px solid #866f5329;border-radius:24px;padding:18px 18px 20px}.hero-stats span,.metric-card span,.preview-label,.preview-meta,.month-card span{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-strong);margin-bottom:8px;font-size:.74rem;display:inline-block}.hero-stats strong,.metric-card strong,.month-card strong,.mini-preview strong{color:var(--color-ink);line-height:1.1;display:block}.hero-stats strong{font-size:clamp(1.4rem,2vw,2.1rem)}.hero-stats small,.metric-card small,.mini-preview p{color:var(--color-muted);margin-top:8px;display:block}.profile-top-panel{border-radius:30px;margin-bottom:16px;padding:22px 24px}.profile-top-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.profile-top-header h2{font-size:1.6rem;line-height:1.02;font-family:var(--font-display);letter-spacing:-.04em;margin:8px 0 0}.profile-top-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.collapse-toggle{background:#1234451f}.profile-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.profile-summary-card{background:#ffffffb8;border:1px solid #866f5324;border-radius:20px;padding:14px 16px}.profile-summary-card span{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-strong);margin-bottom:8px;font-size:.72rem;display:inline-block}.profile-summary-card strong{color:var(--color-ink);font-size:1rem;line-height:1.25;display:block}.profile-summary-card small{color:var(--color-muted);margin-top:8px;line-height:1.45;display:block}.profile-settings-stack{margin-top:18px}.eyebrow{color:var(--color-accent-dark);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.72rem;display:inline-flex}.eyebrow:before{content:"";opacity:.45;background:currentColor;width:42px;height:1px}.view-switcher{border-radius:24px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.view-pill{color:var(--color-muted-strong);text-align:left;background:0 0;border:none;border-radius:999px;gap:4px;padding:12px 18px;font-weight:700;transition:transform .18s,background .18s,color .18s;display:grid}.view-pill span{font-size:.98rem}.view-pill small{letter-spacing:.1em;text-transform:uppercase;opacity:.75;font-size:.72rem}.view-pill:hover,.view-pill:focus-visible{color:var(--color-ink);background:#11263512}.view-pill.active{color:#f7efe1;background:linear-gradient(135deg,#123445 0%,#275766 100%);box-shadow:0 10px 26px #1234453d}.message-banner{border-radius:18px;margin-bottom:16px;padding:14px 18px;font-weight:700;animation:.3s both rise-in}.message-banner.ok{color:#2d6032;background:#3d70411f;border:1px solid #3d704138}.message-banner.error{color:#8b332f;background:#91352d1a;border:1px solid #91352d2e}.context-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.context-card{border-radius:24px;padding:16px 18px}.context-card span,.draft-ribbon-card span,.history-kpi span,.utility-grid span{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-strong);margin-bottom:8px;font-size:.72rem;display:inline-block}.context-card strong,.draft-ribbon-card strong,.history-kpi strong,.utility-grid strong{color:var(--color-ink);font-size:1.2rem;display:block}.context-card small,.draft-ribbon-card small,.history-kpi small,.utility-grid small,.settings-group-heading p,.mini-section-heading p,.workflow-step p,.formula-copy p,.summary-banner p{color:var(--color-muted);margin-top:8px;line-height:1.55;display:block}.workspace-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:20px;display:grid}.main-column,.side-column,.editor-stack,.settings-stack{gap:20px;display:grid}.paper-panel,.live-preview-panel{border-radius:30px;padding:24px}.section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:end;gap:18px;margin-bottom:22px;display:grid}.section-heading h2{font-size:1.65rem;line-height:1.05;font-family:var(--font-display);letter-spacing:-.04em;margin:8px 0 0}.compact-heading{align-items:center}.editor-form,.side-panel{gap:20px;display:grid}.draft-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.draft-ribbon-card{background:#ffffffb3;border:1px solid #866f5329;border-radius:22px;padding:16px 18px}.accent-ribbon-card{background:linear-gradient(135deg,#123445f0 0%,#275766fa 100%)}.accent-ribbon-card span,.accent-ribbon-card strong,.accent-ribbon-card small{color:#f8f0e4}.form-section,.formula-panel,.settings-group{background:#ffffff70;border:1px solid #866f5324;border-radius:24px;padding:18px}.emphasis-section{background:linear-gradient(#fffcf6db 0%,#f5ece0bd 100%)}.mini-section-heading,.settings-group-heading,.summary-banner,.utility-heading{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);align-items:end;gap:16px;margin-bottom:16px;display:grid}.mini-section-heading h3,.settings-group-heading h3,.summary-banner h3{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);margin:8px 0 0;font-size:1.2rem}.compact-subheading{align-items:center}.field-grid{gap:14px;display:grid}.field-grid-primary,.field-grid-secondary,.tertiary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:8px;display:grid}.field span{text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted-strong);font-size:.76rem}.field input,.field textarea,.field select{width:100%;color:var(--color-ink);background:#ffffffbd;border:1px solid #79664a2e;border-radius:18px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#1234456b;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #12344514}.field-wide{grid-column:1/-1}.money-input{color:var(--color-ink);font-size:1.45rem;font-weight:800}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card strong{font-size:clamp(1.3rem,2vw,2rem)}.accent-card{color:#f9f2e4;background:linear-gradient(135deg,#123445f0 0%,#275766fa 100%)}.accent-card span,.accent-card strong,.accent-card small{color:inherit}.action-row{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.ghost-button,.link-button,.status-chip{border:none;border-radius:999px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,color .18s}.primary-button,.ghost-button{padding:14px 20px}.primary-button{color:#f7efe1;background:linear-gradient(135deg,#123445 0%,#275766 100%);box-shadow:0 16px 30px #1234453d}.ghost-button{color:var(--color-ink);background:#1234450f}.primary-button:hover,.ghost-button:hover,.link-button:hover,.status-chip:hover,.primary-button:focus-visible,.ghost-button:focus-visible,.link-button:focus-visible,.status-chip:focus-visible{transform:translateY(-1px)}.insight-panel{border-radius:28px;padding:24px}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.paper-swatch{background:linear-gradient(#ffffffe6 0%,#f6eee2eb 100%),linear-gradient(135deg,#cebb9f26 0%,#0000 65%)}.preview-total{color:var(--color-ink);margin-top:16px;font-size:1.5rem;font-weight:900}.formula-steps,.history-kpis,.utility-grid,.workflow-strip{gap:12px;display:grid}.formula-step{background:#ffffffc2;border:1px solid #866f531f;border-radius:20px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.formula-index{width:42px;height:42px;color:var(--color-accent-dark);letter-spacing:.08em;background:#12344514;border-radius:14px;place-items:center;font-weight:800;display:grid}.formula-copy strong{color:var(--color-ink);display:block}.formula-copy p{margin-top:4px}.formula-value{color:var(--color-ink);white-space:nowrap;padding-left:12px;font-weight:800}.workflow-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.workflow-step{background:#ffffff8f;border:1px solid #866f531f;border-radius:22px;padding:14px 16px}.workflow-step strong{width:32px;height:32px;color:var(--color-accent-dark);background:#12344514;border-radius:999px;place-items:center;display:inline-grid}.workflow-step p{margin-top:10px}.toolbar-row{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px;display:flex}.backup-panel{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin-bottom:18px;display:grid}.backup-panel h3{font-size:1.25rem;line-height:1.08;font-family:var(--font-display);letter-spacing:-.03em;margin:8px 0 0}.backup-panel p{margin:8px 0 0}.backup-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.backup-import-button{cursor:pointer;position:relative;overflow:hidden}.backup-import-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.inline-field{min-width:160px}.search-field{flex:260px}.history-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.history-kpi,.summary-banner,.utility-panel{background:#ffffff85;border:1px solid #866f5324;border-radius:24px;padding:16px 18px}.accent-history-kpi{background:linear-gradient(135deg,#123445f0 0%,#275766fa 100%)}.accent-history-kpi span,.accent-history-kpi strong,.accent-history-kpi small{color:#f8f0e4}.table-wrap{overflow-x:auto}.receipt-table{border-collapse:collapse;width:100%}.receipt-table th,.receipt-table td{text-align:left;border-bottom:1px solid #866f5329;padding:14px 12px}.receipt-table th{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-strong);font-size:.75rem}.receipt-table tbody tr:hover{background:#12344509}.status-chip{color:#805f36;background:#a382571f;padding:10px 14px}.status-chip.paid{color:#2d6032;background:#3d70411f}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.link-button{color:var(--color-ink);background:#1234450f;padding:10px 12px}.link-button.danger{color:#8b332f;background:#91352d14}.empty-state{text-align:center;background:#ffffff8f;border-radius:22px;place-items:center;gap:6px;min-height:220px;padding:22px;display:grid}.slim-empty-state{min-height:120px}.summary-metrics{margin-bottom:18px}.summary-banner{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);margin-bottom:18px}.month-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.month-card{min-height:150px}.quick-summary-panel{border-radius:30px;padding:24px}.quick-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.quick-summary-card{background:#ffffff9e;border:1px solid #866f531f;border-radius:18px;padding:14px}.quick-summary-card span{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-strong);margin-bottom:8px;font-size:.72rem;display:inline-block}.quick-summary-card strong{color:var(--color-ink);font-size:1.1rem;line-height:1.3;display:block}.quick-summary-card p,.quick-summary-card small{color:var(--color-muted);margin-top:8px;line-height:1.5;display:block}.quick-summary-totals-card{background:linear-gradient(160deg,#112635f5 0%,#204753fa 100%)}.quick-summary-totals-card span,.quick-summary-totals-card strong,.quick-summary-totals-card p,.quick-summary-totals-card small{color:#f6efe2}.quick-summary-ledger{gap:10px;margin-top:10px;display:grid}.quick-summary-ledger div{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto;align-items:baseline;gap:10px;padding-bottom:10px;display:grid}.quick-summary-ledger div:last-child{border-bottom:none;padding-bottom:0}.quick-summary-ledger small{margin-top:0}.stacked-actions{justify-content:flex-start}.utility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-grid article{background:#ffffff9e;border:1px solid #866f531f;border-radius:18px;padding:14px}.live-preview-panel{color:#f6efe2;background:linear-gradient(160deg,#112635f5 0%,#204753fa 100%);border-radius:30px}.live-preview-panel .eyebrow,.live-preview-panel h2,.live-preview-panel p,.live-preview-panel .preview-meta,.live-preview-panel .preview-label{color:inherit}.live-preview-panel .eyebrow{opacity:.88}.preview-sheet{color:var(--color-ink);background:linear-gradient(#fffaf2fa 0%,#f2ebdef0 100%);border-radius:28px;min-height:320px;padding:22px;box-shadow:inset 0 0 0 1px #866f531f}.preview-sheet-header,.preview-sheet-body,.preview-ledger,.total-line{display:grid}.preview-sheet-header{border-bottom:1px solid #866f532e;grid-template-columns:1fr auto;gap:12px;padding-bottom:16px}.preview-sheet-header strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:1.8rem}.preview-sheet-body{grid-template-columns:1fr 1fr;gap:16px;padding:18px 0}.preview-ledger{gap:12px}.preview-ledger>div{border-top:1px solid #866f5329;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.preview-ledger strong{font-size:1.05rem}.total-line{margin-top:6px}.preview-meta{margin-bottom:8px;display:block}.settings-group{padding:18px}.settings-group-heading p{margin-top:6px}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.workspace-grid,.section-heading,.profile-top-header{grid-template-columns:1fr}.hero-stats,.profile-summary-row,.metric-grid,.context-strip,.draft-ribbon,.history-kpis,.utility-grid,.month-strip,.preview-grid,.workflow-strip,.quick-summary-grid,.field-grid-primary,.field-grid-secondary,.tertiary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-section-heading,.settings-group-heading,.summary-banner,.utility-heading{grid-template-columns:1fr}}@media (width<=760px){.app-frame{width:min(100% - 20px,100%);padding-top:20px}.hero-banner,.profile-top-panel,.paper-panel,.live-preview-panel,.quick-summary-panel,.view-switcher{border-radius:24px;padding:18px}.profile-top-actions{justify-content:stretch}.profile-top-actions .ghost-button{width:100%}.backup-panel{grid-template-columns:1fr}.backup-actions{justify-content:stretch}.backup-actions .ghost-button,.backup-actions .backup-import-button{width:100%}.hero-copy h1{font-size:2rem}.hero-top-row{grid-template-columns:1fr}.hero-top-row .ghost-button{justify-self:stretch;width:100%}.hero-stats,.profile-summary-row,.metric-grid,.context-strip,.draft-ribbon,.history-kpis,.utility-grid,.month-strip,.preview-grid,.workflow-strip,.quick-summary-grid,.field-grid-primary,.field-grid-secondary,.tertiary-grid,.preview-sheet-body,.formula-step{grid-template-columns:1fr}.formula-index{width:36px;height:36px}.formula-value{padding-left:0}.receipt-table,.receipt-table thead,.receipt-table tbody,.receipt-table tr,.receipt-table th,.receipt-table td{display:block}.receipt-table thead{display:none}.receipt-table tr{border-bottom:1px solid #866f5329;padding:14px 0}.receipt-table td{border-bottom:none;padding:8px 0}.receipt-table td:before{content:attr(data-label);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted-strong);margin-bottom:6px;font-size:.72rem;display:block}.table-actions,.action-row,.toolbar-row{flex-direction:column;align-items:stretch}}
