@charset "UTF-8";:root{--primary: #1A2332;--primary-dark: #0D1624;--primary-light: #E8EDF5;--primary-glow: rgba(26, 35, 50, .12);--success: #10D99C;--success-light: #E0FAF4;--warning: #F5A623;--warning-light: #FEF3DC;--danger: #E03E3E;--danger-light: #FCEAEA;--info: #1473E6;--info-light: #E8F2FD;--surface: #EEF2F8;--surface-2: #E5EBF5;--surface-3: #D8E0EF;--card-bg: #ffffff;--border-color: #DDE5F0;--text-primary: #1A2332;--text-secondary: #4A5568;--text-muted: #8FA0AD;--sidebar-bg: #0D1F3C;--sidebar-width: 240px;--sidebar-text: #7EC8B0;--sidebar-border: rgba(255, 255, 255, .06);--gradient-border: linear-gradient(135deg, #FF6B9D 0%, #A78BFA 33%, #38BDF8 66%, #34D399 100%);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--header-base-height: 56px;--mobile-header-height: calc(var(--header-base-height) + var(--safe-top));--radius-sm: .5rem;--radius: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.08);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.06);--shadow-glow: 0 0 0 3px var(--primary-glow);--card-shadow: var(--shadow-sm);--t-fast: .12s ease;--t-base: .2s ease;--t-slow: .32s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--surface);color:var(--text-primary);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding-top:max(.6rem,var(--safe-top));padding-bottom:.6rem;padding-left:max(1rem,var(--safe-left));padding-right:max(.5rem,var(--safe-right));background:var(--sidebar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0;width:100%;height:var(--mobile-header-height);z-index:1060;border-bottom:1px solid var(--sidebar-border);box-shadow:0 1px #00c38926,0 4px 12px #0000004d}.mobile-header .mobile-brand{display:flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#d4f5ec,#7ddfc3,#00c389);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.mobile-header .mobile-brand .brand-icon{width:28px;height:28px;background:linear-gradient(135deg,#00a67e,#00c389,#4dd9ac);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #00a67e8c}.mobile-header .mobile-hamburger{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#c7d2fe;font-size:1.15rem;width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-left:auto;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.mobile-header .mobile-hamburger:hover,.mobile-header .mobile-hamburger:focus-visible{background:#00c38933;border-color:#00c38966;color:#fff;outline:none}.mobile-header .mobile-hamburger:active{transform:scale(.93)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:1040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn var(--t-base) ease}.sidebar-overlay.open{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:min(280px,88vw);background:var(--sidebar-bg);color:var(--sidebar-text);display:none;flex-direction:column;position:fixed;top:var(--mobile-header-height);left:0;bottom:0;padding-bottom:var(--safe-bottom);z-index:1050;overflow-y:auto;overflow-x:hidden;transform:translate(-100%);transition:transform var(--t-slow)}.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,195,137,.04) 0%,transparent 40%);pointer-events:none}.sidebar.open{display:flex;transform:translate(0)}.sidebar .sidebar-brand{padding:1.25rem 1.1rem .875rem;display:flex;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#d4f5ec,#7ddfc3,#00c389);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:1px solid var(--sidebar-border)}.sidebar .sidebar-brand .brand-icon{width:32px;height:32px;background:linear-gradient(135deg,#00a67e,#00c389,#4dd9ac);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#fff;flex-shrink:0;box-shadow:0 2px 10px #00a67e99,0 0 0 1px #ffffff14 inset}.sidebar nav{padding:.5rem;flex:1}.sidebar nav a{display:flex;align-items:center;gap:.7rem;padding:.65rem .875rem;color:#94a3b8;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);margin-bottom:.1rem;position:relative;transition:background var(--t-fast),color var(--t-fast);letter-spacing:-.005em}.sidebar nav a i{font-size:1rem;width:1.1rem;text-align:center;flex-shrink:0}.sidebar nav a:hover{background:#00c38914;color:#7ddfc3}.sidebar nav a.active{background:#00c38926;color:#fff;font-weight:600}.sidebar nav a.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:linear-gradient(180deg,#4dd9ac,#00c389);border-radius:0 2px 2px 0}.sidebar nav .nav-section{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b880;padding:1rem .875rem .35rem}.main-content{padding:1rem;min-height:100vh;min-width:0;overflow-x:hidden}body.sidebar-open{overflow:hidden}@media (min-width: 768px){.mobile-header{display:none}.sidebar{display:flex;position:fixed;top:0;bottom:0;transform:none;width:var(--sidebar-width);padding-bottom:var(--safe-bottom);min-height:100vh}.sidebar .sidebar-brand{padding-top:max(1.25rem,var(--safe-top))}.main-content{margin-left:var(--sidebar-width);padding:2rem 2.5rem}}@media (max-width: 767.98px){.main-content{padding-top:calc(var(--mobile-header-height) + 1rem);padding-bottom:calc(1rem + var(--safe-bottom));padding-left:max(1rem,var(--safe-left));padding-right:max(1rem,var(--safe-right))}.page-title{font-size:1.2rem}.stat-card{padding:1rem 1.1rem}}.stat-card{background:var(--card-bg);border-radius:var(--radius);padding:1.25rem 1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base),transform var(--t-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card .stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.35rem}.stat-card .stat-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.03em}.stat-card .stat-icon{width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.receipt-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base),transform var(--t-base),border-color var(--t-base);cursor:pointer;overflow:hidden}.receipt-card:hover{box-shadow:var(--shadow-md);border-color:#00c38940;transform:translateY(-2px)}.receipt-card:active{transform:translateY(0)}.receipt-card .receipt-store{font-weight:600;font-size:.9rem;color:var(--text-primary)}.receipt-card .receipt-date{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.receipt-card .receipt-total{font-size:1.05rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.receipt-card .receipt-card-badge{font-size:.72rem;padding:.2rem .55rem;border-radius:9999px;background:var(--primary-light);color:var(--primary);font-weight:600}.receipt-card .cashback-badge{font-size:.72rem;padding:.2rem .55rem;border-radius:9999px;background:var(--success-light);color:#0a9e7a;font-weight:600}.store-icon{width:2.4rem;height:2.4rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}.store-icon.gas{background:#fef3c7;color:#d97706}.store-icon.grocery{background:#dcfce7;color:#16a34a}.store-icon.restaurant{background:#fee2e2;color:#dc2626}.store-icon.costco{background:#dbeafe;color:#2563eb}.store-icon.pharmacy{background:#f3e8ff;color:#7c3aed}.store-icon.bank{background:#e0f2fe;color:#0369a1}.store-icon.other{background:#f1f5f9;color:#475569}.upload-zone{border:2px dashed #7DDFC3;border-radius:var(--radius);background:linear-gradient(145deg,#fafbff,#f5f7ff);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color var(--t-base),background var(--t-base),box-shadow var(--t-base);position:relative}.upload-zone:after{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) - 2px);background:var(--primary-light);opacity:0;transition:opacity var(--t-base)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);box-shadow:var(--shadow-glow)}.upload-zone:hover:after,.upload-zone.dragover:after{opacity:1}.upload-zone>*{position:relative;z-index:1}.upload-zone i{font-size:2.75rem;color:#56c9a5}.chart-container{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color);padding:1.5rem;box-shadow:var(--shadow-sm)}.suggestion-card{border-left:3px solid var(--warning);background:linear-gradient(135deg,#fffdf5,#fffbeb);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.25rem;transition:box-shadow var(--t-base)}.suggestion-card:hover{box-shadow:var(--shadow-md)}.suggestion-card.high{border-left-color:var(--danger);background:linear-gradient(135deg,#fff8f8,#fff1f2)}.suggestion-card.low{border-left-color:var(--success);background:linear-gradient(135deg,#f8fffe,#f0fdf4)}.page-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em}.section-title{font-size:.9rem;font-weight:700;color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:.75rem}.btn-primary-custom{background:var(--primary);color:#fff;border:none;border-radius:9999px;padding:.6rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);letter-spacing:-.01em}.btn-primary-custom:hover{background:var(--primary-dark);box-shadow:0 4px 14px #1a233247}.btn-primary-custom:active{transform:scale(.97)}.btn-primary{background:var(--primary);border-color:var(--primary);font-weight:600;letter-spacing:-.01em;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 4px 14px #1a233240}.btn-primary:active{transform:scale(.97)}.btn{border-radius:9999px;transition:all var(--t-fast)}.btn:active{transform:scale(.96)}.btn-outline-secondary,.btn-outline-primary,.btn-outline-danger{border-radius:9999px}.form-control,.form-select{border-radius:var(--radius-sm);border-color:var(--border-color);font-size:.875rem;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.card{border-radius:var(--radius);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:9999px;font-size:.72rem;font-weight:600;letter-spacing:.01em}.tag-blue{background:#dbeafe;color:#1d4ed8}.tag-green{background:#dcfce7;color:#15803d}.tag-yellow{background:#fef9c3;color:#854d0e}.tag-red{background:#fee2e2;color:#b91c1c}.tag-purple{background:#f3e8ff;color:#6d28d9}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm)}.share-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1080;animation:fadeIn var(--t-base) ease}.share-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(540px,100vw - 2rem);max-height:calc(100dvh - 3rem);overflow-y:auto;z-index:1090;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg),0 0 0 1px #0000000f;animation:slideUp var(--t-slow) ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 16px))}to{opacity:1;transform:translate(-50%,-50%)}}.gradient-border-card{border:1.5px solid transparent!important;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--gradient-border) border-box!important}.stat-value-accent{color:#7b5ea7}.btn-outline-plaid{background:transparent;color:var(--primary);border:1.5px solid var(--primary);border-radius:9999px;padding:.6rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast);letter-spacing:-.01em}.btn-outline-plaid:hover{background:var(--primary-light)}.split-preview{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.85rem}.split-preview .split-preview-header{color:var(--text-secondary)}.split-preview .split-row{border-bottom:1px solid var(--border-color)}.split-preview .split-row:last-child{border-bottom:none}