[hidden]{display:none!important}.spending{margin-bottom:var(--space-10);border-block:1px solid var(--border-subtle)}.spending>summary h2{display:inline}.spending>summary{font-size:var(--type-h3);font-weight:var(--weight-emphasis);padding-block:var(--space-5)}.spending-layout{gap:var(--space-10);padding-block:var(--space-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}#spending-form,#spending-result{min-width:0}#spending-fields{border:0;margin:0;padding:0}.form-fields{gap:var(--space-4);display:grid}.form-fields>div{min-width:0}.purchase-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-help{font-size:var(--type-body-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.purchase{padding:var(--space-5) 0;margin:var(--space-6) 0;border:0;border-top:1px solid var(--border-subtle)}.purchase legend{padding-right:var(--space-3);font:var(--weight-heading) var(--type-body) var(--font-heading)}.purchase-technical{margin-bottom:var(--space-4)}#spending-error{color:var(--kkb-red);font-weight:var(--weight-title)}.spending-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.spending-check{gap:var(--space-3);min-height:var(--control-height);font:var(--weight-medium) var(--type-body-sm) / var(--line-detail) var(--font-heading);margin-top:var(--space-4);align-items:start;display:flex}.spending-check input{width:var(--space-5);height:var(--space-5);accent-color:var(--kkb-red);flex-shrink:0}#spending-result .cashback-amount{font:var(--weight-emphasis) var(--type-h2) / var(--line-heading) var(--font-heading);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#spending-result{border-top:1px solid var(--border-subtle);padding-top:var(--space-5);align-self:start}#spending-result p,.estimate-lines{font-size:var(--type-body-sm)}.estimate-lines{padding-left:var(--space-5)}.estimate-lines li{padding-block:var(--space-3)}.estimate-lines strong{font-family:var(--font-heading)}#spending-result .bank-details{margin-top:var(--space-5)}@media (max-width:800px){.spending-layout{gap:var(--space-6);grid-template-columns:1fr}}@media (max-width:480px){.purchase-fields{grid-template-columns:1fr}}#calendar-period,#cycle-period{margin-top:var(--space-5)}