.expense-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.expense-card{display:block;text-align:left;padding:24px;cursor:pointer;color:var(--ink)}.expense-card:hover{border-color:#8aa779}.expense-card h2{margin:17px 0 8px}.expense-card p{font-size:12px;color:var(--muted);line-height:1.8}.expense-card strong{display:block;font-size:24px;margin:18px 0}.expense-card strong small{font-size:11px;font-weight:400;color:var(--muted)}.financial-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.financial-summary span{display:block;color:var(--muted);font-size:12px}.financial-summary strong{display:block;font-size:27px;color:var(--ink);margin-top:14px}.report-section{background:#edf3e8;font-weight:600}.report-total{background:#24594c;color:white;font-weight:700}.cost-trends{display:grid;gap:16px;margin:16px 0 25px}.cost-trends>div{display:grid;grid-template-columns:70px minmax(20px,1fr) 90px;gap:12px;align-items:center;font-size:12px}.cost-trends i{display:block;min-height:18px;background:#9fb88d;border-radius:4px}.cost-trends b{text-align:right}.planned-connection{padding-left:20px;line-height:1.9;font-size:14px}.planned-connection li{margin:12px 0}#expense-form .field{margin:18px 0}@media(max-width:700px){.expense-folder-grid{grid-template-columns:1fr}.expense-card{padding:20px}.expense-card p,.expense-card .textbutton{font-size:14px}.financial-summary{grid-template-columns:1fr;gap:12px}.financial-summary strong{font-size:28px}.financial-summary span{font-size:14px}.cost-trends>div{grid-template-columns:65px minmax(15px,1fr) 85px;font-size:12px}}

.expense-pie{margin:24px 0;min-width:0;break-inside:avoid;white-space:normal}.expense-pie h2{font-size:20px;margin:0 0 6px}.expense-pie-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:24px;align-items:center}.expense-pie svg{display:block;width:100%;max-width:240px;height:auto;margin:auto}.expense-pie-legend{list-style:none;padding:0;margin:0;min-width:0}.expense-pie-legend li{margin:0;border-bottom:1px solid #d6dfd6}.expense-pie-legend button{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;white-space:normal}.expense-pie-legend button[aria-pressed=true]{font-weight:700}.expense-pie-legend i{width:12px;height:12px;border-radius:3px}.expense-pie-legend small{display:block;font-size:12px}.expense-pie-selection{min-height:30px;margin:12px 0 0;font-size:14px;overflow-wrap:anywhere}.expense-pie path{cursor:pointer}.expense-pie path.is-selected{stroke:#183f35;stroke-width:3}.expense-pie-amount{font-variant-numeric:tabular-nums;text-align:right}.expense-pie-caption{font-size:13px;margin:0 0 14px;color:#53675c}@media screen and (max-width:700px){.expense-pie-layout{grid-template-columns:minmax(0,1fr);gap:12px}.expense-pie svg{max-width:220px}.expense-pie{margin:22px 0}.expense-pie-legend button{font-size:14px}.expense-pie-amount{max-width:130px;overflow-wrap:anywhere}}@media print{.expense-pie-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.expense-pie svg{max-width:180px}.expense-pie-legend button{min-height:0;padding:4px 0;font-size:10pt}.expense-pie-caption,.expense-pie-selection{font-size:9pt}}