.expense-layout{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:22px}.expense-card,.expense-item{background:#fff;border:1px solid #dce9e6;border-radius:20px;padding:22px}.expense-drop{display:grid;place-items:center;text-align:center;min-height:180px;border:2px dashed #9ac8c0;border-radius:16px;background:#f3fbf9;cursor:pointer;padding:24px}.expense-drop input{display:none}.expense-drop b{font-size:18px;color:#0b5952}.expense-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.expense-editor label{display:grid;gap:6px;font-weight:700}.expense-editor input,.expense-editor select{border:1px solid #cadbd8;border-radius:11px;padding:11px;font:inherit}.expense-editor .wide{grid-column:1/-1}.expense-actions{display:flex;gap:10px;align-items:center}.expense-status{color:#597572}.expense-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.expense-summary div{background:#eaf8f4;border-radius:14px;padding:14px}.expense-summary span{display:block;color:#617b78;font-size:13px}.expense-summary strong{font-size:20px;color:#0b5952}.expense-list{display:grid;gap:10px}.expense-item{padding:15px 17px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px}.expense-item h3,.expense-item p{margin:0}.expense-item p{margin-top:4px;color:#6a817f}.expense-delete{border:0;background:#f7e9e9;color:#a33;border-radius:9px;padding:7px 10px;cursor:pointer}.expense-empty{text-align:center;padding:34px;color:#6a817f;border:1px dashed #bad3ce;border-radius:16px}@media(max-width:850px){.expense-layout{grid-template-columns:1fr}.expense-editor{grid-template-columns:1fr}.expense-editor .wide{grid-column:auto}.expense-summary{grid-template-columns:1fr}.expense-item{grid-template-columns:1fr auto}}