*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #eef2f7;--bg-card: #ffffff;--bg-hover: #e2eaf3;--border: #cbd5e1;--border-hi: #94a3b8;--text: #0f172a;--text-muted: #475569;--text-dim: #94a3b8;--primary: #2563eb;--primary-hi: #1d4ed8;--primary-dim: #dbeafe;--green: #166534;--green-hi: #15803d;--red: #dc2626;--red-hi: #b91c1c;--blue: #2563eb;--blue-hi: #3b82f6;--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: 10px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-card: 0 2px 8px rgba(15, 23, 42, .06)}html,body{height:100%;color-scheme:light;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-hover)}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.app-shell{display:grid;grid-template-rows:56px 1fr;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10}.topbar-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text);letter-spacing:.02em}.brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--blue-hi) 100%);box-shadow:0 0 0 2px #2563eb33}.topbar-right{display:flex;align-items:center;gap:16px}.scan-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;font-size:13px;font-weight:500}.scan-banner-ok{background:#f0fdf4;color:#166534;border-bottom:1px solid #86efac}.scan-banner-error{background:#fef2f2;color:#991b1b;border-bottom:1px solid #fca5a5}.scan-banner-close{background:none;border:none;font-size:18px;line-height:1;cursor:pointer;color:inherit;opacity:.6}.scan-banner-close:hover{opacity:1}.btn{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--radius);border:1px solid var(--border-hi);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all .15s}.btn:hover{border-color:var(--text-dim);color:var(--text);background:var(--bg-hover)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.btn-primary:hover{background:var(--primary-hi);border-color:var(--primary-hi);color:#fff}.btn-danger{border-color:#fca5a5;color:var(--red-hi);background:#fff8f8}.btn-danger:hover{background:var(--red-hi);border-color:var(--red-hi);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.main-content{padding:28px 24px;max-width:1100px;margin:0 auto;width:100%}.section-header{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.section-title{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.section-count{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.review-section{margin-bottom:32px}.review-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border);transition:background .1s}.review-item:last-child{border-bottom:none}.review-item:hover{background:var(--bg-hover)}.review-item-left{min-width:0}.review-vendor{font-weight:500;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-reason{font-size:12px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-meta{display:flex;align-items:center;gap:10px;margin-top:4px}.review-date{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.review-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.review-amount{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text);min-width:70px;text-align:right}.badge{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:2px 7px;border-radius:3px;border:1px solid}.badge-HSA{color:#166534;border-color:#86efac;background:#f0fdf4}.badge-MajorPurchase{color:#6b21a8;border-color:#d8b4fe;background:#faf5ff}.badge-Warranty{color:#1e40af;border-color:#93c5fd;background:#eff6ff}.badge-Returnable{color:#92400e;border-color:#fcd34d;background:#fffbeb}.badge-Other{color:#374151;border-color:#d1d5db;background:#f9fafb}.badge-Review{color:#991b1b;border-color:#fca5a5;background:#fef2f2}.receipts-section{margin-bottom:32px}.receipts-table{width:100%;border-collapse:collapse}.receipts-table th{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:10px 16px;text-align:left;border-bottom:1px solid var(--border);background:#f1f5f9}.receipts-table th.right{text-align:right}.receipts-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.receipts-table tr:last-child td{border-bottom:none}.receipts-table tbody tr{transition:background .1s}.receipts-table tbody tr:hover{background:var(--bg-hover)}.td-vendor{font-weight:500}.td-desc{font-size:12px;color:var(--text-muted);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-date{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);white-space:nowrap}.td-amount{font-family:var(--font-mono);font-size:13px;font-weight:500;text-align:right;white-space:nowrap}.td-confidence{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);text-align:right}.empty-state{padding:40px 16px;text-align:center;color:var(--text-dim);font-size:13px}.empty-icon{font-size:28px;margin-bottom:10px;opacity:.55}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#eef2f7;background-image:linear-gradient(rgba(71,85,105,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(71,85,105,.07) 1px,transparent 1px);background-size:32px 32px;position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/family-bg.jpg) center / cover no-repeat;filter:grayscale(100%) opacity(.08);z-index:0}.login-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:24px 16px}.login-header{text-align:center;margin-bottom:28px}.login-logo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--primary);margin:0 auto 16px;box-shadow:0 4px 14px #2563eb4d}.login-title{font-family:var(--font-sans);font-size:22px;font-weight:600;color:var(--text);letter-spacing:-.02em;margin-bottom:6px}.login-subtitle{font-size:13px;color:var(--text-muted)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:32px;width:100%;box-shadow:0 8px 32px #0f172a14,0 2px 8px #0f172a0a}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.login-field input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;color:var(--text);font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26;background:#fff}.login-error{font-size:12px;color:var(--red-hi);margin-bottom:12px}.login-hint{font-size:12px;color:var(--text-dim);text-align:center;margin-top:16px}.login-footer-icons{display:flex;gap:32px;margin-top:32px}.login-footer-icon{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-dim)}.login-footer-icon svg{opacity:.6}.login-footer-icon span{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.loading-wrap{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-dim);font-family:var(--font-mono);font-size:12px;gap:10px}.spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cleared-badge{font-family:var(--font-mono);font-size:11px;color:var(--green-hi);padding:2px 8px;border:1px solid var(--green);border-radius:3px}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filter-btn{font-family:var(--font-mono);font-size:11px;padding:4px 10px;border-radius:3px;border:1px solid var(--border-hi);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .1s;text-transform:uppercase;letter-spacing:.06em}.filter-btn:hover{border-color:var(--text-muted);color:var(--text)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.stats-bar{display:flex;gap:1px;margin-bottom:28px;background:var(--border);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.stat{flex:1;padding:14px 18px;background:var(--bg-card)}.stat-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:4px}.stat-value{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--text)}.stat-value.primary{color:var(--primary)}.stat-value.red{color:var(--red-hi)}