#finance{max-width:1600px;margin:0 auto}#finance .hero{align-items:flex-start;gap:16px}#finance h1{line-height:1.35}#finance h2{font-family:'Unbounded',sans-serif;font-size:15px;line-height:1.5;margin:0 0 16px}.fin-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.fin-badges span{padding:8px 11px;border:1px solid var(--line);border-radius:20px;color:var(--blue);font-weight:600;font-size:12px;white-space:nowrap}.fin-toolbar,.fin-meta{display:flex;align-items:end;gap:12px;padding:18px;margin-bottom:16px;flex-wrap:wrap}.fin-toolbar .fin-field{flex:1;min-width:230px}.fin-meta .fin-field:first-child{flex:1;min-width:220px}.fin-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;color:var(--text);margin:0 0 12px}.fin-field small{font-size:11px;line-height:1.5;color:var(--muted);font-weight:400}.fin-field input,.fin-field select,.fin-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:11px 12px;font:inherit;outline:none;min-width:0}.fin-field textarea{resize:vertical}.fin-field input:focus,.fin-field select:focus,.fin-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 15%,transparent)}.fin-field input:disabled{opacity:.5}.fin-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fin-card{padding:22px;margin-bottom:16px;min-width:0}.fin-card h2>span{font-family:'DM Sans',sans-serif;font-size:12px;color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent);padding:5px 7px;border-radius:6px;margin-right:7px}.fin-card p{font-size:12px;line-height:1.6;color:var(--muted)}.fin-hint{padding:12px 14px;background:var(--panel2);border-radius:8px;color:var(--muted);font-size:12px;line-height:1.6;margin:10px 0}.fin-check{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:12px;line-height:1.5;margin:8px 0 14px}.fin-check input{accent-color:var(--blue);margin-top:3px;flex:0 0 auto}.fin-card-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.fin-card-head p{margin-top:-7px}.fin-card-head button{flex-shrink:0}.fin-expense{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(100px,.65fr) minmax(175px,1fr) minmax(160px,1fr) 28px;gap:12px;align-items:start;border-top:1px solid var(--line);padding-top:16px;margin-top:12px}.fin-expense-checks{padding-top:18px}.fin-expense-checks .fin-check{margin:0 0 8px}.fin-remove{border:0;background:transparent;color:var(--red);font-size:23px;cursor:pointer;margin-top:24px;padding:2px}.fin-card summary{font-weight:600;cursor:pointer;font-size:14px;line-height:1.5}.fin-details{margin-top:20px}.fin-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.fin-actions span{font-size:12px;color:var(--muted)}.fin-error{padding:14px 16px;background:color-mix(in srgb,var(--red) 9%,transparent);color:var(--red);border:1px solid var(--red);border-radius:9px;margin-bottom:16px}.fin-result-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:28px 0 16px}.fin-result-heading h2{margin:0!important}.fin-result-heading span{font-size:11px;color:var(--muted)}.fin-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.fin-result{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.fin-result>span{font-size:12px;color:var(--muted);display:block;min-height:30px}.fin-result>strong{display:block;font-size:clamp(19px,2vw,27px);margin:5px 0 14px;overflow-wrap:anywhere}.fin-result.positive{border-top:3px solid var(--green)}.fin-result.negative{border-top:3px solid var(--red)}.fin-result.positive strong{color:var(--green)}.fin-result.negative strong{color:var(--red)}.fin-result summary{font-size:11px;color:var(--blue);cursor:pointer}.fin-result p{font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.fin-table{overflow-x:auto}.fin-table table{width:100%;min-width:580px}.fin-table td{font-size:12px;line-height:1.5;padding:12px}.fin-table td:first-child{font-weight:600}.fin-table td:last-child{color:var(--muted)}.fin-table td.num{white-space:nowrap;color:var(--text);min-width:125px}.fin-warnings{border-left:3px solid var(--amber);padding:3px 16px;margin:18px 0 24px}.fin-warnings p{font-size:12px;line-height:1.6;color:var(--muted)}.fin-outdated{opacity:.5}.fin-method a{color:var(--blue)}.fin-toolbar .fin-field,.fin-meta .fin-field{margin:0}.fin-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:1100px){.fin-expense{grid-template-columns:1fr 1fr 28px}.fin-expense>.fin-field:nth-child(3){grid-column:1}.fin-expense-checks{padding-top:0}.fin-remove{grid-column:3;grid-row:1}.fin-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#finance .hero{display:block}.fin-badges{justify-content:flex-start;margin-top:14px}.fin-columns{grid-template-columns:1fr;gap:0}.fin-card{padding:16px}.fin-result-heading{align-items:flex-start;flex-direction:column}.fin-meta .fin-field{flex:1;min-width:130px}.fin-meta .fin-field:first-child{flex-basis:100%}.fin-toolbar{align-items:stretch}.fin-toolbar .fin-field{flex-basis:100%}.fin-card-head{flex-wrap:wrap}.fin-actions button{flex:1;min-width:140px}.fin-actions span{flex-basis:100%}.fin-result>strong{font-size:21px}.fin-expense{gap:8px}.fin-expense>.fin-field:nth-child(3),.fin-expense-checks{grid-column:1/3}.fin-result-grid{gap:9px}.fin-result{padding:13px}}
@media(max-width:400px){.fin-result-grid{grid-template-columns:1fr}}