@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap";:root{font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-padding: 20px;--app-min-height: 100vh;--app-bg: transparent;--app-fg: inherit;--content-max-base: 1296px;--content-max: var(--content-max-base);--app-content-max: var(--content-max);--app-bg-transition: background .4s ease, color 2s ease;--ctrl-radius: 18px;--ctrl-pad-x: 18px;--ctrl-pad-y: 14px}html[data-theme=light]{color-scheme:light;--billiance-bg-page: #f8f9fa;--billiance-bg-header: #fdfdf0;--billiance-bg-insight: #f5f6eb;--billiance-bg-elevated: #ffffff;--billiance-text-primary: #262626;--billiance-text-secondary: #353535;--billiance-text-muted: #71717a;--billiance-border-subtle: #f0f0f0;--billiance-border-strong: #d9d9d9;--billiance-accent: #240b35;--billiance-accent-soft: #e4e6d4;--billiance-pill: transparent;--billiance-pill-active: #494949;--billiance-kpi-1: #ff904c;--billiance-kpi-2: #84abce;--billiance-kpi-3: #da96bf;--billiance-kpi-4: #508f77;--billiance-on-kpi: #ffffff;--billiance-menu-hover: rgba(0, 0, 0, .06);--billiance-chip-dismiss-hover: rgba(0, 0, 0, .06);--billiance-pill-active-border: #494949;--modal-bg: rgba(255, 255, 255, .96);--modal-border: rgba(0, 0, 0, .1);--ctrl-bg: rgba(255, 255, 255, .85);--ctrl-bg-hover: rgba(255, 255, 255, .95);--ctrl-border: rgba(0, 0, 0, .1);--ctrl-border-strong: rgba(0, 0, 0, .16);--ctrl-fg: rgba(20, 24, 32, .92);--ctrl-muted: rgba(20, 24, 32, .58);--ctrl-ring: rgba(88, 60, 220, .92);--ctrl-ring-soft: rgba(88, 60, 220, .22);--ctrl-shadow: 0 10px 24px rgba(0, 0, 0, .12);--app-bg: var(--billiance-bg-page);--app-fg: var(--billiance-text-primary);background-color:var(--billiance-bg-page);color:var(--billiance-text-primary)}html[data-theme=dark]{color-scheme:dark;--billiance-bg-page: #141416;--billiance-bg-header: #18181b;--billiance-bg-insight: #1a1a1d;--billiance-bg-elevated: #1c1c1f;--billiance-text-primary: #f4f4f5;--billiance-text-secondary: #a1a1aa;--billiance-text-muted: #71717a;--billiance-border-subtle: #27272a;--billiance-border-strong: #3f3f46;--billiance-accent: #a78bfa;--billiance-accent-soft: #2e2640;--billiance-pill: #27272a;--billiance-pill-active: #3f3f46;--billiance-kpi-1: #312e81;--billiance-kpi-2: #831843;--billiance-kpi-3: #14532d;--billiance-kpi-4: #7c2d12;--billiance-on-kpi: #ffffff;--billiance-menu-hover: rgba(255, 255, 255, .08);--billiance-chip-dismiss-hover: rgba(255, 255, 255, .1);--billiance-pill-active-border: #52525b;--modal-bg: #242424;--modal-border: rgba(255, 255, 255, .08);--ctrl-bg: rgba(35, 34, 48, .75);--ctrl-bg-hover: rgba(42, 41, 58, .82);--ctrl-border: rgba(255, 255, 255, .06);--ctrl-border-strong: rgba(255, 255, 255, .1);--ctrl-fg: rgba(255, 255, 255, .92);--ctrl-muted: rgba(255, 255, 255, .62);--ctrl-ring: rgba(124, 82, 255, .95);--ctrl-ring-soft: rgba(124, 82, 255, .35);--ctrl-shadow: 0 10px 24px rgba(0, 0, 0, .35);--app-bg: var(--billiance-bg-page);--app-fg: var(--billiance-text-primary);background-color:var(--billiance-bg-page);color:var(--billiance-text-primary)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:inherit;color:inherit}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--billiance-border-subtle);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--billiance-bg-elevated);color:var(--billiance-text-primary);cursor:pointer;transition:border-color .25s,background-color .2s ease}button:hover{border-color:var(--billiance-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){a:hover{color:#747bff}}:root{--side-rail-width: 76px;--side-panel-width: 360px;--side-gap: 16px}.overview-float-shell{position:relative}.app-content{width:100%;max-width:none;margin:0}.app-content{padding-right:calc(var(--side-rail-width) + var(--side-gap) + 18px)}.app-content.is-overview-open{padding-right:calc(var(--side-panel-width) + var(--side-rail-width) + (var(--side-gap) * 2) + 18px)}@media(max-width:980px){.app-content,.app-content.is-overview-open{padding-right:0}}.side-rail{position:fixed;right:18px;top:120px;width:var(--side-rail-width);z-index:10010;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rail-btn{width:100%;height:46px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:inherit;border-radius:14px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;opacity:.9;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease,opacity .16s ease}.rail-btn:hover{background:#ffffff1a}.rail-btn:active{transform:translateY(1px)}.rail-btn:focus-visible{outline:2px solid rgba(140,120,220,.8);outline-offset:3px}.rail-btn.is-active{opacity:1;background:#7c52ff47;border-color:#7c52ffa6;box-shadow:0 0 0 3px #7c52ff38,0 10px 24px #00000040}.overview-panel{position:fixed;top:110px;right:calc(18px + var(--side-rail-width) + 12px);width:var(--side-panel-width);z-index:10011;transform:translate(calc(100% + 24px));opacity:0;pointer-events:none;transition:transform .22s ease,opacity .18s ease}.overview-panel.is-open{transform:translate(0);opacity:1;pointer-events:auto}.overview-panel-inner{border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #00000059;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.overview-panel-title{font-weight:800;opacity:.9}.overview-close{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;border-radius:12px;padding:8px 10px;cursor:pointer;font-weight:700}.overview-close:hover{background:#ffffff1a}.top-section--floating{max-width:none;margin:0;cursor:default}@media(max-width:980px){.app-content{--content-max: var(--content-max-base)}.top-shell{padding:0}.top-shell-inner{padding:0 16px 10px}.bills-shell-inner{padding:0 16px}.side-rail{right:12px;top:96px}.overview-panel{right:calc(12px + var(--side-rail-width) + 10px);width:min(var(--side-panel-width),calc(100vw - 140px))}}#root{width:100%;max-width:none;margin:0;padding:0;text-align:left}.app-root{padding:0;min-height:var(--app-min-height);background:var(--app-bg);color:var(--app-fg);transition:var(--app-bg-transition)}.app-header{text-align:center;margin-bottom:1.5rem}.top-shell{width:100vw;max-width:none;margin:0 calc(50% - 50vw);background:#fdfdf0;border-bottom:1px solid #f0f0f0;padding:0;box-sizing:border-box}.top-shell-inner{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 72px 12px;box-sizing:border-box}.bills-shell-inner{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 72px;box-sizing:border-box}.shell-header{width:100%;max-width:none;margin:0 auto 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:0;box-sizing:border-box;border-radius:0;background:transparent;border:0}.shell-logo{margin:0;font-size:42px;font-weight:700;color:#000;letter-spacing:.01em;line-height:1}.shell-actions{display:inline-flex;align-items:center;gap:10px}.shell-menu-wrap{position:relative;display:inline-flex}.shell-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;padding:8px;border-radius:14px;background:var(--billiance-bg-elevated);border:1px solid var(--billiance-border-subtle);box-shadow:var(--ctrl-shadow);z-index:10020;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shell-menu-item{width:100%;height:44px;padding:0 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer;text-align:left}.shell-menu-item:disabled{opacity:.5;cursor:not-allowed}.shell-menu-item:hover{background:var(--billiance-menu-hover)}.shell-menu-item:focus,.shell-menu-item:focus-visible{outline:none;border-color:var(--ctrl-ring);box-shadow:0 0 0 3px var(--ctrl-ring-soft)}.shell-action{height:40px;padding:0 14px;border-radius:4px;border:0;background:#e4e6d4;color:#000;font:inherit;font-size:12px;font-weight:700;gap:10px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;cursor:pointer;box-sizing:border-box}.shell-action:hover{filter:brightness(.98)}.shell-action:focus,.shell-action:focus-visible{outline:none;box-shadow:0 0 0 3px #240b353d}.insight-band{width:100%;max-width:none;margin:0 auto;padding:0;border-radius:0;background:transparent;border:0;box-sizing:border-box}.insight-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:80px}.insight-greeting{font-weight:700;font-size:24px;line-height:22px;color:#000}.insight-chip{display:inline-flex;align-items:center;gap:10px;min-height:60px;padding:0 16px;border-radius:16px;background:#f5f6eb;border:0;font-size:16px;font-weight:600;color:#353535}.insight-chip-dismiss{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;background:#e4e6d4;color:#353535;cursor:pointer;padding:0;border-radius:999px;opacity:1}.insight-chip-dismiss:hover{background:#dcdcc8}.insight-pills{margin-top:12px;display:flex;gap:10px;flex-wrap:nowrap;align-items:center}.insight-pills-row{margin-top:0;display:flex;align-items:center;gap:12px;justify-content:flex-start;min-height:80px}.insight-pills{margin-top:0}.insight-collapse{height:32px;width:32px;padding:0;border-radius:19px;border:1px solid #000;background:#fdfdf0;color:#000;font:inherit;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0}.insight-collapse svg{display:block;flex-shrink:0}.insight-collapse:hover{background:var(--billiance-menu-hover);border-color:var(--billiance-border-strong)}.insight-collapse:focus,.insight-collapse:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ctrl-ring-soft)}.insight-panel{overflow:hidden;max-height:0;opacity:0;margin-top:0;transition:max-height .26s ease,opacity .18s ease,margin-top .18s ease}.insight-panel.is-open{max-height:800px;opacity:1;margin-top:12px}.insight-placeholder{padding:18px;border-radius:14px;border:1px dashed var(--billiance-border-strong);background:var(--billiance-bg-elevated);color:var(--billiance-text-secondary)}.insight-kpi-grid{display:grid;grid-template-columns:repeat(4,232px);gap:24px;justify-content:flex-start}.insight-kpi-card{border-radius:8px;padding:8px 16px;border:0;min-height:80px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;line-height:1.55;overflow:hidden;box-shadow:0 10px 10px -5px #0000000a,0 20px 25px -5px #0000000d,0 1px 3px #0000000d}.insight-kpi-card.kpi-1{background:var(--billiance-kpi-1)}.insight-kpi-card.kpi-2{background:var(--billiance-kpi-2)}.insight-kpi-card.kpi-3{background:var(--billiance-kpi-3)}.insight-kpi-card.kpi-4{background:var(--billiance-kpi-4)}.insight-kpi-label{font-size:12px;margin:0;color:var(--billiance-on-kpi);font-weight:700;opacity:1;line-height:1.55;width:100%}.insight-kpi-value{font-size:24px;font-weight:800;color:var(--billiance-on-kpi);line-height:1.55;margin:0;font-family:Open Sans,system-ui,sans-serif;width:100%}.insight-strip{display:grid;grid-template-columns:repeat(12,minmax(96px,1fr));gap:8px;overflow-x:auto;padding-bottom:2px}.insight-month-tile{border-radius:12px;border:1px solid var(--billiance-border-subtle);background:var(--billiance-bg-elevated);padding:10px;min-width:96px}.insight-month-label{font-size:12px;color:var(--billiance-text-secondary)}.insight-month-value{font-size:14px;font-weight:700;margin-top:4px;color:var(--billiance-text-primary)}.app-root.theme-light .insight-12m--5132{width:100%;max-width:none;margin:0;padding:4px 0 20px;box-sizing:border-box}.app-root.theme-light .insight-12m-eyebrow{margin:0 0 18px;padding:0;font-family:Open Sans,system-ui,sans-serif;font-size:12px;font-weight:600;line-height:22px;color:#000}.app-root.theme-light .insight-12m__row{--insight-12m-dot: 7px;--insight-12m-dot-inset: 8px;--insight-12m-line-y: 41.5px;--insight-12m-gap-mid: 11px;position:relative;z-index:0;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--insight-12m-gap-mid);width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;isolation:isolate}.app-root.theme-light .insight-12m__row:before{content:"";position:absolute;left:0;right:0;top:var(--insight-12m-line-y);height:1px;background:#000;transform:translateY(-50%);z-index:1;pointer-events:none}.app-root.theme-light .insight-12m__col{position:relative;flex:0 0 71px;width:71px;min-width:71px;display:flex;flex-direction:column;align-items:stretch;z-index:2}.app-root.theme-light .insight-12m__col--w72{flex:0 0 72px;width:72px;min-width:72px}.app-root.theme-light .insight-12m__col--w76{flex:0 0 76px;width:76px;min-width:76px}.app-root.theme-light .insight-12m__col--w78{flex:0 0 78px;width:78px;min-width:78px}.app-root.theme-light .insight-12m__col--w80{flex:0 0 80px;width:80px;min-width:80px}.app-root.theme-light .insight-12m__year-slot{flex:0 0 31px;width:31px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;box-sizing:border-box;margin:0;padding-top:32px}.app-root.theme-light .insight-12m__year-pill{display:inline-flex;align-items:center;justify-content:center;min-width:31px;width:31px;height:18px;padding:0;box-sizing:border-box;border-radius:25px;background:#000;color:#fff;font-family:Open Sans,system-ui,sans-serif;font-size:8px;font-weight:700;line-height:18px;letter-spacing:.02em;z-index:4;position:relative}.app-root.theme-light .insight-12m__card{position:relative;z-index:0;width:100%;max-width:none;min-height:80px;margin:0;padding:8px 6px;box-sizing:border-box;border-radius:8px;background:linear-gradient(to bottom,#f5f6eb 0 37px,transparent 37px 46px,#f5f6eb 46px 100%);transition:background .14s ease;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:center}.app-root.theme-light .insight-12m__card:hover{background:linear-gradient(to bottom,#eaedcc 0 37px,transparent 37px 46px,#eaedcc 46px 100%)}.app-root.theme-light .insight-12m__label,.app-root.theme-light .insight-12m__amount{font-family:Open Sans,system-ui,sans-serif;font-size:12px;font-weight:600;line-height:22px;color:#000;margin:0;width:100%;align-self:center}.app-root.theme-light .insight-12m__label{min-height:22px}.app-root.theme-light .insight-12m__dot{display:block;width:var(--insight-12m-dot);height:var(--insight-12m-dot);margin:0;border-radius:50%;background:#000;flex-shrink:0;position:absolute;left:var(--insight-12m-dot-inset);top:38px;z-index:5}.app-root.theme-light .insight-12m__amount{margin-top:15px}@media(max-width:980px){.insight-kpi-grid{grid-template-columns:repeat(2,minmax(0,232px));gap:16px}.app-root.theme-light .insight-12m__row{--insight-12m-gap-mid: 10px;justify-content:flex-start;gap:var(--insight-12m-gap-mid);overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.app-root.theme-light .insight-12m__col{flex:0 0 71px;width:71px;min-width:71px}.app-root.theme-light .insight-12m__card{width:100%;max-width:none}.app-root.theme-light .insight-12m__year-slot{flex:0 0 31px}}.insight-pill{height:38px;padding:0 16px;border-radius:21px;border:1px solid #000;background:transparent;color:#000;font:inherit;font-size:12px;font-weight:600;line-height:22px;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.insight-pill.is-active{border-color:#494949;background:#494949;color:#fff}.insight-pill:focus,.insight-pill:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ctrl-ring-soft)}.app-content>h2{width:100%;max-width:var(--content-max);margin:0 auto;padding-top:24px;border-top:0;font-size:24px;font-weight:700;color:#000;line-height:22px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}.fade-swap{display:inline-block;animation:fadeIn .4s ease}@keyframes justAddedFade{0%{background:#aae6c49b}to{background:transparent}}@keyframes changedPulse{0%{background:#6699ff59}to{background:transparent}}.list-search,.list-category,.add-bill-grid input,.add-bill-grid select,.modal-form input,.modal-form select,.cal-controls button,button.list-clear{border-radius:8px}.list-search{flex:0 0 auto;width:200px;min-width:200px;max-width:200px;box-sizing:border-box;-webkit-appearance:none;appearance:none;background-color:#f8f9fa;border:1px solid #000;color:#262626;padding:0 10px 0 38px;height:32px;line-height:32px;box-shadow:none;outline:none;font:inherit;font-size:12px;font-weight:600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='rgba(38,38,38,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:8px 50%;background-size:20px 20px}.list-search::placeholder{color:#26262680;font-weight:600}.list-search:hover{background-color:#f8f9fa;border-color:#000}.list-search:focus,.list-search:focus-visible{border-color:#000;box-shadow:none}.list-category,.add-bill-grid select,.modal-form select{-webkit-appearance:none;appearance:none;background:#f8f9fa;border:1px solid #000;color:#262626;width:196px;height:32px;padding:0 28px 0 10px;box-shadow:none;outline:none;box-sizing:border-box;background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(38,38,38,0.60)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0,calc(100% - 10px) 50%;background-size:auto,10px 5px;font-size:12px;font-weight:600}.list-category:hover,.add-bill-grid select:hover,.modal-form select:hover{background-color:#f8f9fa;border-color:#000}.list-category:focus,.list-category:focus-visible,.add-bill-grid select:focus,.add-bill-grid select:focus-visible,.modal-form select:focus,.modal-form select:focus-visible{border-color:#000;box-shadow:none}.add-bill-grid input[type=text],.modal-form input[type=text]{background:var(--ctrl-bg);border:1px solid var(--ctrl-border);color:var(--ctrl-fg);height:56px;padding:0 18px;box-shadow:var(--ctrl-shadow);outline:none;width:100%;box-sizing:border-box}.add-bill-grid input[type=text]::placeholder,.modal-form input[type=text]::placeholder{color:var(--ctrl-muted)}.add-bill-grid input[type=text]:hover,.modal-form input[type=text]:hover{background-color:var(--ctrl-bg-hover);border-color:var(--ctrl-border-strong)}.add-bill-grid input[type=text]:focus,.add-bill-grid input[type=text]:focus-visible,.modal-form input[type=text]:focus,.modal-form input[type=text]:focus-visible{border-color:var(--ctrl-ring);box-shadow:0 0 0 3px var(--ctrl-ring-soft),var(--ctrl-shadow)}.add-bill-grid input[type=date],.modal-form input[type=date]{background:var(--ctrl-bg);border:1px solid var(--ctrl-border);color:var(--ctrl-fg);height:56px;padding:0 18px;box-shadow:var(--ctrl-shadow);outline:none;width:100%;box-sizing:border-box}.add-bill-grid input[type=date]::-webkit-calendar-picker-indicator,.modal-form input[type=date]::-webkit-calendar-picker-indicator{opacity:.9;filter:invert(1) saturate(0) brightness(1.05);cursor:pointer}.add-bill-grid input[type=date]:hover,.modal-form input[type=date]:hover{background-color:var(--ctrl-bg-hover);border-color:var(--ctrl-border-strong)}.add-bill-grid input[type=date]:focus,.add-bill-grid input[type=date]:focus-visible,.modal-form input[type=date]:focus,.modal-form input[type=date]:focus-visible{border-color:var(--ctrl-ring);box-shadow:0 0 0 3px var(--ctrl-ring-soft),var(--ctrl-shadow)}select option{background:#f8f9fa;color:#262626}select option:checked{background:#eceef0}button.list-clear{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);font:inherit;box-sizing:border-box;box-shadow:var(--ctrl-shadow)}button.list-clear:hover{background-color:var(--ctrl-bg-hover);border-color:var(--ctrl-border-strong)}button.list-clear:focus,button.list-clear:focus-visible{border-color:var(--ctrl-ring);box-shadow:0 0 0 3px var(--ctrl-ring-soft),var(--ctrl-shadow)}.list-controls{display:flex;align-items:center;gap:32px;flex-wrap:nowrap;width:100%;max-width:none;margin:0 0 12px;padding:8px 0 0;box-sizing:border-box}.list-category{width:196px;max-width:42vw}.list-highlight{margin-left:auto;display:flex;align-items:center;min-height:32px;gap:8px;white-space:nowrap;font-size:12px;color:#262626}.list-highlight input[type=checkbox]{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#f8f9fa;border:1px solid #000;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transform:none;flex-shrink:0;margin:0;cursor:pointer}.list-highlight input[type=checkbox]:checked:after{content:"";width:6px;height:11px;border-right:2px solid #262626;border-bottom:2px solid #262626;transform:rotate(45deg) translateY(-1px)}.list-threshold{width:32px;min-width:32px;height:32px;padding:0 10px;border-radius:8px;text-align:center;border:1px solid #000;background:#f8f9fa;color:#262626;box-shadow:none;outline:none;font:inherit;box-sizing:border-box}.list-threshold:hover{background-color:#f8f9fa;border-color:#000}.list-threshold:focus,.list-threshold:focus-visible{border-color:#000;box-shadow:none}.list-days{opacity:.85;font-size:13px}.list-clear{white-space:nowrap}.list-export-hint{margin:8px 0 0;font-size:13px;line-height:1.45;max-width:52ch}.list-export-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.list-export-btn{height:56px;padding:0 18px;border-radius:var(--ctrl-radius);border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--ctrl-shadow);box-sizing:border-box}.list-export-btn:hover{background-color:var(--ctrl-bg-hover);border-color:var(--ctrl-border-strong)}.list-export-btn:focus,.list-export-btn:focus-visible{border-color:var(--ctrl-ring);box-shadow:0 0 0 3px var(--ctrl-ring-soft),var(--ctrl-shadow);outline:none}@media(max-width:740px){.list-controls{flex-wrap:wrap}.list-highlight{margin-left:0}.list-category{width:100%;max-width:none}.add-share-grid{grid-template-columns:1fr}}.top-section{max-width:var(--content-max);margin:0 auto 14px;padding:18px;background:#ffffff0a;border-radius:14px;box-shadow:0 6px 18px #00000026;cursor:pointer}.top-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.top-title{margin:0}.top-hide-toggle{background:transparent;border:0;padding:4px 6px;font-size:13px;opacity:.65;cursor:pointer}.top-hide-toggle:hover{opacity:1;text-decoration:underline}.top-body{overflow:hidden;max-height:0;opacity:0;margin-top:0;transition:max-height .26s ease,opacity .18s ease,margin-top .18s ease}.top-body.is-open{max-height:600px;opacity:1;margin-top:12px}.top-card{border-radius:14px;padding:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.top-metric{margin-top:10px}.top-metric:first-child{margin-top:0}.top-chart{width:100%;margin-top:14px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:12px}.pie-wrap{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center}.pie-svg{width:140px;height:140px;display:block}.pie-hole{fill:#00000059}.pie-empty{opacity:.8;font-size:13px;padding:10px 6px}.pie-legend{display:flex;flex-direction:column;gap:6px;font-size:13px}.pie-legend-row{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center}.pie-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.pie-ring{fill:none;stroke:#0000002e;stroke-width:22px}.pie-seg{fill:none;stroke-linecap:butt;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dasharray .65s ease,stroke-dashoffset .65s ease}.pie-legend-value{opacity:.85}.pie-c0{stroke:#ff7a18;background-color:#ff7a18}.pie-c1{stroke:#ff3cac;background-color:#ff3cac}.pie-c2{stroke:#fc0;background-color:#fc0}.pie-c3{stroke:#0c9;background-color:#0c9}.pie-c4{stroke:#69f;background-color:#69f}.pie-c5{stroke:#96f;background-color:#96f}.pie-c6{stroke:#f66;background-color:#f66}.pie-c7{stroke:#6fc;background-color:#6fc}@media(max-width:520px){.pie-wrap{grid-template-columns:1fr;justify-items:center;text-align:left}.pie-legend{width:100%}}.add-bill-cta{display:block;width:200px;max-width:none;margin:0;padding:0 14px;height:48px;font-size:14px;border-radius:4px;cursor:pointer;border:2px solid #240b35;background:transparent;color:#240b35;font:inherit;font-weight:700;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box}.add-bill-cta:hover{background-color:#240b350f;border-color:#240b35}.add-bill-cta:focus,.add-bill-cta:focus-visible{outline:none;border-color:var(--ctrl-ring);box-shadow:0 0 0 3px var(--ctrl-ring-soft),var(--ctrl-shadow)}.add-bill-section{background:transparent;border-radius:0;padding:0;margin:0;box-shadow:none;max-width:none}.add-bill-section.add-bill-content{margin:0;max-height:none;opacity:1;overflow:visible;padding-top:0;padding-bottom:0;transition:none}.add-bill-section.add-bill-content.is-open{max-height:none;opacity:1;padding-top:0;padding-bottom:0}.add-bill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start}.add-group-heading{margin:8px 0 0;font-size:14px;font-weight:700;opacity:.8;letter-spacing:.02em}.add-field{display:grid;gap:8px;min-width:0}.required-mark{color:#ff9f9f;font-weight:700;margin-left:2px}.field-help{font-size:12px;opacity:.75;margin-top:-4px}.add-share-grid{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px}.add-bill-grid>*{min-width:0}.add-bill-grid .span-2{grid-column:1 / -1}.add-bill-grid input[type=text],.add-bill-grid input[type=date],.add-bill-grid select,.add-bill-grid button{width:100%;box-sizing:border-box}.add-bill-submit{padding:14px 16px;font-size:18px;border-radius:12px}.field-label{display:flex;align-items:center;font-size:14px;opacity:.85}.add-check{display:inline-flex;align-items:center;gap:10px;margin:0;padding:2px 0}.add-check input[type=checkbox]{margin:0;transform:translateY(1px)}.field-error{color:salmon;margin-top:-2px;font-size:13px}.add-bill-grid .field-error{grid-column:1 / -1}.add-preview{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:12px;padding:10px 12px;font-size:13px;opacity:.9}.view-switcher{display:flex;align-items:center;gap:8px;height:48px;padding:8px;border-radius:8px;background:#efefef;border:0;box-sizing:border-box}.bills-header-row{width:100%;max-width:none;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:108px}.bills-header-row>h2{margin:0}.bills-header-actions{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.view-switcher-btn{flex:0 0 auto;min-width:48px;background:transparent;border:1px solid transparent;height:32px;padding:0 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;color:#262626;line-height:22px;display:inline-flex;align-items:center;justify-content:center}.view-switcher-btn:hover{background:#efefef}.view-switcher-btn.is-active{color:#fff;background:#494949;border-color:#494949}.view-switcher-btn:focus-visible{outline:2px solid rgba(36,11,53,.45);outline-offset:2px}.tab-panel{width:100%;max-width:none;margin:0;padding:14px 0;border-radius:0;background:transparent;box-sizing:border-box;min-height:560px;min-width:0}.list-table-wrap{width:100%;max-width:100%;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.bills-table{width:100%;max-width:none;margin:0 auto;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.bills-table thead th:nth-child(1){width:20%}.bills-table thead th.col-amount{width:11%}.bills-table thead th.col-date{width:14%}.bills-table thead th.col-freq{width:12%}.bills-table thead th.col-cat{width:14%}.bills-table thead th.col-notes{width:29%}.bills-table thead{background:#fafafa}.bills-table thead th{text-align:left;font-size:12px;letter-spacing:normal;text-transform:none;opacity:1;font-weight:600;color:#262626;padding:16px}.bills-table tbody td{padding:17px 16px;vertical-align:middle;min-width:0;color:#262626;font-size:14px;font-weight:600;line-height:22px}.bills-table tbody tr+tr td{border-top:1px solid #f0f0f0}.bills-table tbody tr.bill-row{background:transparent;transition:background .14s ease;cursor:pointer}.bills-table tbody tr.bill-row:hover{background:#fafafa}.bills-table tbody tr.bill-row td{background:inherit}.bills-table tbody tr.bill-row:focus-visible{outline:2px solid rgba(36,11,53,.45);outline-offset:-2px}.cell-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-date,.cell-freq,.cell-cat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-amount{overflow:hidden}.col-amount,.col-date,.cell-date{text-align:right}.muted{opacity:.6}.bills-table tbody tr.bill-row.is-due-soon{background-color:#a768e2a6!important}.bills-table tbody tr.bill-row.is-just-added:not(.is-due-soon){background:#67f2a48c!important;box-shadow:0 0 0 1px #3cc8782e inset;animation:justAddedFade 4s ease-out forwards}.bills-table tbody tr.bill-row.is-just-changed:not(.is-due-soon){animation:changedPulse .9s ease-out}.meta-row{display:inline-flex;align-items:center;gap:8px}.meta-pill{font-size:11px;padding:2px 6px;border-radius:32px;border:0;background:#744793;color:#fff;font-weight:600;line-height:1.3;white-space:nowrap}.freq-chip--one-off{display:inline-flex;align-items:center;box-sizing:border-box;overflow:hidden;padding:2px 6px;border-radius:32px;background:#cc8357;color:#fff;font-family:Open Sans,system-ui,sans-serif;font-size:11px;font-weight:600;line-height:1.55;white-space:nowrap}.meta-icon{display:inline-flex;align-items:center}.due-pill{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#00000008;line-height:1.4;white-space:nowrap;opacity:.85}.due-pill.is-today,.due-pill.is-overdue{opacity:1}.cell-notes{position:relative;padding-right:64px;overflow:hidden}.note-actions{position:absolute;top:0;bottom:0;right:8px;display:inline-flex;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .16s ease}.note-actions:before{content:"";position:absolute;inset:0 -10px 0 -20px;background:linear-gradient(to right,#b4a0ff00,#8570d1b3 35%,#8466d4);pointer-events:none}.note-actions>*{position:relative;z-index:1}.bill-row:hover .note-actions,.bill-row:focus-within .note-actions{opacity:1;pointer-events:auto}.notes{display:block;max-width:100%;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:transparent;border:none;padding:4px;margin-left:6px;cursor:pointer;color:inherit;opacity:.75;border-radius:8px}.icon-btn:hover{opacity:1;background:#ffffff26}.icon-btn.danger:hover{background:#ff505040}@media(max-width:740px){.cell-notes .notes{display:none}.bills-table thead th.col-notes .th-sort{opacity:0;pointer-events:none}.col-notes,.cell-notes{width:88px;min-width:88px;max-width:88px}.cell-notes{padding:18px 14px!important;padding-right:14px}.bill-row .note-actions{opacity:1;pointer-events:auto}.bill-row .note-actions:before{display:none}}.th-sort{appearance:none;background:transparent;border:0;padding:0;margin:0;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:8px;cursor:pointer;opacity:1}.th-sort:hover{text-decoration:none}.th-sort:focus-visible{outline:2px solid rgba(36,11,53,.25);outline-offset:2px;border-radius:8px}.sort-indicator{width:11px;height:12px;display:inline-block;position:relative;opacity:1}.sort-indicator:before,.sort-indicator:after{content:"";position:absolute;left:1px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.sort-indicator:before{top:0;border-bottom:4px solid #9c9c9c}.sort-indicator:after{bottom:0;border-top:4px solid #9c9c9c}.th-sort.is-sorted.is-asc .sort-indicator:before{border-bottom-color:#262626}.th-sort.is-sorted.is-asc .sort-indicator:after{border-top-color:#bfbfbf}.th-sort.is-sorted.is-desc .sort-indicator:before{border-bottom-color:#bfbfbf}.th-sort.is-sorted.is-desc .sort-indicator:after{border-top-color:#262626}.bill-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.money-tooltip-target{cursor:pointer}.floating-tooltip{position:fixed;left:var(--tip-x, 0px);top:var(--tip-y, 0px);z-index:10011;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-110%) translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;background:#000000e6;color:#fff;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.2;max-width:260px;text-align:left;box-shadow:0 10px 30px #00000040}.floating-tooltip.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-110%) translateY(0);transition:opacity .8s ease,transform .8s ease,visibility 0s}.cal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cal-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cal-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);font:inherit;font-weight:600;font-size:14px;box-sizing:border-box;box-shadow:var(--ctrl-shadow);outline:none;cursor:pointer}.cal-controls button:hover{background-color:var(--ctrl-bg-hover);border-color:var(--ctrl-border-strong)}.cal-controls button:focus,.cal-controls button:focus-visible{border-color:var(--ctrl-ring);box-shadow:0 0 0 3px var(--ctrl-ring-soft),var(--ctrl-shadow)}.cal-total{margin-left:10px;opacity:.85;font-weight:600}.cal-month .cal-dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(72px,110px);gap:6px;margin-bottom:6px;opacity:.85;font-size:13px}.cal-dow-cell,.cal-week-total-head{padding:0 2px}.cal-week-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(72px,110px);gap:6px;margin-bottom:6px}.cal-day{min-width:0;min-height:90px;overflow-x:hidden;border-radius:12px;background:#ffffff0a;padding:8px}.cal-day.is-outside{opacity:.45}.cal-day.is-outside .cal-day-num{opacity:.95}.cal-day-num{font-size:12px;opacity:.9;margin-bottom:6px}.cal-day-items{display:flex;flex-direction:column;gap:4px;min-width:0}.cal-item{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;opacity:.95}.cal-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-item-amt{flex-shrink:0}button.cal-item-btn{display:flex;width:100%;min-width:0;margin:0;padding:4px 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer;opacity:.95}button.cal-item-btn:hover{background:#ffffff0f}button.cal-item-btn:focus{outline:none}button.cal-item-btn:focus-visible{outline:2px solid var(--ctrl-ring);outline-offset:2px;box-shadow:0 0 0 3px var(--ctrl-ring-soft);border-color:var(--ctrl-ring-soft)}.cal-week-total{display:flex;align-items:flex-start;justify-content:flex-end;min-width:0;padding:8px;border-radius:12px;background:#ffffff0a;font-weight:600}.cal-year{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cal-year-month{text-align:left;border:0;outline:none;width:100%;color:inherit;font:inherit;padding:12px;border-radius:14px;background:#ffffff0a;cursor:pointer}.cal-year-month:hover{border:1px solid rgba(255,255,255,.12)}.cal-year-month-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.cal-year-month:focus{outline:none}.cal-year-month:focus-visible{outline:2px solid var(--ctrl-ring);outline-offset:2px;box-shadow:0 0 0 3px var(--ctrl-ring-soft)}.cal-year-month-name{font-weight:700}.cal-year-month-total{opacity:.85;font-weight:600}.mini-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.mini-cell{font-size:11px;opacity:.9;text-align:center;padding:2px 0;border-radius:6px}.mini-cell.is-outside{opacity:.35}@media(min-width:1100px){.cal-year{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:740px){.cal-month .cal-dow,.cal-week-row{grid-template-columns:repeat(7,minmax(0,1fr)) minmax(52px,80px);gap:4px}.cal-day{min-height:72px;padding:6px}.cal-week-total{padding:6px 4px;font-size:11px}.cal-controls button{min-height:44px;padding:0 12px;font-size:13px}}.toast-stack{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:10001;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.toast.toast-single{position:fixed;bottom:18px;left:50%;z-index:10001;pointer-events:none;transform:translate(-50%) translateY(8px)}.toast.toast-single.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.toast{pointer-events:auto;transform:translateY(8px);opacity:0;background:#92c482d9;color:#fff;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;transition:opacity .22s ease,transform .22s ease}.toast.is-visible{opacity:1;transform:translateY(0)}.toast button.toast-undo{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.modal-card{width:100%;max-width:520px;border-radius:14px;padding:16px;overflow:hidden;box-shadow:0 16px 48px #00000073;position:relative;background:var(--modal-bg);border:1px solid var(--modal-border)}.modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:10px;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.75}.modal-close:hover{opacity:1;background:#ffffff14}.modal-close:focus-visible{outline:2px solid rgba(140,120,220,.8);outline-offset:2px}.modal-title{margin:0 0 12px}.modal-grid{display:grid;gap:8px}.modal-grid--readout{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:6px 16px;align-items:baseline}.modal-grid--readout .modal-k{font-weight:700;opacity:.9;white-space:nowrap}.modal-grid--readout .modal-v{min-width:0;word-break:break-word}.modal-form{display:grid;gap:10px;min-width:0}.modal-field{display:grid;gap:8px;min-width:0}.modal-field .modal-error,.modal-field .field-error{margin-top:-2px}.modal-input{width:100%;box-sizing:border-box}.modal-error{color:salmon;margin-top:-4px}.modal-checkbox{display:flex;align-items:center;gap:10px;width:100%;min-width:0;overflow:hidden}.modal-checkbox input{flex:0 0 auto}.modal-checkbox span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.btn{height:56px;padding:0 18px;border-radius:var(--ctrl-radius);border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--ctrl-shadow);box-sizing:border-box}.btn:hover{background-color:var(--ctrl-bg-hover);border-color:var(--ctrl-border-strong)}.btn:focus,.btn:focus-visible{border-color:var(--ctrl-ring);box-shadow:0 0 0 3px var(--ctrl-ring-soft),var(--ctrl-shadow);outline:none}.btn.primary{border-color:#7c52ffbf;background:#7c52ff61;color:var(--ctrl-fg)}.btn.primary:hover{background:#7c52ff7a;border-color:var(--ctrl-ring)}@media(prefers-reduced-motion:reduce){.add-bill-section.add-bill-content,.add-bill-section.add-bill-content.is-open,.top-body,.top-body.is-open,.floating-tooltip,.floating-tooltip.is-visible,.fade-swap,.toast,.pie-seg{transition:none!important}.bill-row.is-just-added:not(.is-due-soon),.bill-row.is-just-changed:not(.is-due-soon),.fade-swap{animation:none!important}}.modal-card{background:var(--modal-bg);border:1px solid var(--modal-border);color:var(--ctrl-fg)}.modal-title,.modal-label,.modal-checkbox,.modal-form label,.modal-form p,.modal-form span,.modal-form strong,.field-label{color:var(--ctrl-fg)}.modal-form .muted,.modal-form .muted *{color:var(--ctrl-muted)}.modal-label,.modal-checkbox span,.field-label{opacity:1}.modal-overlay .modal-card:not(.modal-card--figma){color:#ffffffeb!important}.modal-overlay .modal-title,.modal-overlay .modal-form,.modal-overlay label,.modal-overlay .modal-label,.modal-overlay .field-label{color:inherit!important;opacity:1!important;visibility:visible!important}.modal-overlay label:not(.modal-checkbox),.modal-overlay .modal-label,.modal-overlay .field-label{display:block!important;font-size:13px!important;line-height:1.35!important}.modal-overlay label.modal-checkbox{display:flex!important;align-items:center!important}.modal-overlay .modal-checkbox span{display:inline!important;opacity:1!important;visibility:visible!important;color:inherit!important;font-size:14px!important}.modal-overlay span{font-size:inherit!important}.import-file-input-hidden{display:none}.bill-cell-amount-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;max-width:100%;overflow:hidden}.bill-cell-amount-row>.money-tooltip-target{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bill-cell-amount-meta{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.bill-cell-date-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;max-width:100%;overflow:hidden}.bill-cell-date-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bill-cell-date-row .due-pill{flex-shrink:0}.top-card--stacked{margin-top:12px}.top-metric--col{display:flex;flex-direction:column;gap:8px}.price-change-row{display:flex;align-items:center;gap:8px;font-size:13px}.price-change-name{font-weight:600}.modal-form-grid{display:grid;gap:10px}.modal-export-choice-grid{gap:14px}.modal-option{display:grid;gap:4px;min-width:0}.modal-option-hint{font-size:13px;line-height:1.4;padding-inline-start:28px}.modal-checkbox.modal-checkbox--export{gap:12px}.modal-lead{margin-top:0}.modal-muted-tight{margin-top:6px}.modal-import-explainer{max-width:52ch;line-height:1.5;font-size:13px}.modal-import-grid{display:grid;gap:10px;margin-top:12px}.field-label--tight{margin-top:6px}.edit-share-grid{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px;align-items:start}.edit-share-hint{opacity:.8;font-size:13px}.modal-history{margin-top:14px}.view-history-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#00000005;cursor:pointer;color:inherit;font:inherit;box-sizing:border-box}.view-history-toggle-title{font-weight:700}.view-history-chevron{flex:0 0 auto;transition:transform .18s ease}.view-history-toggle.is-open .view-history-chevron{transform:rotate(180deg)}.view-history-panel{overflow:hidden;max-height:var(--history-max, 0px);opacity:var(--history-opacity, 0);transform:translateY(-4px);transition:max-height .22s ease,opacity .18s ease,transform .18s ease;will-change:max-height,opacity,transform}.view-history-panel.is-open{transform:translateY(0)}.view-history-body{padding-top:10px}.amount-history-table{width:100%;border-collapse:collapse}.amount-history-th,.amount-history-td{text-align:left;padding:6px 0}.amount-history-empty{padding:8px 0}.app-root.theme-dark{background:#242424;color:#fff}.app-root.theme-dark .top-shell{background:#1b1b1b;border-bottom-color:#4d4b4b}.app-root.theme-dark .shell-logo,.app-root.theme-dark .insight-greeting,.app-root.theme-dark .bills-header-row>h2{color:#fff}.app-root.theme-dark .shell-action{background:#212121;color:#fff}.app-root.theme-dark .insight-chip{background:#212121;color:#bababa}.app-root.theme-dark .insight-chip-dismiss{background:#343434;color:#fff}.app-root.theme-dark .insight-pill{border-color:#fff;color:#fff}.app-root.theme-dark .insight-pill.is-active{background:#494949;border-color:#494949;color:#fff}.app-root.theme-dark .insight-collapse{background:#1b1b1b;border-color:#fff;color:#fff}.app-root.theme-dark .insight-kpi-card.kpi-1{background:#ad5d2c}.app-root.theme-dark .insight-kpi-card.kpi-2{background:#45627c}.app-root.theme-dark .insight-kpi-card.kpi-3{background:#894c71}.app-root.theme-dark .insight-kpi-card.kpi-4{background:#48665a}.app-root.theme-dark .bills-shell-inner{background:#242424}.app-root.theme-dark .view-switcher{background:#212121}.app-root.theme-dark .view-switcher-btn{color:#fff}.app-root.theme-dark .add-bill-cta{background:#242424;color:#fff;border-color:#fff}.app-root.theme-dark .list-search,.app-root.theme-dark .list-category,.app-root.theme-dark .list-threshold{background:#2d2d2d;border-color:#fff;color:#fff}.app-root.theme-dark .list-search::placeholder{color:#bababa;opacity:1}.app-root.theme-dark .list-highlight{color:#fff}.app-root.theme-dark .list-highlight input[type=checkbox]{appearance:none;-webkit-appearance:none;width:24px;height:24px;background:#212121;border-color:#fff;border:1px solid #ffffff;border-radius:6px;display:inline-grid;place-content:center}.app-root.theme-dark .list-highlight input[type=checkbox]:after{content:"";width:11px;height:6px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .1s ease-in-out}.app-root.theme-dark .list-highlight input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}.app-root.theme-dark .bills-table{background:#242424;border-color:#4d4b4b}.app-root.theme-dark .bills-table thead{background:#4d4b4b}.app-root.theme-dark .bills-table thead th,.app-root.theme-dark .th-sort,.app-root.theme-dark .bills-table tbody td,.app-root.theme-dark .notes,.app-root.theme-dark .cell-name{color:#fff}.app-root.theme-dark .bills-table tbody tr+tr td{border-top-color:#4d4b4b}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-card.modal-card--figma{width:100%;max-width:527px;border-radius:16px;padding:0 40px 40px;box-sizing:border-box;position:relative;overflow-x:hidden;overflow-y:visible;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000073}.app-root.theme-light .modal-card.modal-card--figma{background:#fdfdf0;border:1px solid rgba(0,0,0,.14);color:#000;color-scheme:light}.app-root.theme-dark .modal-card.modal-card--figma{background:#242424;border:1px solid rgba(255,255,255,.12);color:#fff;color-scheme:dark}.modal-card.modal-card--add-bill.modal-card--figma{min-height:600px;max-height:min(600px,calc(100vh - 40px))}.modal-card.modal-card--view-bill.modal-card--figma,.modal-card.modal-card--edit-bill.modal-card--figma{max-height:min(92vh,720px)}.figma-modal-scroll{flex:1 1 auto;min-height:0;padding-top:40px;max-height:min(520px,calc(100vh - 120px));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-card--add-bill .figma-modal-scroll{max-height:min(472px,calc(100vh - 128px))}.app-root.theme-light .modal-card--figma select option,.app-root.theme-light .add-bill-dp__popover select option{background:#f5f6eb;color:#262626}.app-root.theme-dark .modal-card--figma select option,.app-root.theme-dark .add-bill-dp__popover select option{background:#2d2d2d;color:#fff}.app-root.theme-dark .modal-card--figma select option:checked,.app-root.theme-dark .add-bill-dp__popover select option:checked{background:#4d4b4b;color:#fff}.modal-close.modal-close--figma{position:absolute;top:16px;right:16px;width:16px;height:16px;padding:0;margin:0;border:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;z-index:3;box-sizing:border-box;overflow:hidden}.modal-close.modal-close--figma .figma-close-icon{display:block;flex-shrink:0;position:relative;left:-3px;top:-3px}.app-root.theme-light .modal-close.modal-close--figma{background:#e4e6d4;color:#262626}.app-root.theme-dark .modal-close.modal-close--figma{background:#1b1b1b;color:#fff}.modal-close.modal-close--figma:hover{opacity:.92;filter:brightness(.98)}.modal-close.modal-close--figma:focus-visible{outline:2px solid rgba(140,120,220,.85);outline-offset:2px}.modal-title--figma{margin:0 0 22px;padding:0;font-size:18px;font-weight:700;line-height:22px}.app-root.theme-light .modal-title--figma{color:#000}.app-root.theme-dark .modal-title--figma{color:#fff}.modal-card--figma .modal-grid--readout.figma-readout{gap:12px 20px;margin-bottom:8px}.modal-card--figma .figma-readout .modal-k{font-size:14px;font-weight:600;line-height:22px;opacity:1}.app-root.theme-light .modal-card--figma .figma-readout .modal-k{color:#000}.app-root.theme-dark .modal-card--figma .figma-readout .modal-k{color:#fff}.modal-card--figma .figma-readout .modal-v{font-size:12px;font-weight:600;line-height:22px}.app-root.theme-light .modal-card--figma .figma-readout .modal-v{color:#262626}.app-root.theme-dark .modal-card--figma .figma-readout .modal-v{color:#fff}.modal-card--figma .view-history-toggle{width:100%;border-radius:8px;border:1px solid #000;background:#f5f6eb;color:#262626}.app-root.theme-dark .modal-card--figma .view-history-toggle{border-color:#fff;background:#2d2d2d;color:#fff}.modal-card--figma .figma-form{display:flex;flex-direction:column;gap:14px;min-width:0}.modal-card--edit-bill .add-bill-figma-input,.modal-card--edit-bill .add-bill-figma-select{width:100%;max-width:none}.modal-card--edit-bill .modal-field{gap:4px}.modal-overlay .modal-card--figma .add-bill-figma-label{font-size:14px!important;line-height:22px!important;font-weight:600!important}.modal-overlay .modal-card--figma label.add-bill-figma-oneoff,.modal-overlay .modal-card--figma label.add-bill-figma-check-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;line-height:22px!important;font-weight:600!important}.modal-overlay .modal-card--figma .modal-title--figma{font-size:18px!important;line-height:22px!important;font-weight:700!important}.modal-history--figma{margin-top:16px;margin-bottom:8px}.modal-card--figma .amount-history-th,.modal-card--figma .amount-history-td{border-bottom:1px solid rgba(0,0,0,.1)}.app-root.theme-dark .modal-card--figma .amount-history-th,.app-root.theme-dark .modal-card--figma .amount-history-td{border-bottom-color:#ffffff1f}.edit-share-hint--figma{margin-top:0}.add-bill-section--figma{padding:0;min-width:0}.add-bill-figma-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:28px;padding-right:32px}.add-bill-figma-title{margin:0;font-size:18px;font-weight:700;line-height:22px}.app-root.theme-light .add-bill-figma-title{color:#000}.app-root.theme-dark .add-bill-figma-title{color:#fff}.add-bill-figma-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;list-style:none;margin:0;padding:0}.add-bill-figma-chip{border:0;cursor:pointer;font:inherit;font-size:10px;font-weight:600;line-height:22px;padding:0 8px;border-radius:21px}.app-root.theme-light .add-bill-figma-chip{background:#e9ebdb;color:#000}.app-root.theme-dark .add-bill-figma-chip{background:#4d4b4b;color:#fff}.add-bill-figma-chip:focus-visible{outline:2px solid rgba(140,120,220,.85);outline-offset:2px}.add-bill-figma-grid{display:grid;grid-template-columns:200px 200px;column-gap:24px;row-gap:24px;justify-content:start;margin-bottom:24px}.add-bill-figma-field{display:flex;flex-direction:column;gap:3px;min-width:0}.add-bill-figma-field--freq{align-self:start}.add-bill-figma-field--oneoff{display:flex;flex-direction:column;justify-content:flex-end;align-self:end;padding-bottom:4px}.add-bill-figma-label--phantom{visibility:hidden;height:0;margin:0;padding:0;line-height:0;overflow:hidden}.add-bill-figma-label{font-size:14px;font-weight:600;line-height:22px}.app-root.theme-light .add-bill-figma-label{color:#000}.app-root.theme-dark .add-bill-figma-label{color:#fff}.add-bill-figma-input,.add-bill-figma-select{width:200px;max-width:100%;height:32px;box-sizing:border-box;border-radius:8px;font:inherit;font-size:12px;font-weight:600;line-height:22px;padding:0 12px;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}.app-root.theme-light .add-bill-figma-input{background:#f5f6eb;border:1px solid #000;color:#262626}.app-root.theme-dark .add-bill-figma-input{background:#2d2d2d;border:1px solid #fff;color:#fff}.app-root.theme-light .add-bill-figma-select{background-color:#f5f6eb;border:1px solid #000;color:#262626}.app-root.theme-dark .add-bill-figma-select{background-color:#2d2d2d;border:1px solid #fff;color:#fff}.modal-card--figma .add-bill-figma-input--date{height:32px!important;min-height:32px;padding-top:0;padding-bottom:0;box-shadow:none!important}.app-root.theme-light .add-bill-figma-input--date{color-scheme:light}.app-root.theme-dark .add-bill-figma-input--date{color-scheme:dark}.add-bill-figma-input--date::-webkit-calendar-picker-indicator{opacity:.85;cursor:pointer}.app-root.theme-light .add-bill-figma-input--date::-webkit-calendar-picker-indicator{filter:none}.app-root.theme-dark .add-bill-figma-input--date::-webkit-calendar-picker-indicator{filter:invert(1)}.add-bill-figma-input::placeholder{color:#888;opacity:1;font-weight:600}.app-root.theme-dark .add-bill-figma-input::placeholder{color:#888}.add-bill-figma-select{padding-right:28px;background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;background-size:10px 5px}.app-root.theme-light .add-bill-figma-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath fill='%23000' d='M0 0h10L5 5z'/%3E%3C/svg%3E")}.app-root.theme-dark .add-bill-figma-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath fill='%23fff' d='M0 0h10L5 5z'/%3E%3C/svg%3E")}.add-bill-figma-select:disabled{opacity:.55;cursor:not-allowed}.add-bill-figma-money{position:relative;width:200px;max-width:100%;height:32px;box-sizing:border-box;border-radius:8px;display:flex;align-items:center}.app-root.theme-light .add-bill-figma-money{background:#f5f6eb;border:1px solid #000}.app-root.theme-dark .add-bill-figma-money{background:#2d2d2d;border:1px solid #fff}.add-bill-figma-money.is-error{box-shadow:0 0 0 2px #ff636359}.add-bill-figma-money-prefix{flex:0 0 auto;padding-left:7px;font-size:12px;font-weight:600;line-height:22px}.app-root.theme-light .add-bill-figma-money-prefix{color:#000}.app-root.theme-dark .add-bill-figma-money-prefix{color:#e5e5e5}.add-bill-figma-money-input{flex:1 1 auto;min-width:0;height:100%;border:0;background:transparent;font:inherit;font-size:12px;font-weight:600;line-height:22px;padding:0 10px 0 4px;outline:none;box-shadow:none}.app-root.theme-light .add-bill-figma-money-input{color:#262626}.app-root.theme-dark .add-bill-figma-money-input{color:#fff}.add-bill-figma-money-input::placeholder{color:#888;opacity:1}.add-bill-figma-oneoff{display:inline-flex;align-items:center;gap:8px;margin:0;cursor:pointer;font-size:12px;font-weight:600;line-height:22px;-webkit-user-select:none;user-select:none}.app-root.theme-light .add-bill-figma-oneoff{color:#262626}.app-root.theme-dark .add-bill-figma-oneoff{color:#fff}.add-bill-figma-oneoff input[type=checkbox]{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin:0;flex-shrink:0;border-radius:6px;cursor:pointer}.app-root.theme-light .add-bill-figma-oneoff input[type=checkbox]{background:#f5f6eb;border:1px solid #000}.app-root.theme-dark .add-bill-figma-oneoff input[type=checkbox]{background:#2d2d2d;border:1px solid #fff}.add-bill-figma-oneoff input[type=checkbox]:checked:after{content:"";display:block;width:6px;height:11px;margin:2px auto 0;border-right:2px solid #262626;border-bottom:2px solid #262626;transform:rotate(45deg)}.app-root.theme-dark .add-bill-figma-oneoff input[type=checkbox]:checked:after{border-right-color:#fff;border-bottom-color:#fff}.add-bill-figma-more{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;margin:0 0 16px;border-radius:21px;font:inherit;font-size:12px;font-weight:600;line-height:22px;cursor:pointer;background:transparent}.app-root.theme-light .add-bill-figma-more{border:1px solid #000;color:#000}.app-root.theme-dark .add-bill-figma-more{border:1px solid #fff;color:#fff}.add-bill-figma-more:focus-visible{outline:2px solid rgba(140,120,220,.85);outline-offset:2px}.add-bill-figma-more-chev{display:inline-flex;transition:transform .16s ease}.add-bill-figma-more-chev.is-open{transform:rotate(180deg)}.add-bill-figma-more-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:28px;padding-top:4px}.add-bill-figma-field--full .add-bill-figma-input,.add-bill-figma-field--full .add-bill-figma-select{width:100%;max-width:424px}.add-bill-figma-share-grid{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px;align-items:start;max-width:424px}.add-bill-figma-check-row{display:inline-flex;align-items:center;gap:10px;margin:0;cursor:pointer;font-size:12px;font-weight:600}.app-root.theme-light .add-bill-figma-check-row{color:#000}.app-root.theme-dark .add-bill-figma-check-row{color:#fff}.add-bill-figma-check-row input[type=checkbox]{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin:0;border-radius:6px;cursor:pointer}.app-root.theme-light .add-bill-figma-check-row input[type=checkbox]{background:#f5f6eb;border:1px solid #000}.app-root.theme-dark .add-bill-figma-check-row input[type=checkbox]{background:#2d2d2d;border:1px solid #fff}.add-bill-figma-hint{margin:2px 0 0;font-size:11px;line-height:1.35;opacity:.75}.app-root.theme-light .add-bill-figma-hint{color:#262626}.app-root.theme-dark .add-bill-figma-hint{color:#e5e5e5}.add-bill-figma-error{font-size:12px;color:#e85d5d;margin-top:2px}.add-bill-figma-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;margin-top:auto;padding-top:8px}.add-bill-figma-btn{width:132px;height:48px;box-sizing:border-box;padding:8px;border-radius:4px;font:inherit;font-size:14px;font-weight:700;line-height:1.55;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.add-bill-figma-btn--cancel{border:2px solid #000;background:transparent;color:#000}.app-root.theme-dark .add-bill-figma-btn--cancel{border:0;background:#4d4b4b;color:#fff}.add-bill-figma-btn--add{border:2px solid #fff;background:#000;color:#fff}.add-bill-figma-btn:focus-visible{outline:2px solid rgba(140,120,220,.85);outline-offset:2px}.add-bill-dp{position:relative;width:200px;max-width:100%}.add-bill-dp__trigger{width:100%;height:32px;box-sizing:border-box;border-radius:8px;padding:0 32px 0 15px;font:inherit;font-size:12px;font-weight:600;line-height:22px;text-align:left;cursor:pointer;display:flex;align-items:center;position:relative;border:1px solid #000}.app-root.theme-dark .add-bill-dp__trigger{border-color:#fff}.app-root.theme-light .add-bill-dp__trigger{background:#f5f6eb;color:#262626}.app-root.theme-dark .add-bill-dp__trigger{background:#2d2d2d;color:#fff}.add-bill-dp__trigger.is-error{box-shadow:0 0 0 2px #ff636359}.add-bill-dp__trigger-text--placeholder{color:#888}.add-bill-dp__cal-ico{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;opacity:.95;pointer-events:none}.add-bill-dp__cal-svg{display:block;flex-shrink:0;vertical-align:middle;transform:scaleY(-1)}.app-root.theme-light .add-bill-dp__cal-ico{color:#000}.app-root.theme-dark .add-bill-dp__cal-ico{color:#fff}.add-bill-dp__popover{position:absolute;left:0;top:calc(100% + 4px);z-index:50;width:min(238px,calc(100vw - 48px));box-sizing:border-box;padding:16px 10px;border-radius:4px;border:1px solid #000;box-shadow:0 7px 7px -5px #0000001a,0 10px 15px -5px #0000001a,0 1px 3px #0000001a}.app-root.theme-light .add-bill-dp__popover{background:#fdfdf0}.app-root.theme-dark .add-bill-dp__popover{background:#242424;border-color:#fff}.add-bill-dp__head{display:flex;align-items:flex-start;gap:4px;padding-bottom:10px}.add-bill-dp__nav{width:32px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.app-root.theme-light .add-bill-dp__nav{color:#000}.app-root.theme-dark .add-bill-dp__nav{color:#fff}.add-bill-dp__title-slot{flex:1;min-width:0;display:flex;justify-content:center;position:relative;height:32px}.add-bill-dp__pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:13px;pointer-events:none;white-space:nowrap}.app-root.theme-light .add-bill-dp__pill{background:#e9ebdb}.app-root.theme-dark .add-bill-dp__pill{background:#4d4b4b}.add-bill-dp__pill-label{font-size:12px;font-weight:600;line-height:1.55}.app-root.theme-light .add-bill-dp__pill-label{color:#000}.app-root.theme-dark .add-bill-dp__pill-label{color:#fff}.add-bill-dp__updown{display:inline-flex;flex-direction:column;width:14px;flex-shrink:0;line-height:0}.add-bill-dp__updown-top{display:block;margin-bottom:0}.add-bill-dp__updown-bot{display:block;margin-top:-1px}.app-root.theme-light .add-bill-dp__updown{color:#000}.app-root.theme-dark .add-bill-dp__updown{color:#fff}.add-bill-dp__pill-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;width:174px;max-width:100%;height:32px;opacity:0;z-index:2}.add-bill-dp__native-month,.add-bill-dp__native-year{flex:1;min-width:0;height:100%;cursor:pointer;font-size:14px;border:0;background:transparent}.add-bill-dp__weekdays{display:flex;padding-bottom:5px}.add-bill-dp__weekday{width:34px;flex:0 0 34px;text-align:center;font-size:12px;font-weight:600;line-height:1.55}.app-root.theme-light .add-bill-dp__weekday{color:#7e7a7a}.app-root.theme-dark .add-bill-dp__weekday{color:#fff}.add-bill-dp__row{display:flex}.add-bill-dp__cell-wrap{width:34px;flex:0 0 34px;display:flex;justify-content:center;padding:1px;box-sizing:border-box}.add-bill-dp__day{width:32px;height:32px;border:0;border-radius:4px;padding:0;margin:0;font:inherit;font-size:12px;font-weight:400;line-height:1.55;cursor:pointer;background:transparent}.app-root.theme-light .add-bill-dp__day--in{color:#495057}.app-root.theme-light .add-bill-dp__day--out{color:#8f8f8f}.app-root.theme-dark .add-bill-dp__day--in{color:#fff}.app-root.theme-dark .add-bill-dp__day--out{color:#4d4b4b}.app-root.theme-light .add-bill-dp__day--selected{background:#494949;color:#fff}.app-root.theme-dark .add-bill-dp__day--selected{background:#fff;color:#000}.add-bill-dp__day:hover:not(.add-bill-dp__day--selected){filter:brightness(.96)}@media(max-width:560px){.add-bill-figma-grid{grid-template-columns:minmax(0,1fr)}.add-bill-figma-field--oneoff{align-self:start}.add-bill-figma-input,.add-bill-figma-select,.add-bill-figma-money,.add-bill-dp{width:100%}.add-bill-figma-actions{justify-content:stretch}.add-bill-figma-btn{flex:1}}