:root{--color-text:#f2f2f7;--color-text-muted:#98989f;--color-border:#ffffff17;--color-accent:#7c7cff;--color-accent-bg:#7c7cff2e;--color-danger:#ff453a;--color-success:#32d74b;--surface:#202026db;--surface-strong:#1a1a1feb;--surface-border:#ffffff14;--surface-blur:blur(10px) saturate(140%);--radius-lg:26px;--radius-md:18px;--radius-sm:13px;--shadow-card:0 6px 20px #00000047;--shadow-float:0 10px 26px #7c7cff59;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font:16px/1.45 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:#111114 linear-gradient(165deg,#15131c 0%,#101019 35%,#0e1218 70%,#121014 100%) fixed;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{margin:0;font-weight:600}button{font-family:inherit}.app{background:0 0;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}.app__header{z-index:5;background:var(--surface-strong);-webkit-backdrop-filter:var(--surface-blur);border-bottom:1px solid var(--surface-border);padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px;flex-direction:column;gap:6px;display:flex;position:sticky;top:0}.app__header-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.app__header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.app__title{font-size:1.3rem}.logout-button{border:1px solid var(--color-border);height:36px;color:var(--color-text-muted);cursor:pointer;background:#ffffff0f;border-radius:999px;flex-shrink:0;padding:0 14px;font-size:.85rem;font-weight:600}.whatsapp-button{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:2px 4px;display:flex}.whatsapp-button__icon{color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 12px #25d36666}.whatsapp-button__label{color:#34c759d9;white-space:nowrap;font-size:.62rem;font-weight:600}.month-picker{justify-content:center;align-items:center;gap:16px;display:flex}.month-picker__label{text-align:center;min-width:150px;color:var(--color-text-muted);font-weight:600}.month-picker__arrow{border:1px solid var(--color-border);background:var(--surface);cursor:pointer;border-radius:50%;width:36px;height:36px;font-size:1.1rem;line-height:1}.app__main{padding:16px;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.tab-content{flex-direction:column;gap:16px;animation:.24s tabContentIn;display:flex}@keyframes tabContentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--color-text-muted);padding:32px 12px;font-size:.95rem}.fab{left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));color:#fff;border-radius:var(--radius-md);width:calc(100% - 32px);max-width:448px;box-shadow:var(--shadow-float);cursor:pointer;z-index:6;background:linear-gradient(135deg,#6a6af8,#8b5cf6);border:none;justify-content:center;align-items:center;padding:12px 0;font-size:1.05rem;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.fab__cat{opacity:.6;filter:sepia(.35)hue-rotate(210deg)saturate(1.6)drop-shadow(0 0 1px #ffffff8c)drop-shadow(0 0 2px #ffffff59)drop-shadow(0 2px 2px #0000004d);pointer-events:none;width:auto;height:34px;transition:transform .18s var(--ease-bounce);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.fab:active .fab__cat{transform:translateY(calc(-50% - 2px))rotate(-8deg)}.tab-bar{z-index:5;background:var(--surface-strong);-webkit-backdrop-filter:var(--surface-blur);border-top:1px solid var(--surface-border);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:sticky;bottom:0}.tab-bar__button{min-width:0;min-height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 2px 12px;font-size:.68rem;display:flex}.tab-bar__icon-wrap{display:flex;position:relative}.tab-bar__icon{font-size:1.2rem}.tab-bar__label{white-space:nowrap}.tab-bar__badge{background:var(--color-danger);color:#fff;text-align:center;border-radius:999px;min-width:15px;height:15px;padding:0 3px;font-size:.56rem;font-weight:700;line-height:15px;position:absolute;top:-4px;right:-8px}.tab-bar__button--active{color:var(--color-accent);font-weight:600}.button{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:0 18px;font-size:1rem;font-weight:600;display:inline-flex}.button--primary{color:#fff;background:linear-gradient(135deg,#6a6af8,#8b5cf6)}.button--secondary{background:var(--color-accent-bg);color:var(--color-accent)}.button--ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:#ffffff0f}.button--danger{background:var(--color-danger);color:#fff}.icon-button{cursor:pointer;background:0 0;border:none;min-width:40px;min-height:40px;font-size:1.1rem}.category-totals{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.category-totals__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-bottom:10px;font-weight:600;display:flex}.category-totals__total{color:var(--color-accent);font-size:1.2rem}.category-totals__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.category-totals__row{color:var(--color-text-muted);justify-content:space-between;font-size:.92rem;display:flex}.expense-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.expense-item{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:itemAppear .3s var(--ease-bounce);align-items:center;gap:12px;padding:12px 14px;display:flex}@keyframes itemAppear{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.expense-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.expense-item__top{justify-content:space-between;gap:8px;font-weight:600;display:flex}.expense-item__category{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.expense-item__amount{white-space:nowrap}.expense-item__description{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.88rem;overflow:hidden}.expense-item__date{color:var(--color-text-muted);font-size:.78rem}.expense-item__actions{flex-direction:column;display:flex}.person-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.person-badge--md{width:40px;height:40px;font-size:.75rem}.person-badge--sm{width:28px;height:28px;font-size:.65rem}.photo-thumbnail{border-radius:var(--radius-sm);cursor:pointer;background:var(--color-border);border:none;flex-shrink:0;width:44px;height:44px;padding:0;overflow:hidden}.photo-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.photo-thumbnail--loading{cursor:default}.overlay{z-index:10;opacity:0;transition:opacity .22s;display:flex;position:fixed;inset:0}.overlay--visible{opacity:1}.overlay--sheet{-webkit-backdrop-filter:blur(4px);background:#06060999;justify-content:center;align-items:flex-end}.overlay--photo{-webkit-backdrop-filter:blur(6px);background:#040406e0;justify-content:center;align-items:center;padding:24px}.sheet{background:var(--surface-strong);width:100%;max-width:480px;max-height:92dvh;-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));transition:transform .3s var(--ease-bounce);overflow-y:auto;transform:translateY(100%)}.sheet--visible{transform:translateY(0)}.photo-modal__image{border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:85vh;transition:transform .25s var(--ease-bounce);transform:scale(.92)}.overlay--photo.overlay--visible .photo-modal__image{transform:scale(1)}.photo-modal__close{top:calc(20px + env(safe-area-inset-top,0px));color:#fff;cursor:pointer;background:#2c2c32e6;border:none;border-radius:50%;width:40px;height:40px;font-size:1.1rem;position:absolute;right:20px}.undo-toast{left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));z-index:8;border:1px solid var(--surface-border);color:#fff;opacity:0;max-width:calc(100% - 32px);transition:opacity .22s ease, transform .22s var(--ease-bounce);background:#28282ef5;border-radius:999px;align-items:center;gap:14px;padding:12px 10px 12px 18px;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%)translateY(12px);box-shadow:0 10px 30px #0006}.undo-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.undo-toast__button{color:#8ab4ff;cursor:pointer;white-space:nowrap;background:#ffffff29;border:none;border-radius:999px;padding:8px 16px;font-weight:600}.expense-form{flex-direction:column;gap:10px;display:flex}.expense-form__title{z-index:2;background:var(--surface-strong);margin:0;padding-bottom:4px;font-size:1rem;position:sticky;top:0}.expense-form__row{align-items:flex-end;gap:8px;display:flex}.field--amount{flex:1}.field--date{flex:none}.field{flex-direction:column;gap:4px;display:flex}.field__label{color:var(--color-text-muted);font-size:.7rem;font-weight:600}.field__input{border-radius:var(--radius-md);border:1px solid var(--color-border);min-height:42px;color:var(--color-text);background:#ffffff0f;padding:0 12px;font-size:.92rem}.field__input--large{font-size:1.1rem;font-weight:600}.field__file-input{display:none}.field__error{color:var(--color-danger);margin:0;font-size:.85rem}.expense-form__actions{z-index:2;background:var(--surface-strong);gap:10px;margin-top:2px;padding-top:8px;display:flex;position:sticky;bottom:0}.expense-form__actions .button{flex:1;min-height:44px}.photo-edit-preview{align-items:center;gap:10px;display:flex}.photo-edit-preview img{object-fit:cover;border-radius:var(--radius-sm);width:44px;height:44px}.date-field{cursor:pointer;min-height:42px;position:relative}.date-field--compact{width:42px}.date-field__display{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff0f;justify-content:space-between;align-items:center;min-height:42px;padding:0 12px;font-size:.92rem;display:flex}.date-field__display--icon-only{justify-content:center;width:42px;min-height:42px;padding:0;font-size:1.2rem}.date-field__icon{opacity:.6}.date-field__input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.picker-grid--people{grid-template-columns:1fr 1fr;gap:8px;display:grid}.person-button{border-radius:var(--radius-md);color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;opacity:.55;border:none;min-height:46px;padding:0 4px;font-size:.88rem;font-weight:700;overflow:hidden}.person-button--selected{opacity:1;box-shadow:inset 0 0 0 3px #00000026}.picker-grid--categories{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.category-button{border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;background:#ffffff0d;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:46px;padding:4px 2px;display:flex}.category-button__icon{font-size:1.05rem}.category-button__label{text-align:center;color:var(--color-text-muted);font-size:.6rem;line-height:1.05}.category-button--selected{border-color:var(--color-accent);background:var(--color-accent-bg)}.category-button--selected .category-button__label{color:var(--color-accent);font-weight:600}.settlement{flex-direction:column;gap:16px;display:flex}.settlement__summary{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:18px;display:flex}.settlement__summary strong{color:var(--color-accent);font-size:1.6rem}.settlement__share{color:var(--color-text-muted);font-size:.85rem}.settlement__people{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.settlement__person-card{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;padding:12px;display:flex}.settlement__person-header{align-items:center;gap:8px;display:flex}.settlement__person-name{font-size:.9rem;font-weight:700}.settlement__person-rows{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.settlement__balance--credit{color:var(--color-success);font-weight:600}.settlement__balance--debit{color:var(--color-danger);font-weight:600}.settlement__transfers h3{margin-bottom:10px;font-size:1rem}.settlement__transfer-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.settlement__transfer{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-items:center;gap:10px;padding:10px 12px;display:flex}.settlement__transfer-text{flex:1;font-size:.88rem}.history-view{flex-direction:column;gap:16px;display:flex}.history-view__trend{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.history-view__trend h3{margin-bottom:14px;font-size:.95rem}.history-view__months{flex-direction:column;gap:10px;display:flex}.trend-chart__bars{align-items:flex-end;gap:4px;height:110px;display:flex}.trend-chart__bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.trend-chart__bar{width:100%;max-width:18px;transition:height .4s var(--ease-bounce);background:linear-gradient(#8b5cf6,#6a6af8);border-radius:6px 6px 2px 2px}.trend-chart__label{color:var(--color-text-muted);font-size:.6rem}.year-filter{gap:8px;display:flex;overflow-x:auto}.year-filter__pill{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:#ffffff0d;border-radius:999px;flex:none;padding:8px 18px;font-size:.9rem;font-weight:600}.year-filter__pill--active{color:#fff;background:linear-gradient(135deg,#6a6af8,#8b5cf6);border-color:#0000}.month-card{text-align:left;background:var(--surface);width:100%;-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;gap:8px;padding:14px 16px;font-family:inherit;display:flex}.month-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.month-card__title{font-weight:700}.month-card__status{color:var(--color-text-muted);white-space:nowrap;background:#ffffff12;border-radius:999px;padding:3px 9px;font-size:.72rem}.month-card__status--settled{color:var(--color-success);background:#32d74b24}.month-card__total{color:var(--color-accent);font-size:1.4rem;font-weight:700}.month-card__people{flex-wrap:wrap;gap:10px 14px;display:flex}.month-card__person{align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.month-card__bar{background:#ffffff12;border-radius:999px;height:8px;display:flex;overflow:hidden}.month-card__bar-segment{height:100%}.donut-chart{width:170px;height:170px;margin:4px auto 16px;position:relative}.donut-chart__svg{width:100%;height:100%;transform:rotate(0)}.donut-chart__track{fill:none;stroke:#ffffff14;stroke-width:4px}.donut-chart__segment{fill:none;stroke-width:4px}.donut-chart__center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.donut-chart__center-total{font-size:1.15rem;font-weight:700}.donut-chart__center-label{color:var(--color-text-muted);font-size:.7rem}.category-breakdown{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.category-breakdown__row{align-items:center;gap:8px;font-size:.85rem;display:flex}.category-breakdown__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.category-breakdown__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-muted);flex:1;overflow:hidden}.category-breakdown__amount{font-weight:600}.category-breakdown__pct{text-align:right;min-width:34px;color:var(--color-text-muted);font-size:.78rem}.month-detail{flex-direction:column;display:flex}.month-detail__header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.month-detail__total{color:var(--color-accent);font-size:1.2rem;font-weight:700}.month-detail__settle-button{width:100%;margin-top:16px}.button,.person-button,.category-button,.icon-button,.tab-bar__button,.fab,.month-picker__arrow,.photo-thumbnail,.expense-item,.settlement__person-card,.settlement__transfer,.undo-toast__button,.date-field__display,.whatsapp-button,.month-card,.year-filter__pill,.logout-button,.trash-button,.trash-item,.trash-item__button{transition:transform .16s var(--ease-bounce), box-shadow .16s ease, background-color .16s ease, border-color .16s ease, opacity .16s ease}.button:active,.person-button:active,.category-button:active,.icon-button:active,.tab-bar__button:active,.month-picker__arrow:active,.photo-thumbnail:active,.expense-item:active,.settlement__person-card:active,.settlement__transfer:active,.undo-toast__button:active,.date-field:active .date-field__display,.whatsapp-button:active,.month-card:active,.year-filter__pill:active,.logout-button:active,.trash-button:active,.trash-item__button:active{transition-duration:70ms;transform:scale(.95)}.fab{transition:transform .16s var(--ease-bounce), box-shadow .16s ease}.fab:active{transition-duration:70ms;transform:translate(-50%)scale(.95)}.auth-loading{min-height:100dvh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.login-screen{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface-strong);width:100%;max-width:360px;-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;padding:28px 24px}.login-card__title{margin-bottom:8px;font-size:1.4rem}.login-card__subtitle{color:var(--color-text-muted);margin:0 0 22px;font-size:.9rem;line-height:1.4}.login-form{text-align:left;flex-direction:column;gap:16px;display:flex}.login-form__submit{margin-top:4px}.trash-view{flex-direction:column;display:flex}.trash-view__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.trash-view__empty-button{min-height:38px;padding:0 14px;font-size:.85rem}.trash-view__hint{color:var(--color-text-muted);margin:6px 0 18px;font-size:.82rem}.trash-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.trash-item{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);gap:12px;padding:12px 14px;display:flex}.trash-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trash-item__top{justify-content:space-between;gap:8px;font-weight:600;display:flex}.trash-item__description{color:var(--color-text-muted);margin:0;font-size:.88rem}.trash-item__meta{color:var(--color-text-muted);margin-top:4px;font-size:.74rem}.trash-item__actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.trash-item__button{white-space:nowrap;min-height:36px;padding:0 12px;font-size:.78rem}.confirm-dialog__title{margin-bottom:10px;font-size:1.15rem}.confirm-dialog__message{color:var(--color-text-muted);margin:0 0 20px;font-size:.9rem;line-height:1.5}.confirm-dialog__actions{gap:10px;display:flex}.confirm-dialog__actions .button{flex:1}.history-view__toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-view__toolbar .year-filter{flex:1}.history-view__export-button{white-space:nowrap;flex-shrink:0;min-height:38px;padding:0 14px;font-size:.85rem}