:root{--color-primary: #16a34a;--color-danger: #dc2626;--color-bg: #f8fafc;--color-text: #0f172a;--bottom-nav-height: 60px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}.screen{padding:16px;padding-bottom:calc(var(--bottom-nav-height) + 24px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e2e8f0}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#94a3b8}.bottom-nav__icon{font-size:20px;line-height:1}.bottom-nav__label{font-size:11px;font-weight:600}.bottom-nav__item--active{color:var(--color-primary)}.muted{color:#64748b}.backend-status{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;margin:4px 0 12px}.backend-status--checking{background:#e2e8f0;color:#475569}.backend-status--ok{background:#dcfce7;color:#166534}.backend-status--unreachable{background:#fee2e2;color:#991b1b}.dev-nav{display:flex;gap:12px;margin-top:16px}.offline-banner{background:#fef3c7;color:#92400e;font-size:13px;text-align:center;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top))}.push-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.push-controls button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--color-text)}.push-controls button:disabled{opacity:.6}.push-controls__message{width:100%;font-size:12px;margin:0}.success-text{background:#dcfce7;color:#166534;font-size:13px;padding:8px 12px;border-radius:8px;margin:8px 0}.error-text{background:#fee2e2;color:#991b1b;font-size:13px;padding:8px 12px;border-radius:8px;margin:8px 0}.update-banner{position:fixed;top:0;left:0;right:0;z-index:20;display:block;width:100%;background:#1d4ed8;color:#fff;border:none;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));font-size:13px;font-weight:600;text-align:center}.link-button{color:var(--color-primary);font-weight:600;font-size:14px;text-decoration:none;background:none;border:none;padding:0;font-family:inherit}.home-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px}.home-header h1{margin:0}.home-header__subtitle{margin:2px 0 0;font-size:13px;color:#64748b}.home-header__clock{margin:2px 0 0;font-size:12px;font-weight:600;color:#94a3b8;font-variant-numeric:tabular-nums}.home-progress{margin:14px 0 4px}.home-progress__label{font-size:12px;font-weight:600;color:#475569;margin-bottom:6px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}@media (max-width: 420px){.category-grid{grid-template-columns:1fr}}.home-empty{min-height:calc(100vh - var(--bottom-nav-height) - 180px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:24px}.home-empty__icon{font-size:40px;margin-bottom:4px}.home-empty__title{font-weight:700;font-size:17px;margin:0}.home-empty .save-button{width:auto;padding:12px 28px;margin-top:12px}.category-card{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;text-align:left;text-decoration:none;color:inherit;font:inherit;cursor:pointer;box-shadow:0 1px 2px #0f172a0a;transition:transform .1s ease,box-shadow .1s ease}.category-card:active{transform:scale(.97);box-shadow:none}.category-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;flex:1}.category-card__check{position:absolute;top:10px;right:10px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background:var(--color-primary);border-radius:999px;line-height:1}.category-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#f0fdf4;font-size:28px}.category-card__icon--add{background:transparent;color:#94a3b8;font-size:24px}.category-card__name{font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card__vendor{font-size:13px;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card__last{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.category-card__add-vendor{font-size:12px;font-weight:600;color:var(--color-primary);background:none;border:none;padding:0;cursor:pointer;text-align:left}.category-card__status{font-size:12px;color:#991b1b;background:#fee2e2;padding:2px 8px;border-radius:999px}.category-card--add{flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#64748b;border-style:dashed;box-shadow:none}.vendors-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid #e2e8f0}.vendor-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;margin-bottom:10px;box-shadow:0 1px 2px #0f172a0a}.vendor-row__main{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.vendor-row__name{font-weight:600;font-size:15px}.vendor-row__icon{margin-right:4px}.vendor-row__badge{flex-shrink:0;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#f1f5f9;color:#64748b}.vendor-row__badge--active{background:#dcfce7;color:#166534}.vendor-row__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9}.vendor-row__edit{margin-top:8px}.link-button--danger{color:var(--color-danger);background:none;border:none;font-weight:600;font-size:14px;padding:0}.push-right{margin-left:auto}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;margin-top:10px;box-shadow:0 1px 2px #0f172a0a}.entry-header{margin-bottom:10px}.entry-header__row{display:flex;align-items:center;gap:10px}.back-button,.entry-header__action-btn{flex-shrink:0;width:36px;height:36px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cbd5e1;border-radius:999px;font-size:16px;line-height:1;color:var(--color-text);text-decoration:none;cursor:pointer}.entry-header__title{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.entry-header__title h1{margin:0;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-header__icon{font-size:22px;flex-shrink:0}.entry-header__actions{display:flex;gap:6px;flex-shrink:0}.entry-header__meta{font-size:13px;color:#64748b;margin:8px 0 6px}.vendor-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.vendor-picker__chip{background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:#475569}.vendor-picker__chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.total-box{background:#fff;border:2px solid var(--color-primary);border-radius:14px;padding:20px;text-align:center;margin:12px 0;box-shadow:0 2px 8px #16a34a1a}@keyframes total-pulse{0%{transform:scale(1)}35%{transform:scale(1.035)}to{transform:scale(1)}}.total-box--pulse{animation:total-pulse .22s ease}.total-box__quantity{font-size:22px;font-weight:700}.total-box__quantity--with-icon{display:flex;align-items:center;justify-content:center;gap:8px}.total-box__amount{font-size:16px;color:#16a34a;font-weight:600;margin-top:4px}.total-box__amount--large{font-size:32px;margin-top:0}.denomination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.denomination-button{position:relative;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px 8px;font-size:16px;font-weight:600;box-shadow:0 1px 2px #0f172a0d;transition:transform .1s ease,background .15s ease,border-color .15s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.denomination-button__icon{height:32px;display:flex;align-items:flex-end;justify-content:center;line-height:1}.denomination-button__label{font-size:16px;font-weight:700}.denomination-button__raw{font-size:11px;font-weight:500;color:#94a3b8}.denomination-button:active{transform:scale(.94);background:#dcfce7;border-color:var(--color-primary);box-shadow:none}.denomination-button--selected{border-color:var(--color-primary);background:#f0fdf4}.denomination-button__badge{position:absolute;top:-7px;right:-7px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 2px #0003}.tap-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:6px}.tap-list__item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px}.tap-list__label{display:inline-flex;align-items:center;gap:6px}.tap-list__remove{background:none;border:none;color:var(--color-danger);font-size:15px;padding:0 4px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.keypad__key{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:18px 8px;font-size:20px;font-weight:600;box-shadow:0 1px 2px #0f172a0d;transition:transform .1s ease,background .15s ease}.keypad__key:active{transform:scale(.94);background:#f1f5f9;box-shadow:none}.save-button{display:block;width:100%;background:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:700;margin-top:16px;box-shadow:0 2px 6px #16a34a40}.save-button:active{box-shadow:none}.save-button:disabled{opacity:.6}.danger-button{display:block;width:100%;background:#fff;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:10px;padding:14px;font-size:15px;font-weight:700;margin-top:10px;cursor:pointer}.danger-button:active{background:#fef2f2}.account-logout-zone{margin-top:28px;padding-top:20px;border-top:1px solid #e2e8f0}.danger-button:disabled{opacity:.6}.field-label{display:block;font-size:13px;font-weight:600;color:#475569;margin:14px 0 6px}.text-input{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:15px;background:#fff;color:var(--color-text)}.toggle-group{display:flex;gap:8px}.toggle-button{flex:1;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-weight:600;color:#475569}.toggle-button--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.icon-grid__item{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 0;font-size:20px}.icon-grid__item--active{border-color:var(--color-primary);background:#dcfce7}.tag-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tag-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:8px 14px;font-size:14px;color:var(--color-text)}.tag-chip--active{border-color:var(--color-primary);background:#dcfce7}.tag-chip--add{border-style:dashed;color:#64748b;background:none}.tag-add-form{display:flex;gap:8px;margin-bottom:10px}.tag-add-form .text-input{flex:1}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0f172a80;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal-sheet{background:var(--color-bg, #f8fafc);width:100%;max-width:448px;max-height:80vh;border-radius:18px 18px 0 0;padding:16px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden}.modal-sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-sheet__body{overflow-y:auto;padding-bottom:4px}.timeline__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.timeline__tag{font-size:11px;background:#f1f5f9;border-radius:999px;padding:2px 8px;color:#475569}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#eef1f5 37%,#e2e8f0 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;gap:12px}.list-sentinel{display:flex;justify-content:center;padding:14px 0;min-height:1px}.month-nav{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.month-nav__label{font-weight:700;font-size:16px}.month-nav__btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:36px;height:36px;font-size:16px;line-height:1}.month-nav__btn:disabled{opacity:.35}.category-breakdown{display:flex;flex-direction:column;gap:10px;margin:12px 0 16px}.category-breakdown__item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px}.category-breakdown__top{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:6px}.category-breakdown__name{font-weight:600}.category-breakdown__amount{font-weight:700}.category-breakdown__bar-track{background:#f1f5f9;border-radius:999px;height:8px;overflow:hidden}.category-breakdown__bar-fill{background:var(--color-primary);height:100%;border-radius:999px}.balance-card{background:#fff;border:2px solid #16a34a;border-radius:14px;padding:18px;text-align:center;margin:16px 0}.balance-card--due{border-color:var(--color-danger)}.balance-card__label{font-size:13px;color:#64748b}.balance-card__amount{font-size:28px;font-weight:700;margin-top:4px}.balance-card--due .balance-card__amount{color:var(--color-danger)}.ledger-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.ledger-card{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:14px 8px;text-align:center;cursor:pointer;font:inherit;color:inherit}.ledger-card__label{font-size:12px;color:#64748b}.ledger-card__amount{font-size:18px;font-weight:700;margin-top:4px}.ledger-card--active{border-color:#16a34a}.ledger-card--pending .ledger-card__amount{color:var(--color-danger)}.ledger-card--pending.ledger-card--active{border-color:var(--color-danger)}.month-accordion{display:flex;flex-direction:column;gap:8px}.month-accordion__item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.month-accordion__header{width:100%;display:flex;align-items:center;gap:8px;background:none;border:none;padding:12px 14px;text-align:left;font:inherit;color:var(--color-text);cursor:pointer}.month-accordion__title{font-weight:700;font-size:14px;white-space:nowrap}.month-accordion__summary{font-size:12px;color:#64748b;flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-accordion__chevron{color:#94a3b8;transition:transform .15s ease;flex-shrink:0}.month-accordion__chevron--open{transform:rotate(180deg)}.month-accordion__body{padding:0 14px 12px;border-top:1px solid #f1f5f9}.month-accordion__body .timeline{margin-top:10px}.payment-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-top:12px}.history-filters{display:flex;flex-direction:column;gap:8px;margin:16px 0}.history-filters__dates{display:flex;gap:8px}.section-heading{font-size:15px;margin:20px 0 8px}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.recent-transactions{margin-top:24px}.recent-transactions__list{max-height:260px;overflow-y:auto;padding-right:4px}.timeline__item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px}.timeline__date{font-size:13px;font-weight:600}.timeline__note{font-size:12px;color:#64748b}.timeline__amount{font-weight:700;color:#991b1b}.timeline__amount--credit{color:#166534}.timeline__amount--with-icon{display:flex;align-items:center;gap:4px}.timeline__amount-qty{display:inline-flex;align-items:center;gap:4px}.timeline__right{display:flex;align-items:center;gap:10px}.timeline__delete{background:none;border:none;color:#94a3b8;font-size:15px;line-height:1;padding:4px;cursor:pointer}.timeline__delete:hover{color:#dc2626}.timeline__delete:disabled{opacity:.5;cursor:default}.timeline__edit{background:none;border:none;color:#94a3b8;font-size:15px;line-height:1;padding:4px}.timeline__edit:hover{color:var(--color-primary)}.timeline__edit:disabled{opacity:.5;cursor:default}.payment-edit-form{flex:1;display:flex;flex-direction:column;gap:6px}.payment-edit-form .text-input{padding:8px 10px;font-size:13px}.payment-edit-form__actions{display:flex;gap:8px;margin-top:2px}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;text-align:center}.metric-card__label{font-size:12px;color:#64748b}.metric-card__value{font-size:22px;font-weight:700;margin-top:4px}.vendor-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.vendor-list__item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;text-decoration:none;color:inherit}.vendor-list__name{font-weight:600;font-size:14px}.vendor-list__amount{font-weight:700;color:#166534}.vendor-list__amount--due{color:var(--color-danger)}.install-banner{position:fixed;left:16px;right:16px;bottom:calc(var(--bottom-nav-height) + 12px + env(safe-area-inset-bottom));max-width:448px;margin:0 auto;display:block;width:calc(100% - 32px);background:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #00000026}.auth-screen{padding-top:32px;max-width:360px;margin:0 auto}.auth-code-input{text-transform:uppercase;letter-spacing:2px;font-weight:700;text-align:center}.auth-pin-input{text-align:center;font-size:24px;letter-spacing:10px;font-weight:700}.auth-user-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.auth-user-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;text-align:left;cursor:pointer}.auth-user-card:active{border-color:var(--color-primary)}.auth-user-card--static{cursor:default}.auth-user-card--static:active{border-color:#e2e8f0}.auth-user-card__badge{flex-shrink:0;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#f1f5f9;color:#64748b;margin-left:8px}.auth-switch{text-align:center;font-size:14px;color:#64748b;margin-top:20px}.account-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;margin-bottom:10px}.account-card__label{font-size:12px;color:#64748b}.account-card__value{font-size:16px;font-weight:600;margin-top:2px;display:flex;align-items:center;gap:8px}.invite-code-box{display:flex;align-items:center;justify-content:space-between;background:#fff;border:2px dashed #cbd5e1;border-radius:10px;padding:14px 16px;margin-top:8px}.invite-code-box__code{font-size:20px;font-weight:700;letter-spacing:2px}.coach-tour__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.coach-tour__spotlight{position:fixed;z-index:200;border-radius:12px;box-shadow:0 0 0 9999px #0f172ab8;pointer-events:none;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease}.coach-tour__tooltip{position:fixed;z-index:201;left:16px;right:16px;max-width:448px;margin:0 auto;background:#fff;border-radius:14px;padding:16px;box-shadow:0 8px 24px #00000040}.coach-tour__step{font-size:11px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.coach-tour__title{font-size:16px;font-weight:700;margin-top:4px}.coach-tour__body{font-size:13px;color:#475569;line-height:1.4;margin:6px 0 14px}.coach-tour__actions{display:flex;align-items:center;justify-content:space-between}.coach-tour__next{width:auto;padding:10px 24px}.reminder-list{margin-top:16px}.reminder-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;margin-bottom:10px}.reminder-row__main{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.reminder-row__title{font-weight:600;font-size:15px}.reminder-row__badge{flex-shrink:0;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#f1f5f9;color:#64748b}.reminder-row__badge--active{background:#dcfce7;color:#166534}.reminder-row__actions{display:flex;align-items:center;gap:14px;margin-top:10px}.reminder-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-top:16px}.reminder-form__actions{display:flex;gap:10px;margin-top:14px}.weekday-picker{display:flex;flex-wrap:wrap;gap:6px}.weekday-picker__day{flex:1;min-width:40px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 4px;font-size:12px;font-weight:600;color:#475569}.weekday-picker__day--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.backfill-list{list-style:none;margin:12px 0 0;padding:0}.backfill-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;margin-bottom:8px}.backfill-row__date{flex:1;font-size:13px;font-weight:600;color:#475569}.backfill-row__input{width:90px;flex:none}.backfill-row__remove{background:none;border:none;color:#94a3b8;font-size:15px;padding:4px;flex:none}.backfill-row__status{flex:none;width:22px;text-align:center;font-weight:700;color:#64748b}.backfill-row__status--ok{color:#16a34a}.backfill-row__status--error{color:var(--color-danger)}