/* Service covers and unfolding account stacks. */
.expense-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin:10px 0 32px}.expense-metrics article{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}.expense-metrics article>span{font-size:13px;color:var(--muted)}.expense-metrics strong{font-size:32px;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums}.expense-metrics strong em{font-size:13px;font-style:normal;letter-spacing:0;color:var(--muted)}.expense-metrics small{font-size:12px;color:var(--muted)}.expense-metrics .expense-total{background:linear-gradient(120deg,color-mix(in srgb,var(--orange) 11%,var(--surface)),var(--surface))}.expense-section-title{font-size:18px;font-weight:600;display:flex;gap:10px;align-items:center}.expense-section-title>span{font-size:12px;color:var(--muted)}
.service-stacks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;align-items:start;margin:0 0 36px}.service-stack{position:relative;isolation:isolate;min-width:0;padding:10px 10px 0;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:0 10px 24px #00000009}.service-stack.is-stacked:before,.service-stack.is-stacked:after{content:'';position:absolute;z-index:-1;inset:12px 8px -5px;border:1px solid var(--border);border-radius:26px;background:var(--surface)}.service-stack.is-stacked:before{inset:16px 16px -9px;opacity:.65}.service-cover{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:196px;padding:22px;border-radius:20px;color:#25312f;background:linear-gradient(135deg,#e2ede7,#c5d9cf);box-shadow:0 5px 10px #0000000a,inset 0 1px 0 #ffffff80}.service-tone-peach{background:linear-gradient(125deg,#fae5da,#ecc3b3);color:#50362c}.service-tone-sky{background:linear-gradient(125deg,#e0edf7,#bfd5ec);color:#273f58}.service-tone-lavender{background:linear-gradient(125deg,#eee5f7,#d6c8e8);color:#493956}.service-tone-ink{background:linear-gradient(125deg,#444750,#272a31);color:#f0f1f3}.service-cover-top,.service-cover-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px}.service-cover-top .service-icon{width:44px;height:44px;border-radius:13px;box-shadow:0 3px 10px #0000000b}.service-count{font-size:11px;opacity:.8;text-align:right}.service-cover-bottom{align-items:flex-end}.service-cover h3{font-size:22px;letter-spacing:-.5px;font-weight:650;margin:0 0 7px;overflow-wrap:anywhere}.service-cover-bottom span{font-size:11px;opacity:.75}.service-cover-bottom strong{font-size:28px;letter-spacing:-.8px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.service-watermark{position:absolute;right:-24px;top:24px;transform:rotate(-17deg);opacity:.07;pointer-events:none;z-index:0}.service-watermark .service-icon{width:156px;height:156px}.service-watermark img{width:100%;height:100%}.service-disclosure{width:100%;display:flex;justify-content:space-between;align-items:center;padding:19px 13px;background:transparent;color:var(--text);border:0;border-radius:14px;font-size:13px;cursor:pointer}.service-disclosure svg{transform:rotate(90deg);transition:transform .3s ease}.is-open .service-disclosure svg{transform:rotate(-90deg)}.service-disclosure:hover{color:var(--orange)}.service-disclosure:focus-visible,.expense-event:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.service-fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease;visibility:hidden}.is-open .service-fold{grid-template-rows:1fr;visibility:visible}.service-fold-inner{overflow:hidden;min-height:0}.service-accounts{border-top:1px solid var(--border);margin:0 12px}.service-account-row{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--border)}.service-account-row>div:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}.service-account-row b{font-size:13px;font-weight:600;overflow-wrap:anywhere}.service-account-row small,.service-account-row span{font-size:11px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.service-account-actions{flex-shrink:0;text-align:right}.service-account-actions>strong{font-size:15px;font-weight:600}.service-account-actions>div{display:flex;justify-content:flex-end;margin-top:9px}.service-fold-footer{display:flex;justify-content:space-between;gap:10px;padding:15px 12px 18px}.service-fold-footer button{font-size:12px}
.expense-history-panel{margin-top:24px}.expense-event{display:flex;align-items:center;gap:18px;width:100%;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--border);padding:17px 0;text-align:left;cursor:pointer;border-radius:0}.expense-event:last-child{border-bottom:0}.expense-event:hover .expense-event-title b{color:var(--orange)}.expense-event-date{font-size:12px;color:var(--muted);min-width:58px}.expense-event-title{min-width:0;display:flex;flex:1;flex-direction:column;gap:6px}.expense-event-title b{font-size:13px;font-weight:600;overflow-wrap:anywhere}.expense-event-title small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.expense-event-end{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0}.expense-event-end strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.expense-status{font-size:10px;color:var(--muted)}.expense-status.accounted{color:#56836d}.expense-status.planned{color:#9c7a40}.is-voided .expense-event-end strong{text-decoration:line-through;opacity:.55}.expense-empty{text-align:center;padding:48px 24px}.expense-empty>span{color:var(--muted)}.expense-empty h3{margin-top:16px}.expense-empty p{color:var(--muted);font-size:13px;margin:10px 0 20px}.expense-archive{margin:28px 0;font-size:13px;color:var(--muted)}.expense-archive summary{cursor:pointer;padding:12px 0}.expense-archive>div{display:flex;gap:20px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}.expense-archive>div>span{flex:1;overflow-wrap:anywhere}.expense-form-preview{padding:14px 16px;background:var(--surface2);border-radius:12px;font-size:13px;line-height:1.5;margin:16px 0}.expense-form-preview:empty{display:none}#expense-form [hidden]{display:none!important}.expense-history-dialog{max-height:60vh;overflow:auto}.after-services{display:flex;align-items:center;gap:14px;padding:17px 22px;margin:0 0 22px;background:var(--surface);border:1px solid var(--border);border-radius:16px;font-size:13px}.after-services strong{font-size:20px;font-weight:600;letter-spacing:-.4px}.after-services small{margin-left:auto;color:var(--muted);font-size:11px}.expense-day-marker{display:inline-flex}.expense-day-marker.accounted .billing-marker{color:#619783;background:color-mix(in srgb,#619783 17%,var(--surface))}.expense-day-marker.planned .billing-marker{color:#bc9555}.upcoming-panel .expense-event{gap:10px}.upcoming-panel .expense-event-date{min-width:42px;font-size:11px}.upcoming-panel .expense-event-end strong{font-size:13px}
[data-theme=dark] .service-cover{filter:saturate(.78);box-shadow:0 8px 20px #00000025,inset 0 1px 0 #ffffff30}[data-theme=dark] .service-tone-mint{background:linear-gradient(125deg,#344c43,#23392f);color:#d6e8dc}[data-theme=dark] .service-tone-peach{background:linear-gradient(125deg,#67483c,#45312b);color:#f4e3da}[data-theme=dark] .service-tone-sky{background:linear-gradient(125deg,#354c63,#253447);color:#dfecf7}[data-theme=dark] .service-tone-lavender{background:linear-gradient(125deg,#51435f,#372f43);color:#eee3f7}[data-theme=dark] .service-tone-ink{background:linear-gradient(125deg,#454750,#2b2d36)}[data-theme=dark] .expense-status.accounted{color:#98bba6}[data-theme=dark] .expense-status.planned{color:#c6ab77}
@media(min-width:1700px){.service-stacks{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.service-stacks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.service-stacks{grid-template-columns:1fr;gap:26px}.expense-metrics{grid-template-columns:1fr 1fr;gap:10px}.expense-metrics .expense-total{grid-column:1/-1}.expense-metrics article{padding:18px}.expense-metrics strong{font-size:27px}.expense-metrics strong em{display:block;font-size:11px;letter-spacing:0;margin-top:4px}.expense-toolbar{flex-wrap:wrap;gap:14px}.expense-event{gap:10px}.expense-event-date{min-width:48px;font-size:11px}.expense-event-title b{font-size:12px}.expense-event-end strong{font-size:14px}.after-services{flex-wrap:wrap;padding:16px}.after-services small{margin-left:0;width:100%}.expense-history-panel .panel-heading{align-items:flex-start;gap:10px;flex-direction:column}.expense-archive>div{flex-wrap:wrap;gap:10px}.expense-archive>div>span{flex-basis:100%}.service-cover{min-height:185px}}
@media(prefers-reduced-motion:reduce){.service-fold,.service-disclosure svg{transition:none}}