:root{color-scheme:light dark;--color-bg: light-dark(#f7f7f8, #15161a);--color-surface: light-dark(#ffffff, #1e1f24);--color-surface-raised: light-dark(#ffffff, #26272d);--color-border: light-dark(#e4e4e7, #32333a);--color-text: light-dark(#18181b, #f2f2f4);--color-text-muted: light-dark(#6b6b74, #97979f);--color-primary: light-dark(#2563eb, #5b8def);--color-primary-hover: light-dark(#1d4ed8, #7ba3f2);--color-primary-contrast: #ffffff;--color-danger: light-dark(#dc2626, #f87171);--color-danger-bg: light-dark(#fef2f2, #3a1f1f);--color-success: light-dark(#16a34a, #4ade80);--color-warning: light-dark(#d97706, #fbbf24);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px light-dark(rgb(0 0 0 / .05), rgb(0 0 0 / .3));--shadow-md: 0 4px 16px light-dark(rgb(0 0 0 / .07), rgb(0 0 0 / .4));--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font-sans)}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--color-primary)}.page{max-width:760px;margin-inline:auto;padding:2rem 1.5rem 4rem}.btn{display:inline-flex;align-items:center;gap:.4rem;font-family:inherit;font-size:.9rem;font-weight:600;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-muted);padding:.5rem .75rem}.btn-ghost:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.icon{width:1em;height:1em;flex-shrink:0}.select-wrap{position:relative;display:inline-flex}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.55rem 2rem .55rem .9rem;cursor:pointer}select:hover{border-color:var(--color-text-muted)}select:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.select-wrap .icon{position:absolute;right:.65rem;top:50%;translate:0 -50%;pointer-events:none;color:var(--color-text-muted);transform:rotate(90deg)}.app-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--color-text-muted);font-size:.95rem}.spinner{animation:spin .8s linear infinite;color:var(--color-primary);width:1.5rem;height:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.callback-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.dashboard-brand{display:flex;align-items:center;gap:.5rem}.dashboard-brand .icon{width:1.5rem;height:1.5rem;color:var(--color-primary)}.dashboard-header h1{font-size:1.4rem;font-weight:700;margin:0;letter-spacing:-.01em}.dashboard-header-actions{display:flex;align-items:center;gap:.6rem}.state-message{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;color:var(--color-text-muted);padding:3rem 1rem;border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:.95rem}.state-message .icon{width:2rem;height:2rem;opacity:.6}[role=alert]{display:block;color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-sm);padding:.6rem .9rem;font-size:.9rem;font-weight:500}.receipt-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.load-more-row{display:flex;justify-content:center;margin-top:1.5rem}.receipt-card{display:flex;align-items:center;gap:.9rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .12s ease,border-color .12s ease,transform .12s ease}.receipt-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-text-muted);transform:translateY(-1px)}.receipt-card-link{display:flex;align-items:center;gap:.9rem;flex:1;min-width:0;text-decoration:none;color:inherit}.receipt-card-delete{flex-shrink:0;padding:.5rem}.receipt-card-delete:hover:not(:disabled){background:var(--color-danger-bg);color:var(--color-danger)}.receipt-card-thumb{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--color-border);background:var(--color-bg)}.receipt-card-thumb-placeholder{width:44px;height:44px;border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted)}.receipt-card-main{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.receipt-card-vendor{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-card-date{font-size:.8rem;color:var(--color-text-muted)}.receipt-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.receipt-card-total{font-weight:600;font-variant-numeric:tabular-nums}.status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;letter-spacing:.01em;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge--pending_upload,.status-badge--processing{background:light-dark(#fff7ed,#3a2c12);color:var(--color-warning)}.status-badge--processed{background:light-dark(#f0fdf4,#122a1b);color:var(--color-success)}.status-badge--failed{background:var(--color-danger-bg);color:var(--color-danger)}.upload-button{display:flex;align-items:center;gap:.6rem}.upload-progress{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--color-text-muted)}.receipt-detail-back{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;margin-bottom:1.25rem}.receipt-detail-back:hover{color:var(--color-text)}.receipt-detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.receipt-detail-card+.receipt-detail-card{margin-top:1.25rem}.receipt-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.receipt-detail-header h1{font-size:1.5rem;font-weight:700;margin:0 0 .4rem;letter-spacing:-.01em}.receipt-detail-meta{display:flex;align-items:center;gap:.6rem;color:var(--color-text-muted);font-size:.9rem}.receipt-detail-total{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.receipt-detail-image-wrap{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg);display:flex;justify-content:center}.receipt-detail-image{max-width:100%;max-height:520px;display:block}.receipt-detail-section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 .9rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--color-border)}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-weight:600}tbody tr:last-child td{border-bottom:none}td:nth-child(2),td:nth-child(3),th:nth-child(2),th:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem 1.25rem .5rem;margin-bottom:1.25rem}.chart-scroll{position:relative;overflow-x:auto}.chart-axis-line{stroke:var(--color-border);stroke-width:1}.chart-axis-label{font-size:11px;fill:var(--color-text-muted)}.chart-total-label{font-size:11px;font-weight:600;fill:var(--color-text)}.chart-segment{cursor:pointer;transition:opacity .1s ease}.chart-segment:hover{opacity:.85}.chart-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 10px));background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:.4rem .6rem;font-size:.8rem;display:flex;flex-direction:column;gap:.1rem;pointer-events:none;white-space:nowrap}.chart-tooltip span{color:var(--color-text-muted)}@media (max-width: 480px){.page{padding:1.25rem 1rem 3rem}.receipt-detail-card{padding:1.1rem}}