:root{--bg:#f6f6f5;--surface:#fff;--surface-muted:#f1f1ef;--border:#e5e5e1;--text:#1f1f1b;--muted:#6f6f67;--accent:#0f766e;--accent-soft:#e3f2ef;--accent-ink:#0a514b;--danger:#b42318;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 2px 8px rgba(15,23,42,.05);--shadow-md:0 8px 24px rgba(15,23,42,.08)}[data-theme=dark]{--bg:#171817;--surface:#202220;--surface-muted:#292c29;--border:#343833;--text:#f2f4f1;--muted:#acb2ab;--accent:#3ba99f;--accent-soft:#133835;--accent-ink:#a7dfd9;--danger:#f97066}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%}.app-shell{max-width:1160px;margin:0 auto;padding:20px 20px 56px}.top-bar-wrap{position:-webkit-sticky;position:sticky;top:12px;z-index:20;margin-bottom:20px}.top-bar{gap:16px;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm)}.brand,.top-bar{display:flex;align-items:center}.brand{gap:10px;min-width:0}.brand-icon{width:24px;height:24px;color:var(--accent);flex:0 0 auto}.brand-title{font-size:16px;font-weight:700}.brand-subtitle{font-size:12px;color:var(--muted)}.actions{display:inline-flex;align-items:center;gap:10px}.nav,.nav-link,.nav-links{display:inline-flex;align-items:center;gap:8px}.nav-link{padding:8px 10px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;color:var(--muted);transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-link svg{width:16px;height:16px}.nav-link:hover{color:var(--text);background:var(--surface-muted)}.nav-link.is-active{color:var(--accent-ink);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.nav-actions{display:inline-flex;align-items:center}.nav-toggle{display:none;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit}.nav-toggle-icon{display:inline-flex;flex-direction:column;gap:3px}.nav-toggle-icon span{width:14px;height:2px;background:var(--text);border-radius:999px}.page{display:block}.section{display:grid;grid-gap:16px;gap:16px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.page-heading h1{font-size:28px;font-weight:700;letter-spacing:-.02em}.page-heading p{margin-top:4px;color:var(--muted);font-size:14px}.page-heading__meta{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);min-width:90px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-header{padding:14px 16px;border-bottom:1px solid var(--border);justify-content:space-between;gap:12px}.card-header,.card-title-row{display:flex;align-items:center}.card-title-row{gap:8px}.card-title{font-size:15px;font-weight:700}.card-subtitle{margin-top:4px;color:var(--muted);font-size:13px}.card-body{padding:14px 16px}.icon-muted{color:var(--muted)}.grid{display:grid;grid-gap:12px;gap:12px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{justify-content:space-between;gap:12px}.stat,.stat-label-row{display:flex;align-items:center}.stat-label-row{gap:6px}.stat-label{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.02em}.hint{margin-top:4px;color:var(--muted)}.badge,.hint{font-size:12px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.badge.positive{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft)}.badge.negative{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.badge.neutral,.muted{color:var(--muted)}.small{font-size:12px}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:24px 16px;text-align:center;display:grid;grid-gap:6px;gap:6px}.inbox-list{display:grid;grid-gap:10px;gap:10px}.inbox-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:var(--surface)}.inbox-item-merchant{font-size:15px;font-weight:650}.inbox-item-description{margin-top:2px;font-size:13px}.inbox-item-meta{margin-top:8px;gap:10px;font-size:12px}.inbox-item-actions,.inbox-item-meta{display:flex;align-items:center}.inbox-item-suggestion{display:grid;justify-items:end;grid-gap:6px;gap:6px;min-width:220px}.button-group{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.btn,.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover,.button:hover{background:var(--surface-muted)}.btn:disabled,.button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:color-mix(in srgb,var(--accent) 75%,#000 25%)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 92%,#000 8%)}.btn-secondary{background:var(--surface);color:var(--text)}.btn-sm{padding:6px 10px;font-size:12px}.sync{display:inline-flex;align-items:center;gap:8px}.sync-message{font-size:12px;color:var(--muted)}.sync-message.done{color:var(--accent-ink)}.sync-message.error{color:var(--danger)}.user-menu{position:relative}.greeting{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;cursor:pointer;list-style:none}.user-menu__toggle::-webkit-details-marker{display:none}.user-menu__chevron{width:14px;height:14px}.user-menu[open] .user-menu__chevron{transform:rotate(180deg)}.user-menu__panel{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);padding:6px;display:grid;grid-gap:4px;gap:4px;z-index:40}.user-menu__item{border:1px solid transparent;background:transparent;color:var(--text);border-radius:8px;padding:8px 10px;text-align:left;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.user-menu__item:hover{background:var(--surface-muted);border-color:var(--border)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table td,.table th{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;vertical-align:top}.table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.table tr:last-child td{border-bottom:none}.table-strong{font-weight:650}.stack{display:grid;grid-gap:12px;gap:12px}.input{width:100%;min-width:150px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:7px 8px;font:inherit;font-size:13px}.btn:focus-visible,.button:focus-visible,.greeting:focus-visible,.input:focus-visible,.nav-link:focus-visible,.nav-toggle:focus-visible,.user-menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.category-layout{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.category-list{display:grid;grid-gap:8px;gap:8px}.category-chip{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface)}.category-chip:hover{background:var(--surface-muted)}.category-chip.is-active{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft)}.category-chip__title{font-size:14px;font-weight:650}.category-chip__meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.loading-dots{display:inline-flex;gap:5px;margin-top:8px}.dot{width:8px;height:8px;border-radius:999px;background:var(--accent);animation:dot-pulse 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes dot-pulse{0%,80%,to{transform:scale(.65);opacity:.6}40%{transform:scale(1);opacity:1}}@media (max-width:980px){.top-bar{flex-wrap:wrap;align-items:flex-start}.actions{margin-left:auto}.category-layout{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{padding:12px 12px 40px}.top-bar-wrap{top:8px}.top-bar{padding:12px}.brand-subtitle{display:none}.nav{width:100%;order:3;display:block}.nav-toggle{display:inline-flex}.nav-links{display:none;width:100%;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);flex-wrap:wrap}.nav.is-open .nav-links{display:flex}.nav-link{flex:1 1 auto;justify-content:center}.nav-actions{width:100%;justify-content:stretch}.button,.sync{width:100%}.page-heading{flex-direction:column}.inbox-item{grid-template-columns:1fr}.inbox-item-suggestion{justify-items:start}.button-group{justify-content:flex-start}.table td,.table th{padding:8px 6px}.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}