:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0c0f14;--surface: #151921;--surface2: #1c2230;--border: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .18);--text: #e8eaed;--text-dim: rgba(255, 255, 255, .5);--green: #22c55e;--green-dim: rgba(34, 197, 94, .12);--red: #ef4444;--red-dim: rgba(239, 68, 68, .12);--blue: #3b82f6;--blue-dim: rgba(59, 130, 246, .12);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .12)}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.app-header h1{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--green),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabs{display:flex;gap:.25rem}.tab{background:none;border:1px solid transparent;color:var(--text-dim);padding:.4rem 1rem;border-radius:.5rem;font-size:.85rem;cursor:pointer;transition:all .15s;font-family:inherit}.tab:hover{color:var(--text);background:var(--surface2)}.tab.active{color:var(--text);background:var(--surface2);border-color:var(--border-focus)}.app-main{flex:1;padding:2rem;max-width:1100px;width:100%;margin:0 auto}.balance-sheet h2{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1.5rem}.summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.summary-card{padding:1.25rem 1.5rem;border-radius:.75rem;border:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.summary-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:500}.summary-value{font-size:1.75rem;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.card-green{background:var(--green-dim);border-color:#22c55e33}.card-green .summary-value{color:var(--green)}.card-red{background:var(--red-dim);border-color:#ef444433}.card-red .summary-value{color:var(--red)}.card-blue{background:var(--blue-dim);border-color:#3b82f633}.card-blue .summary-value{color:var(--blue)}.card-amber{background:var(--amber-dim);border-color:#f59e0b33}.card-amber .summary-value{color:var(--amber)}.section{margin-bottom:2rem}.section h3{font-size:.95rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.breakdown-list{display:flex;flex-direction:column;gap:.6rem}.breakdown-row{display:grid;grid-template-columns:120px 1fr 120px;align-items:center;gap:1rem}.breakdown-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500}.cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.breakdown-bar-track{height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.breakdown-amount{text-align:right;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;display:flex;gap:.5rem;justify-content:flex-end}.breakdown-pct{color:var(--text-dim);font-weight:400;min-width:40px;text-align:right}.tx-table{width:100%;border-collapse:collapse;font-size:.85rem}.tx-table thead th{text-align:left;padding:.6rem .75rem;color:var(--text-dim);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.tx-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.tx-table tbody tr:hover{background:var(--surface2)}.tx-table td{padding:.6rem .75rem}.tx-table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.tx-table .desc{color:var(--text-dim)}.tx-badge{display:inline-block;font-size:.7rem;padding:.15rem .5rem;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.clr-green{color:var(--green)}.clr-red{color:var(--red)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-dim);font-size:.95rem;border:1px dashed var(--border);border-radius:.75rem}.form-card{max-width:520px}.form-card h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-grid label{display:flex;flex-direction:column;gap:.35rem}.form-grid label span{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.form-grid input,.form-grid select{background:var(--surface2);border:1px solid var(--border);border-radius:.5rem;padding:.6rem .75rem;color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .15s;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:var(--border-focus)}.form-grid input::placeholder{color:var(--text-dim)}.form-grid select option{background:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s}.btn:hover{opacity:.85}.btn:active{transform:scale(.98)}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#000}@media(max-width:768px){.app-header{flex-direction:column;gap:.75rem;padding:1rem}.app-main{padding:1rem}.summary-row{grid-template-columns:1fr}.summary-value{font-size:1.35rem}.breakdown-row{grid-template-columns:100px 1fr 100px}.form-grid{grid-template-columns:1fr}.tx-table{font-size:.8rem}}
