.expense-heading{align-items:center}
.expense-content{max-width:1020px;display:grid;gap:18px}
.expense-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid #d9e9ee;border-radius:19px;background:linear-gradient(120deg,#eff8fb,#f9fbf8);box-shadow:0 8px 24px #55809b0a}
.expense-summary>div:first-child{display:grid;gap:2px;white-space:nowrap}
.expense-summary>div:first-child strong{font-size:16px;color:#31566b}
.expense-summary small{font-size:11px;color:#718693}
.expense-total-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.expense-total-list>span{display:grid;gap:1px;min-width:125px;padding:9px 12px;border:1px solid #dbe9ee;border-radius:12px;background:#fff}
.expense-total-list strong{font-size:15px;color:#315f76;font-variant-numeric:tabular-nums}
.expense-list{padding:19px 21px;border:1px solid #e0e9ed;border-radius:19px;background:#fff}
.expense-list h2{margin:0 0 9px;font-size:17px;color:#365d72}
.expense-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 2px;border-bottom:1px solid #e9eff0}
.expense-item:last-child{border-bottom:0}
.expense-item-main{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;min-width:0}
.expense-item-main>strong{min-width:0;overflow-wrap:anywhere;color:#324c5c;font-size:15px}
.expense-item-main>small{grid-column:2;color:#71858d;font-size:12px;overflow-wrap:anywhere}
.expense-category{display:inline-flex;align-items:center;justify-content:center;grid-row:1/3;min-width:39px;padding:5px 7px;border-radius:10px;background:#edf6f4;color:#4d7b73;font-size:11px;font-weight:700}
.expense-item-side{display:grid;gap:4px;justify-items:end;flex:none}
.expense-item-side>strong{color:#335e73;font-size:15px;font-variant-numeric:tabular-nums}
.expense-item-side>div{display:flex;gap:8px}
.expense-item-side button{min-height:30px;padding:2px 4px;color:#4e819b;font-size:12px;font-weight:650}
.expense-item-side button:last-child{color:#a2666b}
.expense-empty{display:grid;justify-items:center;gap:8px;padding:48px 22px;border:1px dashed #ccdee5;border-radius:18px;background:#f8fbfc;text-align:center}
.expense-empty>.icon{width:31px;height:31px;color:#79a5b8}
.expense-empty h2{margin:4px 0 0;color:#365f73;font-size:19px}
.expense-empty p{max-width:420px;color:#6c818d;font-size:13px}
.expense-empty .btn{margin-top:8px}
.expense-undo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #d7e9e1;border-radius:12px;background:#f1faf5;color:#48705c;font-size:12px}
.expense-undo .btn{min-height:36px;padding:5px 12px;font-size:12px}
.expense-footnote{max-width:700px;color:#758994;font-size:12px;line-height:1.6}
.expense-memberbar,.expense-settlement{border:1px solid #dbeaf3;border-radius:20px;background:#fff;padding:19px 21px;box-shadow:0 8px 25px #466c8710}
.expense-memberbar,.expense-section-heading,.expense-list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.expense-memberbar strong,.expense-section-heading h2{color:#315b76}
.expense-memberbar p,.expense-section-heading p,.expense-list-heading p{font-size:12px;color:#708697;margin-top:3px}
.expense-memberbar .btn{font-size:12px;min-height:38px}
.expense-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.expense-kpi{display:grid;align-content:start;gap:4px;min-width:0;min-height:119px;padding:17px 16px;border:1px solid #dcebf2;border-radius:17px;background:linear-gradient(155deg,#f9fcfd,#f0f8fc)}
.expense-kpi:nth-child(2){background:linear-gradient(155deg,#fffdf9,#f9f5ee);border-color:#eee9dc}
.expense-kpi:nth-child(3){background:linear-gradient(155deg,#f9fcfb,#eef7f3);border-color:#dcece5}
.expense-kpi:nth-child(4){background:linear-gradient(155deg,#fbfafc,#f1f4fa);border-color:#e2e8f2}
.expense-kpi>span{font-size:12px;color:#5b7484;font-weight:700}.expense-kpi>strong{color:#2d5875;font-size:19px;letter-spacing:-.4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.expense-kpi>small{font-size:11px;color:#80919d}
.expense-original-totals{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#738995;font-size:12px}.expense-original-totals strong{padding:4px 9px;border-radius:9px;background:#ecf5f8;color:#426b7f;font-size:11px}
.expense-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.expense-toolbar label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#5d7888}.expense-toolbar select,.expense-filters select{min-height:38px;padding:7px 29px 7px 10px;border:1px solid #dce8ef;border-radius:10px;background:#fff;color:#3b5f73;font-size:12px}.expense-rate-button{min-height:36px;padding:6px 10px;color:#4a7f9c;font-size:12px;font-weight:700}.expense-rate-note,.expense-rate-warning{margin-top:-12px;font-size:11px;line-height:1.6;color:#80919d}.expense-rate-warning{color:#a15d58}
.expense-list-heading h2{margin:0}.expense-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0 7px}.expense-filters select{min-width:0;width:100%}.expense-no-results{padding:20px 3px;color:#82939e;font-size:13px}
.expense-item{flex-wrap:wrap}.expense-item-main{flex:1}.expense-item-main>small{line-height:1.5}.expense-detail{width:100%;padding-left:49px;font-size:12px;color:#667e8b}.expense-detail summary{width:max-content;cursor:pointer;color:#4e87a4;font-weight:700}.expense-detail ul{list-style:none;max-width:330px;margin:9px 0;padding:0}.expense-detail li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #edf1f3}.expense-detail p{margin:7px 0}.expense-detail>small{display:block;margin:8px 0;color:#94a3ac}
.expense-settlement h3{font-size:14px;margin:18px 0 6px;color:#4c6d82}.expense-member-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:14px}.expense-member-totals>div{display:grid;gap:3px;padding:11px;border-radius:12px;background:#f5f9fb;font-size:11px;color:#718796}.expense-member-totals strong{font-size:13px;color:#345d76}.expense-member-totals b{color:#427c98}.expense-transfer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #e8eff2;font-size:13px;color:#456b7e}.expense-transfer strong{color:#315b78;font-variant-numeric:tabular-nums}.expense-transfer button{padding:5px 9px;border:1px solid #cbdfe8;border-radius:9px;background:#f1f8fb;color:#417b98;font-size:11px;font-weight:700}.expense-transfer.settled{opacity:.75}.expense-transfer small{display:block;color:#8195a1}.expense-all-clear{margin-top:13px;padding:12px;border-radius:12px;background:#edf8f3;color:#397a67;font-weight:700;font-size:13px}
.expense-quick-form{display:grid;gap:13px}.expense-kind{display:flex;gap:7px}.expense-kind label{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dbe9ef;border-radius:11px;color:#49697b;font-size:13px}.expense-kind input{accent-color:#438fb5}.expense-participants{border:1px solid #dcebf2;border-radius:14px;padding:13px}.expense-participants legend{font-size:13px;font-weight:700;color:#42677d}.expense-participants>p{font-size:11px;color:#8296a1;margin:0 0 9px}.expense-people{display:grid;gap:6px}.expense-person{display:grid;grid-template-columns:auto minmax(80px,1fr) 95px 80px;align-items:center;gap:8px;min-height:42px;padding:5px 9px;border-radius:9px;background:#f5f9fb;font-size:12px;color:#4c6879}.expense-person input[type=checkbox]{accent-color:#438fb5}.expense-person input:not([type=checkbox]){min-width:0;width:100%;padding:6px;border:1px solid #dbe8ed;border-radius:7px;font-size:12px}.expense-method-label{margin-top:11px}.expense-split-hint{margin-top:8px!important}.expense-is-personal .expense-participants{display:none}.expense-share-input,.expense-ratio-input{display:none}.expense-quick-form[data-split-method=amount] .expense-share-input,#expense-form[data-split-method=amount] .expense-share-input{display:block}#expense-form[data-split-method=ratio] .expense-ratio-input{display:block}.expense-advanced{margin:15px 0;padding:12px;border:1px solid #e3edf0;border-radius:12px}.expense-advanced summary{cursor:pointer;color:#4e7d96;font-size:13px;font-weight:700}.expense-advanced>.form-row,.expense-advanced>.form-field{margin-top:13px}
.expense-manage-people>p{font-size:13px;color:#718793;margin-bottom:13px}.expense-manage-person{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid #e8eff2;color:#456b7c;font-size:13px}.expense-manage-person>div{display:flex;gap:8px}.expense-manage-person button{color:#4d849f;font-size:12px}.expense-manage-person button:last-child:not(:first-child){color:#a36f71}.expense-manage-people form{margin-top:19px;display:grid;gap:8px}.expense-manage-people form .btn{justify-self:start}
.expense-person{grid-template-columns:minmax(0,1fr) minmax(80px,95px) 80px}.expense-person-choice{display:flex;align-items:center;gap:8px;cursor:pointer}
@media(max-width:720px){.expense-heading{display:flex;align-items:flex-start}.expense-heading .btn{flex:none;padding:8px 10px;font-size:12px}.expense-heading .btn .icon{width:16px;height:16px}.expense-summary{display:grid;padding:17px}.expense-total-list{justify-content:flex-start}.expense-total-list>span{min-width:116px}.expense-list{padding:16px}.expense-item{align-items:flex-start}.expense-item-side>strong{font-size:13px}.expense-undo{align-items:flex-start}}
@media(max-width:720px){.expense-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-kpi{min-height:108px}.expense-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-transfer{grid-template-columns:minmax(0,1fr) auto}.expense-transfer button{grid-column:1/-1;justify-self:start}}
@media(max-width:370px){.expense-heading{flex-wrap:wrap}.expense-item{flex-wrap:wrap}.expense-item-side{width:100%;display:flex;align-items:center;justify-content:space-between}}