:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#eef4ff 0%,#f8faff 40%,#f6f8fc 100%);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.35}*{box-sizing:border-box}body{scrollbar-gutter:stable;background:0 0;min-height:100svh;margin:0;overflow-y:scroll}#root{width:100%}.app-shell{gap:.65rem;max-width:960px;margin:0 auto;padding:.7rem .7rem 5.3rem;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;margin-bottom:.15rem;margin-left:.55rem;font-size:1.08rem}h2{font-size:.9rem}h3{font-size:.82rem}.app-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.header-actions{align-items:center;gap:.4rem;display:flex}.connectivity-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:.16rem .5rem;font-size:.62rem;font-weight:700;display:inline-flex}.connectivity-badge.is-online{color:#166534;background:#dcfce7;border-color:#86efac}.connectivity-badge.is-offline{color:#92400e;background:#fff7d6;border-color:#fde68a}.muted{color:#64748b;font-size:.72rem}.forecast-note{margin-top:.1rem;font-size:.7rem}.card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #dbe6f7;border-radius:14px;padding:.62rem;box-shadow:0 10px 24px #0f172a0f}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem;display:flex}.summary-grid{flex-wrap:wrap;align-items:stretch;gap:.35rem;display:flex}.summary-card{color:#f8fafc;background:#111827;border-radius:8px;flex:108px;min-width:108px;max-width:150px;padding:.45rem}.summary-card p{font-size:.86rem;font-weight:700}.summary-card h3{font-size:.68rem;line-height:1.2}.bill-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.4rem;display:grid}.bill-form .full-span{grid-column:1/-1}.bill-form label{color:#334155;gap:.25rem;font-size:.75rem;display:grid}.bill-form input,.bill-form select{background:#fff;border:1px solid #c8d8f1;border-radius:10px;padding:.42rem .5rem;font-size:.78rem;transition:border-color .2s,box-shadow .2s}.bill-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M0.8 0.9a.6.6 0 0 1 .84 0L5 4.18 8.36.9a.6.6 0 0 1 .84.86l-3.78 3.7a.6.6 0 0 1-.84 0L.8 1.76a.6.6 0 0 1 0-.86Z'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding-right:1.6rem}.bill-form input:focus,.bill-form select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.actions-row{flex-direction:column;align-items:stretch;gap:.35rem;display:flex}.button{cursor:pointer;border:none;border-radius:10px;padding:.4rem .58rem;font-size:.74rem;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);box-shadow:0 6px 14px #2563eb3d}.button.secondary{color:#1e293b;background:#f1f5f9;border:1px solid #d9e2ef}.export-button{white-space:nowrap}.hidden-input{display:none}.button.danger{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3}.error-text{color:#b91c1c;grid-column:1/-1;font-size:.72rem}.upcoming-list{gap:.35rem;margin:.45rem 0 0;padding:0;list-style:none;display:grid}.upcoming-item{border:1px solid #e2e8f0;border-radius:8px;gap:.3rem;padding:.45rem;display:grid}.upcoming-meta{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.chip{letter-spacing:.01em;border-radius:999px;padding:.14rem .45rem;font-size:.65rem;font-weight:700}.chip.ok{color:#166534;background:#dcfce7}.chip.warn{color:#9a6700;background:#fff7d6}.chip.overdue{color:#991b1b;background:#fee2e2}.empty-state{color:#64748b;margin-top:.45rem;font-size:.72rem}.bill-cards{justify-items:center;gap:.55rem;margin:.45rem 0 0;padding:0;list-style:none;display:grid}.bill-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));place-items:start stretch}.bill-cards-grid .bill-card{width:100%;max-width:none}.bill-cards-grid .bill-card-credit{min-height:220px;position:relative}.bill-cards-grid .bill-card-head{align-items:flex-start}.bill-cards-grid .bill-head-tags{flex-wrap:wrap;justify-content:flex-end;row-gap:.18rem}.bill-cards-grid .bill-title-wrap{flex:1;min-width:0}.bill-cards-grid .bill-card-head h3{white-space:normal;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box}.bill-cards-grid .quick-metric{background:0 0;border:none;border-radius:8px;padding:.3rem .34rem}.bill-cards-grid .quick-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.36rem}.bill-cards-grid .usage-metric{background:0 0;grid-column:1/-1}.bill-cards-grid .bill-card-credit .quick-glance-grid strong{font-size:.84rem}.category-section+.category-section{margin-top:.9rem}.category-section{border:none;border-radius:14px;padding:.28rem .34rem .38rem;position:relative}.category-section-recent,.category-section-windowA{background:linear-gradient(#dbeafe80 0%,#fff0 100%)}.category-section-upcoming,.category-section-windowB{background:linear-gradient(#e0f2fe80 0%,#fff0 100%)}.category-section-recent:before,.category-section-upcoming:before{content:none;border-radius:999px;width:1px;position:absolute;top:.5rem;bottom:.5rem;left:0}.category-section-recent:before{background:linear-gradient(#3b82f6f2 0%,#3b82f600 100%)}.category-section-upcoming:before{background:linear-gradient(#06b6d4f2 0%,#06b6d400 100%)}.category-title{color:#475569;letter-spacing:.07em;text-transform:none;justify-content:center;align-items:center;gap:.4rem;margin:.22rem 0 .18rem;font-size:.64rem;font-weight:700;display:flex}.category-month{font-size:.9em}.category-title:before,.category-title:after{content:"";background:linear-gradient(90deg,#0000 0%,#cbd5e1 100%);flex:1;height:1px}.category-title:after{background:linear-gradient(90deg,#cbd5e1 0%,#0000 100%)}.category-title-recent,.category-title-windowA{color:#1d4ed8}.category-title-upcoming,.category-title-windowB{color:#0e7490}.category-title-recent:before,.category-title-recent:after,.category-title-windowA:before,.category-title-windowA:after{background:linear-gradient(90deg,#0000 0%,#93c5fd 100%)}.category-title-recent:after,.category-title-windowA:after{background:linear-gradient(90deg,#93c5fd 0%,#0000 100%)}.category-title-upcoming:before,.category-title-upcoming:after,.category-title-windowB:before,.category-title-windowB:after{background:linear-gradient(90deg,#0000 0%,#67e8f9 100%)}.category-title-upcoming:after,.category-title-windowB:after{background:linear-gradient(90deg,#67e8f9 0%,#0000 100%)}.category-collapse-row{justify-content:center;margin:.2rem 0 .3rem;display:flex}.category-collapse-toggle{padding:.24rem .46rem;font-size:.66rem}.top-category-summary{margin-inline:auto;grid-template-columns:1fr;gap:.4rem;width:calc(100% - .75rem);max-width:740px;margin-bottom:.55rem;display:grid}.top-split-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:.4rem;display:grid}.view-controls-row{background:linear-gradient(#f7fbff 0%,#edf5ff 100%);border:1px solid #d8e7ff;border-radius:12px;align-content:start;gap:.35rem;padding:.48rem;display:grid;box-shadow:0 4px 10px #2563eb14}.view-control-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;align-items:center;gap:.25rem;display:flex;overflow-x:auto}.view-controls-label{color:#334155;margin:0;padding-bottom:.28rem;font-size:.68rem;font-weight:800}.summary-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.summary-cards-grid.summary-count-1{grid-template-columns:minmax(0,1fr)}.summary-cards-grid.summary-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.view-toggle{white-space:nowrap;flex:none;align-items:center;gap:.3rem;padding:.28rem .54rem;font-size:.7rem;font-weight:700;display:inline-flex}.view-toggle-icon{font-size:.82rem;line-height:1}.view-toggle.is-active{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.window-nav-row{grid-column:1/-1;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.35rem;display:grid}.window-nav-button{justify-content:center;align-items:center;width:2.35rem;height:2.1rem;padding:0;font-size:1.2rem;font-weight:800;display:inline-flex}.window-nav-label{color:#334155;text-align:center;letter-spacing:.03em;font-size:.64rem;font-weight:700}.window-nav-today{white-space:nowrap;padding:.22rem .44rem;font-size:.62rem}.top-summary-card{background:linear-gradient(#f7fbff 0%,#edf5ff 100%);border:1px solid #d8e7ff;border-radius:12px;padding:.48rem;position:relative;overflow:hidden;box-shadow:0 4px 10px #2563eb14}.window-count-watermark{color:#64748b;opacity:.4;letter-spacing:.02em;pointer-events:none;font-size:.62rem;font-weight:700;position:absolute;bottom:.3rem;right:.42rem}.top-summary-card h4{color:#1d4ed8;align-items:center;gap:.28rem;margin:0 0 .18rem;font-size:.78rem;font-weight:800;display:flex}.summary-icon{background:#3b82f624;border-radius:999px;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.78rem;display:inline-flex}.top-summary-card p{color:#475569;font-size:.68rem}.bill-card{background:linear-gradient(#fff 0%,#f4f9ff 100%);border:1px solid #dbe7ff;border-radius:14px;gap:.5rem;width:calc(100% - .75rem);max-width:740px;padding:.62rem;transition:box-shadow .2s,transform .2s;display:grid;box-shadow:0 6px 16px #0f172a12}.bill-card-credit{color:#f8fbff;isolation:isolate;background:linear-gradient(160deg,#ffffff38 0%,#fff0 42%),radial-gradient(circle at 86% 18%,#93c5fd59,#0000 46%),linear-gradient(145deg,#1e3a8a 0%,#1d4ed8 52%,#3b82f6 100%);border:1px solid #bfdbfecc;border-radius:20px;width:min(100%,352px);max-width:352px;min-height:220px;position:relative;overflow:hidden;box-shadow:0 14px 30px #1e40af47,0 4px 10px #0f172a33}.bill-card-credit:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(115deg,#fff3 0%,#ffffff05 35%,#0000 60%),repeating-linear-gradient(35deg,#ffffff08 0 2px,#0000 2px 6px);position:absolute;inset:0}.bill-card-credit:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff40 0%,#fff0 72%);border-radius:999px;width:130px;height:130px;position:absolute;bottom:-54px;right:-36px}.bill-card-tone-paid.bill-card-credit{background:linear-gradient(160deg,#fff3 0%,#fff0 40%),radial-gradient(circle at 86% 18%,#86efac57,#0000 46%),linear-gradient(145deg,#14532d 0%,#166534 52%,#16a34a 100%)}.bill-card-tone-overdue.bill-card-credit{background:linear-gradient(160deg,#fff3 0%,#fff0 40%),radial-gradient(circle at 86% 18%,#fca5a557,#0000 46%),linear-gradient(145deg,#7f1d1d 0%,#991b1b 52%,#dc2626 100%)}.bill-card-credit>*{z-index:1;position:relative}.bill-card-credit .bill-card-head h3,.bill-card-credit .quick-glance-grid strong,.bill-card-credit .owner-inline,.bill-card-credit .quick-label{color:#f8fbff}.bill-card-credit .bill-card-head{align-items:flex-start}.bill-card-credit .bill-head-tags{padding-top:.08rem}.bill-card-credit .owner-inline{opacity:.88}.bill-card-credit .quick-label{opacity:.8}.bill-card-credit .quick-metric{background:#ffffff14;border:none}.bill-card-credit .chip.ok{color:#166534;background:#dcfce7f2}.bill-card-credit .chip.warn{color:#854d0e;background:#fef9c3f2}.bill-card-credit .chip.overdue{color:#991b1b;background:#fee2e2f2}.card-visual-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.08rem .04rem;display:grid}.card-visual-row--no-chip{grid-template-columns:1fr auto}.card-chip{background:linear-gradient(135deg,#fde68a 0%,#f59e0b 52%,#b45309 100%);border:1px solid #92400e47;border-radius:.34rem;width:1.9rem;height:1.35rem;box-shadow:inset 0 0 0 1px #ffffff3d}.card-number-line{gap:.08rem;min-width:0;display:grid}.card-number-label{letter-spacing:.08em;opacity:.8;font-size:.5rem;font-weight:700}.card-number-line strong{letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.74rem;overflow:hidden}.card-network-mark{letter-spacing:.1em;opacity:.82;white-space:nowrap;flex:none;font-size:.52rem;font-weight:800}.bill-card-expanded{width:calc(100% - .75rem);max-width:740px;min-height:unset}.bill-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px #2563eb29}.bill-card-history{background:linear-gradient(#f8fffb 0%,#effcf5 100%);border-color:#cce8d8;box-shadow:0 6px 14px #16653414}.bill-card-history:hover{transform:none;box-shadow:0 8px 16px #1665341a}.bill-card-carryover{background:linear-gradient(#fff8f8 0%,#fff1f2 100%);border-color:#fecaca;box-shadow:0 6px 14px #b91c1c14}.bill-card-carryover:hover{transform:none;box-shadow:0 8px 16px #b91c1c1a}.bill-card-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.bill-head-tags{flex:none;align-items:center;gap:.32rem;display:inline-flex}.owner-inline{color:#94a3b8;letter-spacing:.04em;font-size:.52rem;font-weight:500}.bill-title-wrap{align-items:center;gap:.45rem;min-width:0;display:flex}.bill-card-head h3{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.card-last4{color:#64748b;letter-spacing:.02em;font-size:.66em;font-weight:600}.bill-card-head .kind-inline{color:#94a3b8;font-size:.68rem;font-weight:500}.brand-avatar{background:#e2e8f0;border:1px solid #bfdbfe;border-radius:999px;flex:0 0 1.45rem;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;display:inline-flex;overflow:hidden}.brand-logo{object-fit:cover;width:100%;height:100%}.brand-sprite{background-repeat:no-repeat;width:100%;height:100%;display:block}.brand-fallback{color:#1e3a8a;background:#dbeafe;justify-content:center;align-items:center;width:100%;height:100%;font-size:.56rem;font-weight:700;display:inline-flex}.bill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem .45rem;margin:0;display:grid}.bill-expanded-body{gap:.45rem;padding:.12rem .42rem .06rem;display:grid}.bill-grid dt{color:#64748b;font-size:.62rem}.bill-grid dd{margin:.03rem 0 0;font-size:.71rem;font-weight:600}.inline-actions{flex-wrap:wrap;gap:.28rem;display:flex}.payment-history{border-top:1px dashed #dbe7ff;gap:.25rem;padding-top:.35rem;display:grid}.payment-history h4{color:#475569;letter-spacing:.02em;margin:0;font-size:.66rem}.payment-history-list{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.payment-history-list li{color:#475569;grid-template-columns:auto auto 1fr;align-items:center;gap:.28rem;font-size:.62rem;display:grid}.payment-history-list li strong{color:#0f172a;font-size:.64rem}.view-switch{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.quick-glance-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);gap:.45rem;display:grid}.quick-glance-grid strong{color:#0f172a;font-size:.7rem;display:block}.quick-label{color:#64748b;font-size:.62rem;display:block}.quick-metric{background:#ffffffb3;border-radius:10px;padding:.36rem .42rem}.due-date-metric{padding-inline:.3rem}.usage-metric{min-width:0}.usage-gauge-wrap{flex-direction:column;align-items:flex-start;gap:.14rem;display:flex}.usage-bar{border-radius:999px;width:100%;max-width:92px;height:.36rem;overflow:hidden}.usage-bar-fill{border-radius:inherit;height:100%;transition:width .2s;display:block}.usage-percent-line{font-variant-numeric:tabular-nums;font-size:.5rem;font-weight:600;line-height:1.1}.pagination-row{justify-content:space-between;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.plus-fab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;border-radius:50%;width:44px;height:44px;font-size:1.45rem;line-height:1;position:fixed;bottom:4.9rem;right:.7rem;box-shadow:0 12px 24px #2563eb52}.settings-card{gap:.45rem;display:grid}.fresh-start-hero{background:radial-gradient(circle at top,#f8fbff 0%,#eef5ff 45%,#e5efff 100%);border:1px solid #cfe0ff;place-items:center;min-height:clamp(300px,56vh,520px);display:grid;box-shadow:0 14px 32px #2563eb1f}.fresh-start-inner{text-align:center;justify-items:center;gap:.55rem;width:min(460px,100%);padding:.65rem;display:grid}.fresh-start-kicker{letter-spacing:-.02em;color:#0f172a;font-size:clamp(1.25rem,4.8vw,1.9rem);font-weight:800}.fresh-start-instruction{color:#475569;max-width:32ch;font-size:.82rem}.owner-manage-row{grid-template-columns:1fr auto;gap:.4rem;display:grid}.owner-manage-row input{border:1px solid #c8d8f1;border-radius:10px;padding:.42rem .5rem;font-size:.78rem}.owner-list,.transaction-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.owner-list li,.transaction-list li{background:#f8fbff;border:1px solid #dbe7ff;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem;display:flex}.owner-list li input{border:1px solid #c8d8f1;border-radius:10px;flex:1;min-width:0;padding:.36rem .48rem;font-size:.76rem}.owner-edit-actions{align-items:center;gap:.3rem;display:inline-flex}.transaction-meta{text-align:right;display:grid}.transaction-log-section{gap:.35rem}.transaction-log-wrap{background:#f8fbff;border:1px solid #dbe7ff;border-radius:10px;overflow-x:auto}.transaction-log-table{border-collapse:collapse;width:100%;min-width:560px}.transaction-log-table thead th{color:#334155;text-align:left;letter-spacing:.03em;background:#eff6ff;border-bottom:1px solid #dbe7ff;padding:.42rem .5rem;font-size:.62rem}.transaction-log-table tbody td{color:#0f172a;vertical-align:top;border-bottom:1px solid #e5eefc;padding:.42rem .5rem;font-size:.7rem}.transaction-log-table tbody tr:last-child td{border-bottom:none}.transaction-log-table tbody tr:nth-child(2n) td{background:#eff6ff73}.transaction-log-table .amount-col{text-align:right;white-space:nowrap}.bottom-nav{z-index:40;padding:.38rem .4rem calc(.38rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #dbe7ff;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:.18rem;display:grid;position:fixed;bottom:.5rem;left:.7rem;right:.7rem;box-shadow:0 14px 30px #0f172a29}.bottom-nav-item{color:#64748b;background:0 0;border:none;border-radius:12px;grid-template-rows:1rem auto;place-items:center;gap:.1rem;min-width:0;min-height:52px;padding:.28rem .14rem;font-weight:600;transition:background-color .16s,color .16s,transform .16s;display:grid;overflow:hidden}.bottom-nav-icon{justify-content:center;align-items:center;width:1.2rem;height:1.2rem;display:inline-flex}.bottom-nav-icon svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.bottom-nav-label{letter-spacing:.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.5rem;line-height:1;display:block;overflow:hidden}.bottom-nav-item.active{color:#1d4ed8;background:#eff6ff;box-shadow:inset 0 0 0 1px #bfdbfe}.bottom-nav-item:active{transform:scale(.98)}.modal-backdrop{z-index:50;background:#0f172a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #dbe6f7;border-radius:14px;gap:.55rem;width:min(460px,100%);padding:.85rem;display:grid;box-shadow:0 20px 45px #0f172a40}.modal-mode-list{color:#334155;gap:.28rem;margin:0;padding-left:1rem;font-size:.75rem;display:grid}.modal-actions{justify-content:flex-end;gap:.4rem;display:flex}@media (width<=430px){.bill-cards-list .quick-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.36rem}.bill-cards-list .usage-metric{grid-column:1/-1}.bill-cards-list .usage-gauge-wrap{width:100%}.bill-cards-list .usage-bar{max-width:none}.bill-cards-list .quick-glance-grid strong{overflow-wrap:anywhere;line-height:1.2}}@media (width>=768px){h1{font-size:1.2rem}.app-shell{padding-bottom:1rem}.actions-row{flex-direction:row;grid-column:1/-1;align-items:center}.upcoming-item{justify-content:space-between;align-items:center;display:flex}.view-switch{width:210px}.quick-glance-grid strong{font-size:.68rem}.plus-fab{bottom:1rem;right:1rem}.bottom-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;width:min(460px,100%);margin:0 auto .25rem;padding:.28rem;position:static;bottom:auto;left:auto;right:auto;box-shadow:0 8px 18px #0f172a1a}.bottom-nav-item{min-height:46px;padding:.2rem .12rem}.bottom-nav-icon{width:1.02rem;height:1.02rem}.bottom-nav-label{font-size:.55rem}}