dialog:has(.expense-panel){width:760px;max-width:calc(100% - 30px);background:#fffefa}
.expense-panel{min-width:0}.expense-intro{font-size:12px;line-height:1.9;color:#898171;margin:0 0 17px}.expense-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.expense-shortcuts button,.expense-type-tabs button{padding:8px 13px;border:1px solid #e4dccd;border-radius:3px;background:#f8f5ee;color:#8c7353;font-size:11px}.expense-shortcuts button:hover{background:#eee6d8}.expense-form .form-grid input,.expense-form .form-grid textarea{background:#fff;min-width:0}.expense-form textarea{resize:vertical}.expense-note{margin-top:18px;color:#9b8e77;font-size:11px;line-height:1.9}.expense-error{padding:11px 13px;margin:13px 0 0;background:#fff0e9;color:#994d38;border-radius:3px;font-size:12px;line-height:1.8}.expense-panel [hidden]{display:none}.expense-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.expense-detail-heading p{font-size:12px;color:#8b8271;line-height:1.7}.expense-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e5ddcd;border-radius:4px;background:#f8f5ed}.expense-summary>div{padding:18px 15px;min-width:0}.expense-summary>div+div{border-left:1px solid #e5ddcd}.expense-summary span{display:block;font-size:11px;color:#95856d}.expense-summary strong{display:block;font-size:22px;font-weight:400;margin-top:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.expense-summary>div:first-child strong{color:#806443}.expense-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 14px}.expense-type-tabs{display:flex;gap:4px}.expense-type-tabs button{border-color:transparent;background:#f2eee5;padding:8px 11px}.expense-type-tabs button[aria-pressed=true]{background:#887357;color:#fff}.expense-search{min-width:180px;flex:1;max-width:320px;font-size:11px;background:#fff;min-height:38px}.expense-filter-total{font-size:11px;color:#9b907c;margin-bottom:8px;line-height:1.8}.expense-record{border-bottom:1px solid #eae4d8;padding:16px 0}.expense-record-main{display:flex;justify-content:space-between;gap:18px}.expense-record-main>div:first-child{min-width:0}.expense-record strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.expense-record p{font-size:11px;color:#978b76;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.expense-record .expense-record-note{color:#7f776a;white-space:pre-wrap}.expense-record-amount{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:none}.expense-record-amount strong{font-size:14px;font-variant-numeric:tabular-nums}.expense-record-amount button{font-size:10px;color:#a07d5b;padding:4px}.expense-void-form{padding:14px;margin-top:14px;background:#f7f2e8;border:1px solid #e7dcc9;border-radius:3px}.expense-void-form>p{margin:0 0 12px}.expense-void-form label{display:grid;gap:8px;font-size:11px;color:#887961}.expense-void-form input{min-width:0;width:100%;font-size:12px;background:#fff}.expense-void-form>div{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.expense-empty{padding:28px 12px;text-align:center;color:#9c917e;font-size:12px;line-height:1.8}.expense-panel .list-pagination{padding-left:0;padding-right:0}.expense-panel button:disabled{cursor:default;opacity:.55}
@media(max-width:700px){dialog:has(.expense-panel){max-width:calc(100% - 20px)}.expense-summary>div{padding:14px 10px}.expense-summary strong{font-size:18px}.expense-summary span{font-size:10px}.expense-detail-heading{align-items:flex-start}.expense-detail-heading .button{white-space:nowrap;font-size:11px}.expense-search{width:100%;max-width:none;flex-basis:100%;font-size:16px}.expense-form input,.expense-form textarea,.expense-void-form input{font-size:16px;min-height:43px}.expense-record-main{gap:12px}.expense-record-amount strong{font-size:13px}.expense-note{font-size:10px}.expense-shortcuts button{min-height:37px}}