.expense-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.065)}.expense-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(126,86,255,.12);color:#9f7cff;font-weight:900}.expense-row>div{display:grid;gap:4px}.expense-row small{color:#8992ab}.expense-create form{display:grid;gap:11px}.expense-create label{display:grid;gap:6px;color:#9da6be;font-size:12px;font-weight:700}.expense-create input,.expense-create select,.expense-create textarea{box-sizing:border-box;width:100%;border:1px solid rgba(255,255,255,.1);background:#131725;color:#fff;border-radius:11px;padding:10px}.expense-create textarea{min-height:70px;resize:vertical}
.expense-layout{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(390px,1.7fr) minmax(290px,.8fr);gap:14px;align-items:stretch}.expense-layout>.stat,.expense-layout>.card{grid-column:auto;min-width:0}.expense-journal{overflow:auto}.expense-create{min-width:0}
@media(max-width:1180px){.expense-layout{grid-template-columns:minmax(180px,.55fr) minmax(360px,1.45fr)}.expense-create{grid-column:1/-1!important}.expense-create form{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-create form>button,.expense-create .storage-note{grid-column:1/-1}}@media(max-width:760px){.expense-layout{grid-template-columns:1fr}.expense-create{grid-column:auto!important}.expense-create form{grid-template-columns:1fr}.expense-create form>button{grid-column:auto}}