@import"https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=PT+Serif:wght@700&display=swap";:root{color-scheme:light;--font-body: "PT Sans", "Segoe UI", sans-serif;--font-display: "PT Serif", Georgia, serif;--ink-900: #1d231b;--ink-700: #3f4b3a;--sand-100: #f6f3ee;--sand-200: #efe6da;--leaf-500: #2d6a4f;--leaf-400: #3f8f6a;--sun-400: #f6c453;--rose-400: #d77f63;--shadow-soft: 0 20px 50px rgba(35, 47, 32, .15);--shadow-card: 0 12px 30px rgba(29, 35, 27, .12);--radius-lg: 24px;--radius-md: 16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(246,196,83,.25),transparent 40%),radial-gradient(circle at 20% 80%,rgba(63,143,106,.2),transparent 50%),linear-gradient(135deg,#f6f3ee,#f2e6d9 55%,#f0ebe2);color:var(--ink-900);font-family:var(--font-body)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 10%,rgba(215,127,99,.15),transparent 45%);pointer-events:none}#app{position:relative;padding:32px clamp(20px,4vw,56px) 48px}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0;color:var(--ink-900)}p{margin:0;color:var(--ink-700)}a{color:inherit}button,input,select{font-family:inherit}.app-shell{display:grid;gap:28px}.hero{display:grid;gap:14px;padding:28px 32px;border-radius:var(--radius-lg);background:linear-gradient(120deg,#3f8f6a29,#f6c45333);box-shadow:var(--shadow-soft);animation:float-in .6s ease-out}.hero-title{font-size:clamp(28px,3.2vw,40px)}.hero-meta{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:15px}.meta-chip{padding:6px 12px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(63,143,106,.2);font-weight:600}.layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:28px}.app-shell.compact .hero,.app-shell.compact .panel{display:none}.app-shell.compact .layout{grid-template-columns:1fr}.panel{background:#ffffffe0;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:18px;animation:float-in .6s ease-out}.panel h2{font-size:20px}.section,.field-grid{display:grid;gap:12px}.field{display:grid;gap:6px;font-size:14px;color:var(--ink-700)}.field--checkbox{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:10px}.field input,.field select{padding:10px 12px;border-radius:12px;border:1px solid rgba(63,143,106,.25);background:#fff;font-size:15px}.field input:focus,.field select:focus{outline:2px solid rgba(63,143,106,.4);border-color:#3f8f6a66}.inline-note{font-size:12px;color:#3f4b3acc}.summary{display:grid;gap:12px;padding:16px;border-radius:var(--radius-md);background:#f6c4531f;border:1px solid rgba(246,196,83,.4)}.summary-row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.summary-row strong{font-size:16px}.payments{display:grid;gap:14px}.payment-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.payment-card{padding:12px;border-radius:14px;border:1px solid rgba(63,143,106,.2);background:#ffffffe6;display:grid;gap:10px}.payment-row{display:grid;gap:8px}.payment-impact{border-top:1px dashed rgba(63,143,106,.25);padding-top:10px;display:grid;gap:6px;font-size:13px}.impact-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#3f4b3abf}.impact-row{display:flex;justify-content:space-between;gap:12px}.impact-row strong{font-size:14px}.payment-row header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px}.payment-actions{display:flex;gap:10px}.button{border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button.primary{background:var(--leaf-500);color:#fff;box-shadow:0 10px 20px #2d6a4f40}.button.ghost{background:transparent;border:1px solid rgba(63,143,106,.4);color:var(--leaf-500)}.button.danger{background:transparent;border:1px solid rgba(215,127,99,.6);color:#a1412a}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1d231b26}.button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.fab{position:fixed;right:24px;bottom:24px;z-index:30;box-shadow:0 14px 30px #1d231b33}.table-panel{background:#ffffffeb;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);overflow:hidden;animation:float-in .6s ease-out}.tab-bar{display:flex;flex-wrap:wrap;gap:10px;padding:6px;border-radius:999px;border:1px solid rgba(63,143,106,.2);background:#3f8f6a14;margin-bottom:18px}.tab-button{flex:1 1 180px;border:none;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--ink-700);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.tab-button.active{background:var(--leaf-500);color:#fff;box-shadow:0 12px 24px #2d6a4f40}.tab-body{display:grid;gap:18px}.chart-card{padding:18px;border-radius:18px;background:#ffffffeb;border:1px solid rgba(63,143,106,.18);display:grid;gap:12px}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;font-weight:600;color:var(--ink-700)}.chart-key{display:inline-flex;align-items:center;gap:8px}.chart-swatch{width:18px;height:4px;border-radius:999px;display:inline-block}.chart-swatch.current{background:var(--leaf-500)}.chart-swatch.baseline{background:var(--rose-400)}.chart-svg{width:100%;height:auto}.chart-grid{stroke:#3f8f6a26;stroke-dasharray:4 6}.chart-vertical{stroke:#d77f6333}.chart-line{fill:none;stroke-width:3}.chart-line.current{stroke:var(--leaf-500)}.chart-line.baseline{stroke:var(--rose-400)}.chart-x-label{font-size:10px;fill:#3f4b3abf}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#1d231b66;z-index:20}.modal-card{width:min(420px,90vw);background:#fffffff2;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft);display:grid;gap:16px}.modal-header{display:grid;gap:6px}.modal-header h3{font-family:var(--font-display);font-size:20px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(63,143,106,.18)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(63,143,106,.12)}tbody td:nth-child(2){text-align:right}th{background:#3f8f6a14;font-size:13px;text-transform:uppercase;letter-spacing:.04em}tr:hover{background:#f6c4531f}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;background:#f6c45333;color:#7a5b10}.footer-note{font-size:12px;color:#3f4b3ab3}.warning-note{color:#a1412a;font-weight:600}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.layout{grid-template-columns:1fr}}@media (max-width: 640px){#app{padding:20px}.hero{padding:22px}.hero-meta{flex-direction:column;align-items:flex-start}}