*{box-sizing:border-box}:root{--kb-color-bg:hsl(215 55% 97%);--kb-color-bg-alt:hsl(215 60% 95%/0.6);--kb-color-surface:hsl(0 0% 100%/0.72);--kb-color-surface-solid:#ffffff;--kb-color-surface-alt:hsl(216 55% 96%/0.85);--kb-color-border:hsl(215 32% 82%/0.65);--kb-color-border-strong:hsl(215 28% 65%/0.9);--kb-color-text:hsl(218 28% 18%);--kb-color-text-soft:hsl(219,14%,54%);--kb-color-text-mid:hsl(217,19%,37%);--kb-color-accent:hsl(221,79%,64%);--kb-color-accent-alt:hsl(221 83% 60%);--kb-color-accent-hover:hsl(221 83% 52%);--kb-color-accent-glow:hsl(217 100% 67%);--kb-color-danger:#dc2626;--kb-color-warning:#d97706;--kb-color-success:#059669;--kb-color-focus:hsl(217 92% 55%);--kb-gradient-accent:linear-gradient(135deg,hsl(221,79%,64%),hsl(217,82%,62%) 40%,hsl(217,75%,67%));--kb-gradient-soft:radial-gradient(circle at 20% 20%,hsla(217,100%,93%,0.9),transparent 55%),radial-gradient(circle at 80% 75%,hsla(215,86%,84%,0.378),transparent 60%);--kb-glass-bg:hsl(0 0% 100%/0.55);--kb-glass-bg-alt:hsl(215 55% 92%/0.35);--kb-glass-border-color:hsl(215 55% 82%/0.45);--kb-glass-border:1px solid var(--kb-glass-border-color);--kb-glass-shadow:0 4px 18px -4px hsl(215 70% 30%/0.15),0 2px 8px -2px hsl(215 60% 25%/0.12);--kb-glass-backdrop:blur(14px) saturate(140%);--kb-space-0:0;--kb-space-1:0.25rem;--kb-space-2:0.5rem;--kb-space-3:0.75rem;--kb-space-4:1rem;--kb-space-5:1.25rem;--kb-space-6:1.5rem;--kb-space-8:2rem;--kb-radius-xs:2px;--kb-radius-sm:4px;--kb-radius-md:8px;--kb-radius-lg:14px;--kb-font-sans:"Roboto",ui-sans-serif,system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--kb-font-size-xs:0.65rem;--kb-font-size-sm:0.75rem;--kb-font-size-base:0.9rem;--kb-font-size-lg:1.05rem;--kb-font-weight-normal:400;--kb-font-weight-medium:500;--kb-font-weight-semibold:600;--kb-shadow-xs:0 1px 1px rgba(0,0,0,0.04);--kb-shadow-sm:0 1px 2px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.02);--kb-shadow-md:0 2px 6px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);--kb-input-bg:#ffffff;--kb-input-border:var(--kb-color-border);--kb-input-border-focus:var(--kb-color-focus);--kb-input-radius:var(--kb-radius-sm);--kb-input-padding-y:0.55rem;--kb-input-padding-x:0.65rem;--kb-input-font-size:var(--kb-font-size-base);--kb-transition-fast:120ms ease;--kb-transition:180ms cubic-bezier(.4,.1,.2,1);--kb-max-content-width:1100px;--kb-header-height:54px;--kb-bottom-nav-height:60px;--kb-z-header:40;--kb-z-fab:60;--kb-z-toast:80;--kb-brand-hue:212;--kb-brand-sat:88%;--kb-brand-light:46%;--kb-brand:hsl(var(--kb-brand-hue) var(--kb-brand-sat) var(--kb-brand-light));--kb-brand-rgb:37 99 235;--kb-brand-gradient:linear-gradient(165deg,#688bf4,#2563eb3d 60%,#688bf4);--kb-brand-soft:hsl(var(--kb-brand-hue) 100% 95%);--kb-surface-glass:rgba(255,255,255,0.75);--kb-backdrop-blur:10px}body{margin:0;font-family:var(--kb-font-sans);background-attachment:fixed;color:var(--kb-color-text);font-size:var(--kb-font-size-base);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}.ac-field,body{position:relative}.ac-field{width:100%}.ac-input,.ac-input-wrapper{position:relative}.ac-input{width:100%;background:var(--kb-glass-bg);border:var(--kb-glass-border);border-radius:var(--kb-radius-md);padding:.75rem 1rem;font-size:16px;line-height:1.4;font-family:inherit;font-weight:var(--kb-font-weight-medium);color:var(--kb-color-text);backdrop-filter:var(--kb-glass-backdrop);-webkit-backdrop-filter:var(--kb-glass-backdrop);box-shadow:var(--kb-glass-shadow);transition:all var(--kb-transition)}.ac-input::placeholder{color:var(--kb-color-text-soft);font-weight:var(--kb-font-weight-normal)}.ac-input:focus-visible{outline:none;border-color:var(--kb-color-focus);background:var(--kb-color-surface-solid);box-shadow:0 0 0 3px color-mix(in srgb,var(--kb-color-focus) 25%,transparent),0 8px 25px -8px hsl(217 92% 55%/.25),var(--kb-glass-shadow);transform:translateY(-1px)}.ac-input:hover:not(:focus){border-color:var(--kb-color-border-strong);background:color-mix(in srgb,var(--kb-glass-bg) 80%,var(--kb-color-surface-solid) 20%)}.ac-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--kb-glass-bg);border:var(--kb-glass-border);border-radius:var(--kb-radius-lg);backdrop-filter:var(--kb-glass-backdrop);-webkit-backdrop-filter:var(--kb-glass-backdrop);box-shadow:0 20px 25px -5px hsl(215 70% 30%/.15),0 10px 10px -5px hsl(215 60% 25%/.08),var(--kb-glass-shadow);max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0;z-index:50;scrollbar-width:thin;scrollbar-color:var(--kb-color-border-strong) transparent;animation:ac-dropdown-enter var(--kb-transition) ease-out;transform-origin:top;max-width:80%}@keyframes ac-dropdown-enter{0%{opacity:0;transform:translateY(-8px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.ac-dropdown::-webkit-scrollbar{width:6px}.ac-dropdown::-webkit-scrollbar-track{background:transparent}.ac-dropdown::-webkit-scrollbar-thumb{background:var(--kb-color-border-strong);border-radius:3px}.ac-dropdown::-webkit-scrollbar-thumb:hover{background:var(--kb-color-text-soft)}.ac-item{list-style:none;padding:12px 16px;cursor:pointer;font-size:15px;font-weight:var(--kb-font-weight-medium);line-height:1.3;display:flex;align-items:center;margin:0 8px;border-radius:var(--kb-radius-sm);transition:all var(--kb-transition-fast);position:relative;color:var(--kb-color-text);border:1px solid transparent}.ac-item:hover{background:color-mix(in srgb,var(--kb-color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--kb-color-accent) 25%,transparent);transform:translateX(2px)}.ac-item.active{background:var(--kb-gradient-accent);color:white;border-color:var(--kb-color-accent-hover);box-shadow:0 4px 12px -2px hsl(221 79% 64%/.4);transform:translateX(2px)}.ac-item.active mark.ac-hl{background:rgba(255,255,255,.25);color:white}.ac-item.active mark.ac-hl,mark.ac-hl{font-weight:var(--kb-font-weight-semibold)}mark.ac-hl{background:linear-gradient(120deg,hsl(45 100% 85%/.8),hsl(45 100% 75%/.6));color:var(--kb-color-text);padding:2px 4px;border-radius:3px;margin:0 1px}.ac-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--kb-color-accent-glow);border-radius:0 2px 2px 0;transition:height var(--kb-transition-fast)}.ac-item.active:before{height:60%}@media (max-width:620px){.ac-input{padding:.85rem 1rem;font-size:16px}.ac-item{padding:16px 18px;font-size:16px;margin:0 6px}.ac-dropdown{max-height:70dvh;border-radius:var(--kb-radius-md)}}.recurring-table-wrapper{width:100%}.recurring-table-row{cursor:pointer;transition:background var(--kb-transition-fast);box-shadow:inset 6px 0 0 0 transparent}.recurring-table-row:hover{background:hsl(215 55% 95%/.55)}.recurring-table-row td{vertical-align:middle}.recurring-table-row[data-active=true]{box-shadow:inset 6px 0 0 0 color-mix(in srgb,var(--kb-color-success) 70%,transparent)}.recurring-table-row[data-active=false]{box-shadow:inset 6px 0 0 0 color-mix(in srgb,var(--kb-color-danger) 75%,transparent)}.recurring-table-reminder{width:60px}.recurring-table-reminder .recurring-reminder-button{margin:0 auto}.recurring-reminder-table-row td{padding:0;border-bottom:1px solid var(--kb-color-border)}.recurring-reminder-table-row .recurring-reminder-panel{border-radius:0}.recurring-reminder-table-row:last-child td{border-bottom:none}.recurring-card-header-status{display:flex;align-items:center;gap:var(--kb-space-2);flex-wrap:wrap;justify-content:flex-end}.recurring-card-header-status .qef-error{margin:0}.recurring-register-trigger{background:var(--kb-gradient-accent);color:#fff;border:none;padding:.45rem .85rem;border-radius:var(--kb-radius-sm);font-size:var(--kb-font-size-sm);font-weight:var(--kb-font-weight-medium);cursor:pointer;box-shadow:var(--kb-shadow-sm);transition:transform var(--kb-transition-fast),filter var(--kb-transition-fast)}.recurring-register-trigger:hover{filter:brightness(1.05)}.recurring-register-trigger:disabled{opacity:.65;cursor:not-allowed}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}body:before{background:var(--kb-gradient-soft)}@keyframes kb-blobs-move{0%{transform:translateZ(0) scale(1)}33%{transform:translate3d(2%,-1%,0) scale(1.05)}66%{transform:translate3d(-2%,1%,0) scale(.98)}to{transform:translate3d(1%,-2%,0) scale(1.02)}}#app-container{max-width:var(--kb-max-content-width);margin:0 auto;padding:0 0 var(--kb-space-8) 0}.data-table th{text-align:left;background:hsl(215 60% 96%/.75);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);font-weight:var(--kb-font-weight-medium);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase;color:var(--kb-color-text-soft)}.data-table tbody tr:hover{background:hsl(215 55% 95%/.6)}@media (max-width:640px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table td,.data-table tr{display:block;width:100%}.data-table tr{border:var(--kb-glass-border);margin:0 0 var(--kb-space-3);background:var(--kb-glass-bg);backdrop-filter:var(--kb-glass-backdrop);-webkit-backdrop-filter:var(--kb-glass-backdrop);border-radius:var(--kb-radius-md);box-shadow:var(--kb-glass-shadow);padding:var(--kb-space-3) var(--kb-space-3) var(--kb-space-2)}.data-table td{border:0;padding:.35rem 0;font-size:.8rem;display:flex;justify-content:space-between;gap:var(--kb-space-2)}.data-table td:before{content:attr(data-label);font-weight:600;color:var(--kb-color-text-soft);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.data-table td.text-right{justify-content:space-between}}@media (max-width:600px){table.table{border-collapse:separate;border-spacing:0}table.table thead{display:none}table.table tr{display:grid;grid-template-columns:repeat(2,1fr);background:var(--kb-glass-bg);backdrop-filter:var(--kb-glass-backdrop);-webkit-backdrop-filter:var(--kb-glass-backdrop);border:var(--kb-glass-border);border-radius:var(--kb-radius-md);margin-bottom:var(--kb-space-3);padding:var(--kb-space-2) var(--kb-space-3);box-shadow:var(--kb-glass-shadow)}table.table td{border:0!important;padding:.35rem .4rem;font-size:.78rem;position:relative}table.table td:first-child{grid-column:1;font-weight:600}table.table td:nth-child(2){grid-column:1/span 2}table.table td:nth-child(4){text-align:right;font-weight:600}table.table td:nth-child(5){justify-self:end}}button{cursor:pointer}form.inline{display:inline}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table td,.table th{border:1px solid var(--kb-color-border);padding:.4rem .5rem;font-size:.8rem}.table th{background:var(--kb-color-surface-alt);text-align:left}.resp-exp-table{width:100%}.resp-exp-table__desktop table{width:100%;border-collapse:collapse;font-size:var(--kb-font-size-sm)}.resp-exp-table__desktop thead th{background:hsl(215 60% 96%/.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase;font-weight:600;color:var(--kb-color-text-soft);padding:.45rem .55rem}.resp-exp-table__desktop td{padding:.5rem .55rem;border-bottom:1px solid var(--kb-color-border)}.resp-exp-table__desktop tbody tr:hover{background:hsl(215 55% 95%/.55)}.resp-exp-table__mobile{display:none;list-style:none;margin:0;padding:0}.resp-exp-item{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.58));backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:0;margin:0 0 var(--kb-space-3);box-shadow:0 4px 14px -6px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.35);transition:box-shadow .25s,transform .25s,background .35s;display:flex;flex-direction:column}.resp-exp-item:hover{box-shadow:0 6px 20px -6px rgba(0,40,120,.3),inset 0 0 0 1px rgba(255,255,255,.45);transform:translateY(-2px)}.resp-exp-item__header{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:6px 14px;padding:14px 16px 10px;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.25));border-bottom:1px solid rgba(0,0,0,.04);font-size:.92rem}.recurring-card{cursor:pointer;border-left:6px solid transparent}.recurring-card:focus-visible{outline:2px solid color-mix(in srgb,var(--kb-color-focus) 40%,transparent);outline-offset:2px}.recurring-card[data-active=true]{border-left-color:color-mix(in srgb,var(--kb-color-success) 70%,transparent);border-radius:0 25px 25px 0}.recurring-card[data-active=false]{border-left-color:color-mix(in srgb,var(--kb-color-danger) 75%,transparent)}.recurring-card-content{padding:var(--kb-space-2) 16px var(--kb-space-3)}.recurring-card-content,.recurring-pill-grid{display:grid;grid-gap:var(--kb-space-2);gap:var(--kb-space-2)}.recurring-pill-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.recurring-note-row{gap:var(--kb-space-2)}.recurring-actions,.recurring-note-row{display:flex;flex-wrap:wrap;align-items:center}.recurring-actions{gap:var(--kb-space-3);justify-content:flex-start;border-top:1px dashed rgba(0,0,0,.08);padding-top:var(--kb-space-2)}.recurring-actions button{font-size:var(--kb-font-size-sm)}.recurring-list .resp-exp-item{overflow:hidden}.recurring-reminder-button{border:none;background:transparent;color:var(--kb-color-text-soft);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:1rem;line-height:1;padding:0;transition:transform var(--kb-transition-fast),color var(--kb-transition-fast),background var(--kb-transition-fast)}.recurring-reminder-button svg{width:16px;height:16px}.recurring-reminder-button:focus-visible,.recurring-reminder-button:hover{color:var(--kb-color-accent);background:color-mix(in srgb,var(--kb-color-accent) 18%,transparent);transform:translateY(-1px)}.recurring-reminder-button[aria-expanded=true]{color:var(--kb-color-accent);background:color-mix(in srgb,var(--kb-color-accent) 22%,transparent)}.recurring-reminder-button:focus-visible{outline:2px solid color-mix(in srgb,var(--kb-color-accent) 55%,transparent);outline-offset:2px}.recurring-reminder-panel{margin-top:var(--kb-space-2);padding:var(--kb-space-2) var(--kb-space-3);border-radius:var(--kb-radius-md);background:color-mix(in srgb,var(--kb-color-warning) 12%,#fff);border:1px solid color-mix(in srgb,var(--kb-color-warning) 45%,#fff);box-shadow:0 4px 10px -4px rgba(0,0,0,.15);display:grid;grid-gap:var(--kb-space-1);gap:var(--kb-space-1)}.recurring-reminder-row{display:flex;align-items:center;gap:var(--kb-space-2);font-size:var(--kb-font-size-sm)}.recurring-reminder-label{font-weight:var(--kb-font-weight-medium);color:var(--kb-color-text-soft)}.recurring-reminder-note{margin:0;font-size:var(--kb-font-size-sm);color:var(--kb-color-text-mid);line-height:1.4}@media (max-width:520px){.recurring-pill-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.recurring-actions{align-items:stretch}}.resp-exp-item__primary{font-weight:600;font-size:.8rem;color:var(--kb-color-text)}.resp-exp-item__amount{font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--kb-color-text);font-size:.7rem;padding:4px 10px;border-radius:4px;box-shadow:0 4px 7px -5px rgba(0,0,0,.2);text-align:right}.resp-exp-item__date{justify-self:end;font-size:.6rem;letter-spacing:.5px;text-transform:uppercase;color:var(--kb-color-text-soft);opacity:.7}@keyframes resp-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.resp-exp-meta{display:flex;justify-content:space-evenly;gap:1em 2em;align-items:center;padding:14px 16px 10px;flex-wrap:wrap}.resp-exp-table[data-collapsible-meta=true] .resp-exp-item .resp-note,.resp-exp-table[data-collapsible-meta=true] .resp-exp-meta{display:none}.resp-exp-table[data-collapsible-meta=true] .resp-exp-item[data-expanded=true] .resp-exp-meta{display:flex;animation:resp-expand .16s ease-out}.resp-exp-table[data-collapsible-meta=true] .resp-exp-item[data-expanded=true] .resp-note{display:block}.resp-pill{font-weight:600;font-size:.8rem;display:flex;align-items:center}.resp-pill__label{color:var(--kb-color-text-soft);font-size:.7rem;margin-right:var(--kb-space-1);font-weight:400}.resp-pill[data-type=category]{color:var(--kb-color-text-mid)}.resp-pill[data-type=payer]{color:var(--kb-color-text-soft);padding:0 10px}.resp-note{flex-basis:100%;font-size:.7rem;line-height:1.3;color:var(--kb-color-text-soft);position:relative}.resp-exp-table.compact .resp-exp-item__primary{font-weight:500}.resp-exp-month-banner{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--kb-color-text-soft)}.resp-exp-table__desktop .resp-exp-month-banner th{padding:.45rem .75rem;background:var(--kb-color-bg-alt);border-top:1px solid var(--kb-color-border);border-bottom:1px solid var(--kb-color-border);border-left:none;border-right:none;text-align:left}.resp-exp-table__mobile .resp-exp-month-banner{list-style:none;background:var(--kb-color-bg-alt);border:1px solid var(--kb-color-border);color:var(--kb-color-text-mid);padding:.4rem .9rem;border-radius:999px;align-self:flex-start;margin:.75rem 0 .35rem}@media (max-width:720px){.resp-exp-table__desktop{display:none}.resp-exp-table__mobile{display:flex;flex-direction:column}}@media (min-width:721px){.resp-exp-table__desktop{display:block}.resp-exp-table__mobile{display:none}}.summary-cards{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.summary-card{padding:.75rem .9rem;min-width:160px;box-shadow:0 1px 1px rgba(0,0,0,.05)}.filter-panel,.summary-card{background:white;border:1px solid #ddd;border-radius:4px}.filter-panel{padding:.75rem;margin:1rem 0}.quick-form{background:var(--kb-color-surface);padding:var(--kb-space-4) var(--kb-space-4) var(--kb-space-3);border:1px solid var(--kb-color-border);border-radius:var(--kb-radius-md);box-shadow:var(--kb-shadow-sm);display:grid;grid-gap:var(--kb-space-3);gap:var(--kb-space-3);margin-top:var(--kb-space-4)}.recurring-section{border:1px dashed color-mix(in srgb,var(--kb-color-accent) 35%,#fff);border-radius:var(--kb-radius-md);padding:var(--kb-space-3);background:color-mix(in srgb,var(--kb-color-accent) 6%,#fff);display:grid;grid-gap:var(--kb-space-2);gap:var(--kb-space-2)}.recurring-toggle{font-weight:var(--kb-font-weight-medium);display:inline-flex;align-items:center;gap:var(--kb-space-2);color:var(--kb-color-text-mid)}.recurring-fields{display:grid;grid-gap:var(--kb-space-3);gap:var(--kb-space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.recurring-fields .qef-control{margin-bottom:0}.qef-fieldset{flex-direction:column}.qef-fieldset,.qef-row-inline{display:flex;gap:var(--kb-space-2)}.qef-row-inline>*{flex:1 1}.qef-label{font-size:var(--kb-font-size-sm);font-weight:var(--kb-font-weight-medium);color:var(--kb-color-text-soft);align-items:center}.qef-control,.qef-label{display:flex;gap:var(--kb-space-1)}.qef-control{position:relative;min-width:100px;flex-direction:column;margin-bottom:var(--kb-space-2)}.qef-control input,.qef-control select,.qef-control textarea{background:var(--kb-input-bg);border:1px solid var(--kb-input-border);border-radius:var(--kb-input-radius);padding:var(--kb-input-padding-y) var(--kb-input-padding-x);font-size:var(--kb-input-font-size);line-height:1.2;transition:border-color var(--kb-transition-fast),box-shadow var(--kb-transition-fast),background var(--kb-transition-fast);width:100%;font-family:var(--kb-font-sans)}.qef-control input:focus,.qef-control select:focus,.qef-control textarea:focus{outline:none;border-color:var(--kb-input-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--kb-color-focus) 30%,transparent)}.qef-actions{display:flex;justify-content:flex-end;padding-top:var(--kb-space-2)}.qef-submit{background:var(--kb-gradient-accent);color:#fff;font-weight:var(--kb-font-weight-medium);border:none;padding:.7rem 1.1rem;border-radius:var(--kb-radius-sm);font-size:var(--kb-font-size-base);display:inline-flex;align-items:center;gap:var(--kb-space-2);line-height:1;cursor:pointer;box-shadow:var(--kb-shadow-xs);transition:filter var(--kb-transition-fast),transform var(--kb-transition-fast),box-shadow var(--kb-transition-fast)}.qef-submit:hover:not(:disabled){filter:brightness(1.05)}.qef-submit:active:not(:disabled){transform:translateY(1px)}.qef-submit:disabled{opacity:.55;cursor:not-allowed}.qef-submit[data-variant=muted]{background:var(--kb-color-text-soft);color:#fff}.qef-submit[data-variant=muted]:hover:not(:disabled){filter:brightness(1.05)}.qef-submit[data-variant=danger]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.qef-submit[data-variant=danger]:hover:not(:disabled){filter:brightness(1.05)}.qef-submit[data-variant=danger]:active:not(:disabled){transform:translateY(1px)}.qef-error{background:color-mix(in srgb,var(--kb-color-danger) 6%,#fff);border:1px solid color-mix(in srgb,var(--kb-color-danger) 55%,#fff);color:var(--kb-color-danger);padding:var(--kb-space-2) var(--kb-space-3);border-radius:var(--kb-radius-sm);font-size:var(--kb-font-size-sm);display:flex;gap:var(--kb-space-2);align-items:flex-start}.stack-xs{gap:var(--kb-space-1)}.stack-sm,.stack-xs{display:flex;flex-direction:column}.stack-sm{gap:var(--kb-space-2)}.stack-md{gap:var(--kb-space-3)}.stack-lg,.stack-md{display:flex;flex-direction:column}.stack-lg{gap:var(--kb-space-4)}@media (min-width:600px){.qef-grid-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--kb-space-3);gap:var(--kb-space-3)}.qef-wide{grid-column:span 2}}#offline-indicator{font-size:.75rem;padding:.4rem .6rem;margin:.25rem 0 .5rem;border-radius:3px;display:none}#offline-indicator[data-mode=offline]{display:block;background:#ffe6cc;border:1px solid #ffb347;color:#8a4b00;position:-webkit-sticky;position:sticky;top:0;z-index:90;padding:.5rem .75rem;font-weight:var(--kb-font-weight-medium);border-radius:0 0 4px 4px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pending-offline-box{margin-top:1rem;background:var(--kb-color-surface-alt);border:1px dashed var(--kb-color-border);padding:.75rem .9rem;border-radius:var(--kb-radius-sm);box-shadow:var(--kb-shadow-xs)}.pending-offline-box ul{margin:.5rem 0;padding-left:1.1rem;max-height:140px;overflow-y:auto;font-size:var(--kb-font-size-xs)}.pending-offline-box li{line-height:1.3}.pending-offline-box small{display:block;color:var(--kb-color-text-soft);margin-top:.25rem}#offline-indicator[data-mode=test]{display:block;background:#e0ecff;border:1px solid #84a9ff;color:#113d82}.inline-note{font-size:.7rem;color:#555}input[type=number]{width:100%}.sep{border-top:1px solid #ddd;margin:1.5rem 0}footer{margin-top:2rem;font-size:.7rem;color:#666}tr.pending-row{background:#fff7ed}tr.pending-row.editing{background:#fde68a}div.toast-container{position:fixed;top:.75rem;right:.75rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.kb-header{position:-webkit-sticky;position:sticky;top:0;height:var(--kb-header-height);gap:var(--kb-space-3);padding:0 var(--kb-space-4);background:var(--kb-brand-gradient);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.15);z-index:var(--kb-z-header);border-radius:0 0 4px 4px}.kb-header,.kb-header-title{display:flex;align-items:center;justify-content:space-between}.kb-header-title{font-size:1.4rem;font-weight:var(--kb-font-weight-semibold);width:100%;letter-spacing:2px;text-shadow:0 0 10px #4664bb}.kb-logo-svg{width:30px;height:30px;display:block}.kb-logo-ring{stroke:#fff;stroke-width:2;fill:none}.kb-logo-core{fill:#fff}.kb-logo-spark{fill:hsla(48,100%,62%,1)}.kb-header-actions{display:flex;align-items:center;gap:var(--kb-space-2)}.kb-link-ghost{color:#fff;text-decoration:none;font-size:var(--kb-font-size-sm);font-weight:var(--kb-font-weight-medium);opacity:.92;transition:opacity var(--kb-transition-fast)}.kb-link-ghost:hover{opacity:1}main{padding:1em 1em 6em}.kb-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--kb-bottom-nav-height);background:var(--kb-surface-glass);backdrop-filter:blur(var(--kb-backdrop-blur));-webkit-backdrop-filter:blur(var(--kb-backdrop-blur));border-top:1px solid var(--kb-color-border);display:flex;justify-content:space-around;align-items:center;padding:0 var(--kb-space-2);padding-bottom:max(0px,env(safe-area-inset-bottom));z-index:var(--kb-z-header)}.kb-bottom-nav__item{flex:1 1;text-align:center;text-decoration:none;color:var(--kb-color-text-soft);font-size:var(--kb-font-size-xs);display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-weight:var(--kb-font-weight-medium);transition:color var(--kb-transition-fast)}.kb-bottom-nav__icon-wrap{position:relative;display:inline-flex}.kb-bottom-nav__badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:12px;background:var(--kb-color-danger);color:#fff;font-size:.65rem;font-weight:var(--kb-font-weight-semibold);display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.2)}.kb-bottom-nav__item svg{width:20px;height:20px}.kb-bottom-nav__item[aria-current=page]{color:var(--kb-color-accent)}.kb-bottom-nav__item:active{transform:translateY(1px)}.kb-fab{position:fixed;right:var(--kb-space-4);bottom:calc(var(--kb-bottom-nav-height) + var(--kb-space-4) + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--kb-brand-gradient);border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;line-height:1;box-shadow:0 6px 16px rgba(var(--kb-brand-rgb)/.35),0 2px 4px rgba(0,0,0,.2);cursor:pointer;z-index:var(--kb-z-fab);transition:box-shadow var(--kb-transition-fast),transform var(--kb-transition-fast)}.kb-fab:hover{box-shadow:0 8px 22px rgba(var(--kb-brand-rgb)/.45),0 3px 6px rgba(0,0,0,.25)}.kb-fab:active{transform:translateY(2px)}.kb-fab:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--kb-color-focus) 55%,transparent),0 6px 16px rgba(var(--kb-brand-rgb)/.35)}.topbar{display:none}.xdash-grid{display:grid;grid-gap:var(--kb-space-4);gap:var(--kb-space-4)}.expenses-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin:var(--kb-space-6) 0 var(--kb-space-2) 0}.recurring-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--kb-space-4)}.status-pill{border:1px solid var(--kb-color-border);border-radius:999px;padding:.25rem .75rem;background:#fff;font-size:.75rem;cursor:pointer;color:var(--kb-color-text-mid);transition:border-color var(--kb-transition-fast),background var(--kb-transition-fast)}.status-pill[data-active=true]{border-color:color-mix(in srgb,var(--kb-color-success) 55%,#fff);background:color-mix(in srgb,var(--kb-color-success) 12%,#fff);color:var(--kb-color-success)}.status-pill:hover{border-color:var(--kb-color-accent)}.actions-cell{display:flex;flex-direction:column;gap:var(--kb-space-1);min-width:120px}.link-btn{background:var(--kb-color-accent);color:var(--kb-color-bg);border-radius:var(--kb-radius-sm);border:none;padding:.5em .7em;font-size:.78rem;cursor:pointer;align-self:flex-start}.link-btn.danger{color:var(--kb-color-danger)}.scope-switcher{display:none;margin-left:auto;margin-right:var(--kb-space-2);font-size:var(--kb-font-size-sm);color:var(--kb-color-text-soft)}.scope-label,.scope-switcher{align-items:center;gap:var(--kb-space-2)}.scope-label{display:inline-flex;font-weight:var(--kb-font-weight-medium)}.scope-switcher select{border:1px solid var(--kb-input-border);border-radius:var(--kb-input-radius);background:var(--kb-input-bg);padding:.35rem .6rem;font-size:var(--kb-font-size-sm)}.scope-current{font-weight:var(--kb-font-weight-medium);color:var(--kb-color-text-mid)}@media (min-width:720px){.xdash-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.card{background:var(--kb-glass-bg);border:var(--kb-glass-border);backdrop-filter:var(--kb-glass-backdrop);-webkit-backdrop-filter:var(--kb-glass-backdrop);border-radius:var(--kb-radius-lg);padding:var(--kb-space-4) var(--kb-space-4) var(--kb-space-3);box-shadow:var(--kb-glass-shadow);display:flex;flex-direction:column;gap:var(--kb-space-2);position:relative;min-height:120px}.card h4{margin:0;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;color:var(--kb-color-text-soft)}.card h4,.metric{font-weight:var(--kb-font-weight-semibold)}.metric{font-size:1.2rem}.small{font-size:var(--kb-font-size-sm);color:var(--kb-color-text-soft)}.filter-toggle-btn{background:none;border:none;color:var(--kb-color-bg);background-color:var(--kb-color-accent);font-size:.9rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:var(--kb-space-2) var(--kb-space-3);border-radius:var(--kb-radius-sm)}.filter-toggle-btn:focus,.filter-toggle-btn:hover{outline:none;background-color:var(--kb-color-accent-hover);box-shadow:0 0 0 2px color-mix(in srgb,var(--kb-color-focus) 60%,transparent);border-radius:var(--kb-radius-sm)}.filter-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--kb-transition-fast);z-index:70}.filter-drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto}.filter-drawer{position:fixed;top:0;right:0;width:min(92%,380px);height:100%;background:var(--kb-color-surface);border-left:1px solid var(--kb-color-border);box-shadow:-4px 0 12px rgba(0,0,0,.12);transform:translateX(100%);transition:transform var(--kb-transition);z-index:80;display:flex;flex-direction:column}.filter-drawer[data-open=true]{transform:translateX(0)}.filter-drawer header{padding:var(--kb-space-4) var(--kb-space-4) var(--kb-space-2);display:flex;align-items:center;justify-content:space-between}.filter-drawer header h3{margin:0;font-size:.95rem}.filter-drawer form{padding:0 var(--kb-space-4) var(--kb-space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--kb-space-3)}.filter-form-row{display:flex;flex-wrap:wrap;gap:var(--kb-space-2)}.filter-form-row>*{flex:1 1}.chip-group{display:flex;flex-wrap:wrap;gap:var(--kb-space-2)}.chip{background:var(--kb-color-surface-alt);border:1px solid var(--kb-color-border);padding:.3rem .55rem;font-size:var(--kb-font-size-xs);border-radius:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip[data-active=true]{background:var(--kb-color-accent);color:#fff;border-color:var(--kb-color-accent)}.chart-row{display:flex;flex-direction:column;gap:var(--kb-space-4)}@media (min-width:860px){.chart-row{flex-direction:row}}.chart-card{flex:1 1}.barchart,.sparkline{width:100%;height:140px;display:block}.sparkline{height:80px}.legend{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.legend-item{display:flex;align-items:center;gap:4px;font-size:var(--kb-font-size-xs)}.legend-swatch{width:10px;height:10px;border-radius:2px;background:var(--kb-color-accent);opacity:.8}.data-table-wrap{overflow-x:auto;border:var(--kb-glass-border);border-radius:var(--kb-radius-lg);background:var(--kb-glass-bg);backdrop-filter:var(--kb-glass-backdrop);-webkit-backdrop-filter:var(--kb-glass-backdrop);box-shadow:var(--kb-glass-shadow)}.data-table{width:100%;border-collapse:collapse;font-size:var(--kb-font-size-sm)}.data-table td,.data-table th{padding:.5rem .6rem;border-bottom:1px solid var(--kb-color-border)}.text-right{text-align:right}.flex{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.inline-flex{display:inline-flex}.flex-row-center,.flex-row-center-between{display:flex;align-items:center}.flex-row-center-between{justify-content:space-between}.mt-0{margin-top:0!important}.mt-4{margin-top:1rem!important}.mt-6{margin-top:1.5rem!important}.gap-xs{gap:var(--kb-space-1)}.gap-sm{gap:var(--kb-space-2)}.gap-md{gap:var(--kb-space-3)}.p-0{padding:0!important}.p-xs{padding:.35rem!important}.p-sm{padding:.55rem .9rem!important}.p-md{padding:.85rem 1rem!important}.pb-sm{padding-bottom:.5rem!important}.text-right{text-align:right!important}.muted{color:var(--kb-color-text-soft)}.border-b{border-bottom:1px solid var(--kb-color-border)}.auth-box{max-width:320px}.form-error{color:crimson;margin-top:.5rem}.pill-payer{background:var(--kb-color-surface-alt);padding:2px 6px;border-radius:12px;font-size:var(--kb-font-size-xs)}.badge{display:inline-block;padding:.15rem .45rem;background:#eee;border-radius:3px;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.badge-pending{background:#d97706;color:#fff;padding:2px 6px;border-radius:4px;font-size:.65rem;margin-left:4px}.toast-container{position:fixed;top:.75rem;right:.75rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.toast{background:#111827;color:#f3f4f6;padding:8px 12px;border-radius:6px;font-size:.75rem;box-shadow:0 2px 6px rgba(0,0,0,.2);animation:fadeIn .15s ease-out}.logo-wrap{display:inline-flex;align-items:center;gap:.4rem}.logo-name{font-size:.95rem;letter-spacing:.5px}.chart-frame{height:140px}.chart-frame.spark{height:80px}.filter-actions{display:flex;gap:.5rem;margin-top:.5rem}.category-label-spacer{margin-bottom:.25rem}.kb-tabs{display:inline-flex;background:var(--kb-glass-bg);backdrop-filter:var(--kb-glass-backdrop);-webkit-backdrop-filter:var(--kb-glass-backdrop);border:var(--kb-glass-border);border-radius:999px;padding:2px;box-shadow:var(--kb-glass-shadow)}.kb-tab,.kb-tabs{position:relative}.kb-tab{background:transparent;border:0;font:inherit;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;padding:.5rem .9rem;border-radius:999px;cursor:pointer;color:var(--kb-color-text-soft);font-weight:600;transition:color var(--kb-transition-fast),background var(--kb-transition-fast)}.kb-tab[aria-selected=true]{background:var(--kb-color-accent);color:#fff;box-shadow:0 2px 4px hsl(217 90% 35%/.25)}.kb-tab:focus-visible{outline:2px solid var(--kb-color-focus);outline-offset:2px}.metric-grid{display:grid;grid-gap:var(--kb-space-3);gap:var(--kb-space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.metric-card{background:var(--kb-glass-bg);border:var(--kb-glass-border);backdrop-filter:var(--kb-glass-backdrop);-webkit-backdrop-filter:var(--kb-glass-backdrop);border-radius:var(--kb-radius-md);padding:.65rem .75rem .55rem;display:flex;flex-direction:column;gap:.2rem;position:relative;box-shadow:var(--kb-glass-shadow);min-height:72px}.metric-card h5{margin:0;font-size:.55rem;letter-spacing:.5px;font-weight:600;text-transform:uppercase;color:var(--kb-color-text-soft)}.metric-value{font-size:.85rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-card[data-key=sum] .metric-value{font-size:.95rem}.chart-grid{display:grid;grid-gap:var(--kb-space-3);gap:var(--kb-space-3)}@media (min-width:860px){.chart-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.chart-card{min-height:220px}.filter-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--kb-color-surface);border-top:1px solid var(--kb-color-border);border-radius:18px 18px 0 0;transform:translateY(100%);transition:transform var(--kb-transition);z-index:90;max-height:82vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 16px rgba(0 0 0/.18),0 -2px 4px rgba(0 0 0/.12)}.filter-sheet[data-open=true]{transform:translateY(0)}.sheet-handle{width:42px;height:5px;border-radius:3px;background:var(--kb-color-border);margin:6px auto 2px}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .85rem .25rem}.sheet-header h3{margin:0;font-size:.85rem}.filter-form{overflow-y:auto;padding:0 .85rem .75rem}.filter-form .filter-grid{display:flex;flex-wrap:wrap;gap:var(--kb-space-2)}@media (min-width:720px){.filter-sheet{left:auto;right:0;width:min(380px,100%);border-radius:16px 0 0 16px;top:0;bottom:0;transform:translateX(100%);border-top:0;border-left:1px solid var(--kb-color-border)}.filter-sheet[data-open=true]{transform:translateX(0)}.sheet-handle{display:none}.filter-form{padding:0 1rem 1rem}.sheet-header{padding:.65rem 1rem .35rem}}.quick-ranges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.25rem}.range-chip{background:var(--kb-color-surface-alt);border:1px solid var(--kb-color-border);padding:.35rem .55rem;font-size:var(--kb-font-size-xs);border-radius:10px;cursor:pointer;line-height:1;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.range-chip:hover{background:var(--kb-color-accent);color:#fff;border-color:var(--kb-color-accent)}.filter-toggle-btn{position:relative}.filter-toggle-btn .filter-count{background:var(--kb-color-surface-solid);color:var(--kb-color-accent);font-size:.6rem;font-weight:700;min-width:18px;height:18px;line-height:18px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;box-shadow:0 0 0 2px var(--kb-color-accent)}.filter-toggle-btn[data-has-active=true]{background:linear-gradient(135deg,var(--kb-color-accent),var(--kb-color-accent-alt))}#panel-list .card{min-height:auto}.chip:focus-visible,.range-chip:focus-visible{outline:2px solid var(--kb-color-focus);outline-offset:2px}.filter-form::-webkit-scrollbar{width:10px}.filter-form::-webkit-scrollbar-thumb{background:var(--kb-color-border);border-radius:6px}.filter-form::-webkit-scrollbar-track{background:transparent}.modal-backdrop{position:fixed;inset:0;background:rgba(15 23 42/.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:110;animation:fadeIn .15s ease}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,92%);background:var(--kb-glass-bg);backdrop-filter:var(--kb-glass-backdrop);-webkit-backdrop-filter:var(--kb-glass-backdrop);border:var(--kb-glass-border);border-radius:18px;padding:1rem 1rem .85rem;z-index:120;box-shadow:var(--kb-glass-shadow);max-height:90vh;overflow:auto}.modal h3{font-size:.95rem;margin:0 0 .35rem}.modal form{margin:0}.modal-form-vertical{display:flex;flex-direction:column;gap:14px}.modal-field-group{display:flex;flex-direction:column;gap:4px}.modal-field-row{display:flex;gap:14px}.modal-field-row .modal-field-group{flex:1 1}@media (max-width:540px){.modal-field-row{flex-direction:column}}.modal-form-vertical input,.modal-form-vertical select,.modal-form-vertical textarea{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.65));border:1px solid var(--kb-color-border);border-radius:12px;padding:10px 12px;font-size:.9rem}.modal-form-vertical input:focus{outline:2px solid color-mix(in srgb,var(--kb-color-accent) 55%,transparent);outline-offset:1px}.modal.modal-wide{max-width:640px}.recurring-register-list{display:grid;grid-gap:var(--kb-space-2);gap:var(--kb-space-2);max-height:360px;overflow-y:auto}.recurring-register-item{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--kb-space-2);gap:var(--kb-space-2);align-items:flex-start;padding:var(--kb-space-2);border:1px solid rgba(0,0,0,.08);border-radius:var(--kb-radius-md);background:rgba(255,255,255,.75);box-shadow:0 2px 6px rgba(0,0,0,.08)}.recurring-register-item input[type=checkbox]{margin-top:4px}.recurring-register-info{display:grid;grid-gap:var(--kb-space-1);gap:var(--kb-space-1);font-size:.6rem}.recurring-register-primary{display:grid;grid-template-columns:1fr auto auto;grid-gap:var(--kb-space-2);gap:var(--kb-space-2);align-items:center}.recurring-register-name{font-weight:var(--kb-font-weight-medium);color:var(--kb-color-text)}.recurring-register-date{font-size:var(--kb-font-size-sm);color:var(--kb-color-text-soft);text-transform:uppercase;letter-spacing:.5px}.recurring-register-amount{font-weight:var(--kb-font-weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recurring-register-meta{display:flex;flex-wrap:wrap;gap:var(--kb-space-1)}.recurring-register-meta .badge[data-variant=danger]{background:var(--kb-color-danger);color:#fff}.recurring-register-meta .badge[data-variant=info]{background:var(--kb-color-accent-alt);color:#fff}.recurring-register-meta .badge[data-variant=category]{background:var(--kb-color-surface-alt)}.recurring-register-meta .badge[data-variant=frequency]{background:color-mix(in srgb,var(--kb-color-accent) 20%,#fff);color:var(--kb-color-text-mid)}.recurring-register-actions{flex-direction:column;margin-top:1.5em}.recurring-register-actions,.recurring-register-buttons{display:flex;gap:var(--kb-space-2)}@media (max-width:520px){.recurring-register-primary{grid-template-columns:1fr;gap:var(--kb-space-1)}.recurring-register-buttons{flex-direction:column}}