:root{--color-beige-150: #faf7f4;--color-beige-550: #f5efea;--color-purple-150: #efe7ff;--color-purple-300: #dbc7ff;--color-purple-350: #ceb4ff;--color-purple-400: #c09fff;--color-purple-650: #551488;--color-purple-750: #47146a;--color-purple-850: #39134c;--color-neutral-dark-100: #ebeeeb;--color-neutral-dark-150: #dadeda;--color-neutral-dark-200: #ccd1cc;--color-neutral-dark-500: #626762;--color-neutral-dark-550: #4d514c;--color-neutral-dark-600: #3a3e3a;--color-neutral-dark-650: #333732;--color-neutral-dark-700: #292d28;--color-neutral-dark-750: #1d211d;--color-neutral-dark-900: #121a12;--color-neutral-light-50: #ffffff;--color-neutral-light-500: #cac7c3;--color-neutral-light-700: #9c9995;--color-neutral-light-900: #6a6867;--color-green-250: #c9fb88;--color-green-300: #b0f666;--color-green-350: #96f143;--color-green-700: #285605;--color-green-750: #1e4f05;--color-green-850: #093d05;--color-red-200: #ffcccc;--color-red-800: #8b000f;--color-red-1000: #66010b;--color-blue-200: #d2e1ff;--color-blue-550: #0049cf;--color-blue-1000: #011d51}:root{color-scheme:light;--bg-color-default: var(--color-beige-150);--bg-color-section: var(--color-beige-550);--bg-color-elevated: var(--color-neutral-light-50);--bg-color-emphasis: var(--color-purple-850);--bg-color-accent: var(--color-purple-150);--fg-color-default: var(--color-neutral-dark-900);--fg-color-subtle: var(--color-neutral-dark-600);--fg-color-muted: var(--color-neutral-light-700);--fg-color-emphasis: var(--color-neutral-light-50);--fg-color-accent: var(--color-purple-850);--fg-color-link-rest: var(--color-green-700);--fg-color-link-hover: var(--color-green-750);--fg-color-link-active: var(--color-green-850);--border-color-default: var(--color-neutral-light-900);--border-color-strong: var(--color-neutral-dark-900);--border-color-muted: var(--color-neutral-dark-150);--border-color-focus: var(--color-neutral-dark-900);--bg-color-status-neutral-weak: var(--color-neutral-dark-150);--fg-color-status-neutral-weak: var(--color-neutral-dark-750);--bg-color-status-danger-weak: var(--color-red-200);--fg-color-status-danger-weak: var(--color-red-800);--bg-color-status-info-weak: var(--color-blue-200);--fg-color-status-info-weak: var(--color-blue-550);--button-filled-bg-color-rest: var(--color-purple-850);--button-filled-bg-color-hover: var(--color-purple-750);--button-filled-bg-color-active: var(--color-purple-650);--button-filled-fg-color-rest: var(--color-neutral-light-50);--button-tonal-bg-color-rest: var(--color-purple-300);--button-tonal-bg-color-hover: var(--color-purple-350);--button-tonal-bg-color-active: var(--color-purple-400);--button-tonal-fg-color-rest: var(--color-purple-850)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg-color-default: var(--color-neutral-dark-900);--bg-color-section: var(--color-neutral-dark-650);--bg-color-elevated: var(--color-neutral-dark-700);--bg-color-emphasis: var(--color-purple-850);--bg-color-accent: var(--color-neutral-dark-900);--fg-color-default: var(--color-neutral-light-50);--fg-color-subtle: var(--color-neutral-dark-200);--fg-color-muted: var(--color-neutral-dark-500);--fg-color-emphasis: var(--color-neutral-light-50);--fg-color-accent: var(--color-purple-150);--fg-color-link-rest: var(--color-green-250);--fg-color-link-hover: var(--color-green-300);--fg-color-link-active: var(--color-green-350);--border-color-default: var(--color-neutral-light-500);--border-color-strong: var(--color-neutral-light-50);--border-color-muted: var(--color-neutral-dark-600);--border-color-focus: var(--color-neutral-light-50);--bg-color-status-neutral-weak: var(--color-neutral-dark-600);--fg-color-status-neutral-weak: var(--color-neutral-dark-150);--bg-color-status-danger-weak: var(--color-red-1000);--fg-color-status-danger-weak: var(--color-red-200);--bg-color-status-info-weak: var(--color-blue-1000);--fg-color-status-info-weak: var(--color-blue-200);--button-filled-bg-color-rest: var(--color-purple-400);--button-filled-bg-color-hover: var(--color-purple-350);--button-filled-bg-color-active: var(--color-purple-300);--button-filled-fg-color-rest: var(--color-purple-850);--button-tonal-bg-color-rest: var(--color-neutral-dark-600);--button-tonal-bg-color-hover: var(--color-neutral-dark-550);--button-tonal-bg-color-active: var(--color-neutral-dark-500);--button-tonal-fg-color-rest: var(--color-purple-300)}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.3;--line-height-normal: 1.4}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-card: 24px;--radius-pill: 999px}:root{--animation-duration-fast: .15s;--animation-duration-slow: .8s;--animation-easing-default: ease;--animation-easing-out: ease-out}@media(prefers-reduced-motion:reduce){:root{--animation-duration-fast: 0s;--animation-duration-slow: 0s}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Inter;src:url(/_assets/InterVariable-DiVDrmQJ.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}html{font-size:16px;-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--fg-color-default);background-color:var(--bg-color-accent);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}h1{font-size:1.5rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);text-align:center}p{font-size:1rem;line-height:var(--line-height-normal);margin-bottom:var(--spacing-md)}a{color:var(--fg-color-link-rest);text-decoration:underline;border-radius:var(--radius-sm)}a:hover{color:var(--fg-color-link-hover)}a:active{color:var(--fg-color-link-active)}a:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}ul{list-style:none}.container{max-width:600px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.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}[hidden]{display:none!important}.init-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) 0;gap:var(--spacing-md)}.loading p{color:var(--fg-color-subtle);margin:0}.spinner{width:32px;height:32px;border:3px solid var(--border-color-muted);border-top-color:var(--fg-color-accent);border-radius:50%;animation:spin var(--animation-duration-slow) var(--animation-easing-out) infinite}@keyframes spin{0%{transform:rotate(0)}60%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:var(--fg-color-accent);opacity:.7}}.error{background-color:var(--bg-color-status-danger-weak);color:var(--fg-color-status-danger-weak);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center}.error p{margin:0}.error button{color:inherit;text-decoration:underline;margin-left:var(--spacing-xs)}.error button:hover{text-decoration:none}.notice{background-color:var(--bg-color-status-info-weak);color:var(--fg-color-status-info-weak);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--spacing-md)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-card{background-color:var(--bg-color-elevated);border-radius:var(--radius-lg);padding:var(--spacing-md)}.activity-card:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}.activity-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs)}.activity-card__merchant{font-weight:var(--font-weight-semibold);color:var(--fg-color-default)}.activity-card__time{font-size:.875rem;color:var(--fg-color-muted);white-space:nowrap;margin-left:var(--spacing-sm)}.activity-card__details{font-size:.875rem;color:var(--fg-color-subtle);margin-bottom:var(--spacing-sm)}.badge-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-color-status-neutral-weak);color:var(--fg-color-status-neutral-weak);font-size:.75rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.btn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--radius-pill);width:100%;min-height:3.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);transition:background-color var(--animation-duration-fast) var(--animation-easing-default)}.btn-primary{background-color:var(--button-filled-bg-color-rest);color:var(--button-filled-fg-color-rest)}.btn-primary:hover{background-color:var(--button-filled-bg-color-hover)}.btn-primary:active{background-color:var(--button-filled-bg-color-active)}.btn-primary:focus-visible{background-color:var(--button-filled-bg-color-rest);outline:2px solid var(--border-color-focus);box-shadow:0 0 0 2px var(--bg-color-elevated) inset}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--fg-color-subtle)}.debug-info{background-color:var(--bg-color-section);color:var(--fg-color-subtle);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.75rem;font-family:monospace;margin-bottom:var(--spacing-md)}.footer-info{position:fixed;bottom:var(--spacing-xs);right:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);font-size:.625rem}.logout-form{margin:0}.logout-link{background:none;border:none;padding:0;font-size:.625rem;color:var(--fg-color-muted);cursor:pointer;text-decoration:underline;opacity:.6}.logout-link:hover{opacity:1;color:var(--fg-color-link-rest)}.version-info{font-family:monospace;color:var(--fg-color-muted);opacity:.6;user-select:none}.demo-banner{position:fixed;top:var(--spacing-sm);right:var(--spacing-md);z-index:1000;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:#f97316;color:#000;font-size:.875rem;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,.2)}.scroll-sentinel{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) 0;gap:var(--spacing-sm)}.scroll-sentinel .spinner{width:24px;height:24px;border-width:2px}.scroll-sentinel__error{color:var(--fg-color-status-danger-weak);font-size:.875rem;text-align:center;margin:0}.scroll-sentinel__error a{color:inherit;text-decoration:underline}.scroll-sentinel__error a:hover{text-decoration:none}.callback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.callback-container .error{max-width:400px;width:100%}.callback-container .btn-primary{margin-top:var(--spacing-md)}.landing-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;gap:var(--spacing-md)}.landing-view h1{font-size:1.5rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--fg-color-default);margin-bottom:var(--spacing-xs)}.landing-view__subtitle{font-size:1.125rem;color:var(--fg-color-subtle);margin-bottom:var(--spacing-lg);max-width:320px}.landing-view .btn{max-width:320px}.toast{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);background-color:var(--bg-color-elevated);color:var(--fg-color-default);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:.875rem;font-weight:var(--font-weight-medium);z-index:1000}.search-field{position:relative;margin-bottom:var(--spacing-md)}.search-field__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5rem;font-family:var(--font-family);font-size:1rem;font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--fg-color-default);background-color:var(--bg-color-elevated);border:1px solid var(--border-color-muted);border-radius:var(--radius-pill);outline:none;transition:border-color var(--animation-duration-fast) var(--animation-easing-default)}.search-field__input::placeholder{color:var(--fg-color-muted)}.search-field__input:focus{border-color:var(--border-color-focus)}.search-field__clear{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--fg-color-muted);border-radius:50%;font-size:1.25rem;line-height:1}.search-field__clear:hover{color:var(--fg-color-default)}.search-field__clear[hidden]{display:none!important}.month-group{margin-bottom:var(--spacing-md)}.month-group__header{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--fg-color-subtle);padding:var(--spacing-sm) var(--spacing-xs);margin-bottom:var(--spacing-xs)}.grouped-card{background-color:var(--bg-color-elevated);border-radius:var(--radius-card);overflow:hidden}.event-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--animation-duration-fast) var(--animation-easing-default);-webkit-tap-highlight-color:transparent}.event-row:hover{background-color:var(--bg-color-section)}.event-row:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:-2px}.event-row+.event-row{border-top:.5px solid var(--border-color-muted)}.event-row__icon{width:40px;height:40px;border-radius:50%;background-color:var(--bg-color-section);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--fg-color-accent)}.event-row__content{flex:1;min-width:0}.event-row__merchant{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--fg-color-default);line-height:var(--line-height-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-row__meta{font-size:.875rem;font-weight:var(--font-weight-regular);color:var(--fg-color-subtle);line-height:var(--line-height-normal)}.event-row__status{font-size:.75rem;font-weight:var(--font-weight-medium);padding:.125rem .375rem;border-radius:.25rem;margin-left:.375rem}.event-row__status--failed{color:var(--fg-color-danger, #c53030);background:var(--bg-color-danger-subtle, #fff5f5)}.event-row__status--abandoned{color:var(--fg-color-warning, #975a16);background:var(--bg-color-warning-subtle, #fffff0)}.event-row__chevron{flex-shrink:0;color:var(--fg-color-muted);font-size:1.25rem;line-height:1}.detail-view{padding-bottom:var(--spacing-xl)}.detail-nav{display:flex;align-items:center;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md)}.detail-nav__back{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--fg-color-accent);font-size:1rem;font-weight:var(--font-weight-medium)}.detail-nav__back:hover{opacity:.8}.detail-header{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-md)}.detail-header__title{font-size:1.5rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--fg-color-default);margin-bottom:var(--spacing-xs)}.detail-header__subtitle{font-size:1rem;font-weight:var(--font-weight-regular);color:var(--fg-color-subtle);line-height:var(--line-height-normal)}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section__header{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--fg-color-subtle);padding:var(--spacing-sm) var(--spacing-xs);margin-bottom:var(--spacing-xs)}.detail-card{background-color:var(--bg-color-elevated);border-radius:var(--radius-card);overflow:hidden}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.detail-row+.detail-row{border-top:.5px solid var(--border-color-muted)}.detail-row__label{font-size:1rem;font-weight:var(--font-weight-regular);color:var(--fg-color-default)}.detail-row__value{font-size:1rem;font-weight:var(--font-weight-regular);color:var(--fg-color-subtle);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.detail-report-btn{display:block;width:100%;text-align:center;padding:var(--spacing-md);color:var(--fg-color-accent);font-size:1rem;font-weight:var(--font-weight-medium);margin-top:var(--spacing-xl)}.detail-report-btn:hover{opacity:.8}.search-empty{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--fg-color-subtle)}@media(min-width:640px){.event-row{padding:var(--spacing-md)}.detail-header{padding:var(--spacing-lg) 0}}