:root{--background: #ffffff;--foreground: #0a0a0a;--card: #ffffff;--card-foreground: #0a0a0a;--primary: #171717;--primary-foreground: #fafafa;--secondary: #f5f5f5;--secondary-foreground: #171717;--muted: #f5f5f5;--muted-foreground: #737373;--accent: #f5f5f5;--accent-foreground: #171717;--destructive: #e40014;--border: #e5e5e5;--input: #e5e5e5;--ring: #a1a1a1;--sidebar-bg: #fafafa;--sidebar-fg: #0a0a0a;--sidebar-primary: #171717;--sidebar-primary-fg: #fafafa;--sidebar-accent: #f5f5f5;--sidebar-accent-fg: #171717;--sidebar-border: #e5e5e5;--radius: .625rem;--chart-primary: #171717;--chart-muted: #737373;--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-500: #10b981;--emerald-600: #059669;--emerald-900: #065f46;--emerald-950: #022c22;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-500: #3b82f6;--blue-600: #2563eb;--red-50: #fef2f2;--red-100: #fee2e2;--red-500: #ef4444;--red-600: #dc2626;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-500: #f43f5e;--rose-600: #e11d48}.dark{--background: #070707;--foreground: #fafafa;--card: #141414;--card-foreground: #fafafa;--primary: #e8e8e8;--primary-foreground: #141414;--secondary: #272727;--secondary-foreground: #fafafa;--muted: #272727;--muted-foreground: #a3a3a3;--accent: #272727;--accent-foreground: #fafafa;--destructive: #e40014;--border: rgba(255, 255, 255, .1);--input: rgba(255, 255, 255, .15);--ring: #7b7b7b;--sidebar-bg: #141414;--sidebar-fg: #fafafa;--sidebar-primary: #fafafa;--sidebar-primary-fg: #141414;--sidebar-accent: #272727;--sidebar-accent-fg: #fafafa;--sidebar-border: rgba(255, 255, 255, .1);--chart-primary: #e8e8e8;--chart-muted: #7b7b7b}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--sidebar-bg);color:var(--foreground);line-height:1.5;min-height:100vh}.sidebar-wrapper{display:flex;min-height:100vh;background-color:var(--sidebar-bg);overflow-x:hidden}.sidebar{width:240px;background-color:var(--sidebar-bg);border-right:none;display:flex;flex-direction:column;position:fixed;top:8px;left:8px;bottom:8px;z-index:40;transition:transform .3s cubic-bezier(.32,.72,0,1);border-radius:0;overflow:hidden;will-change:transform}.sidebar-header{padding:8px;display:flex;align-items:center;justify-content:space-between;gap:4px}.sidebar-close-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--sidebar-fg);transition:background-color .15s ease}.sidebar-close-btn:hover{background-color:var(--sidebar-accent)}.sidebar-close-btn svg{width:18px;height:18px}.sidebar-backdrop{position:fixed;inset:0;z-index:30;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;text-decoration:none;color:inherit;height:48px;transition:background-color .15s ease;flex:1;min-width:0}.sidebar-brand:hover{background-color:var(--sidebar-accent)}.sidebar-brand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--sidebar-primary);color:var(--sidebar-primary-fg);border-radius:8px;flex-shrink:0}.sidebar-brand-icon svg{width:16px;height:16px}.sidebar-brand-text{display:flex;flex-direction:column;overflow:hidden}.sidebar-brand-name{font-size:14px;font-weight:600;color:var(--sidebar-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-subtitle{font-size:12px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.sidebar-content::-webkit-scrollbar{display:none}.sidebar-group{padding:8px;margin:0}.sidebar-group-label{display:flex;align-items:center;height:32px;padding:0 8px;font-size:12px;font-weight:500;color:var(--sidebar-fg);opacity:.7;white-space:nowrap}.sidebar-menu{list-style:none}.sidebar-menu-item{position:relative}.sidebar-menu-button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border-radius:6px;font-size:14px;text-decoration:none;color:var(--sidebar-fg);background:transparent;border:none;cursor:pointer;transition:background-color .15s ease,color .15s ease;text-align:left;white-space:nowrap;overflow:hidden;font-family:inherit;height:32px;line-height:20px}.sidebar-menu-button:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-fg)}.sidebar-menu-button.active{background-color:var(--sidebar-accent);color:var(--sidebar-accent-fg);font-weight:500}.sidebar-menu-button svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{padding:8px}.sidebar-footer .sidebar-menu-item:not(:last-child){display:none}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;background-color:var(--primary);color:var(--primary-foreground);border-radius:9px;margin-left:auto}.sidebar-footer .sidebar-menu-button:not(.user-button){height:28px;padding:4px 8px}.user-button{display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:8px;border-radius:6px;cursor:pointer;font-family:inherit;border:none;background:transparent}.user-button:hover{background-color:var(--sidebar-accent)}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column;overflow:hidden;text-align:left}.user-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{flex:1;display:flex;flex-direction:column;margin:8px 8px 8px 248px;min-height:calc(100vh - 16px);background-color:var(--background);border-radius:14px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000d;overflow:hidden;position:relative}.header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;position:sticky;top:0;background-color:var(--background);z-index:30}.header-left{display:flex;align-items:center;gap:8px}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--foreground);transition:background-color .15s ease}.sidebar-toggle:hover{background-color:var(--muted)}.sidebar-toggle svg{width:18px;height:18px}.breadcrumb{font-size:14px;color:var(--muted-foreground)}.header-right{display:flex;align-items:center;gap:8px}.return-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;background-color:var(--primary);color:var(--primary-foreground);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .15s ease}.return-btn:hover{opacity:.9}.return-btn svg{width:16px;height:16px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--foreground);transition:background-color .15s ease}.theme-toggle:hover{background-color:var(--muted)}.theme-toggle svg{width:18px;height:18px}.dashboard-content{flex:1;padding:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.grid-item{min-width:0;container-type:inline-size}.span-4{grid-column:span 4}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.card{background-color:var(--card);border-radius:14px;box-shadow:0 0 0 1px #0a0a0a1a;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:16px 0;height:100%}.card-header{display:flex;flex-direction:column;gap:12px;padding:0 16px 8px}.span-8 .card-header{flex-direction:row;align-items:center;justify-content:space-between}.card-header.row{flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:16px}.card-header-left{display:flex;flex-direction:column;gap:4px}.card-title{font-size:16px;font-weight:600;color:var(--card-foreground);display:flex;align-items:center;gap:8px}.card-title svg.text-primary{color:var(--primary)}.header-icon-btn{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;background-color:var(--muted);flex-shrink:0}.card-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--muted-foreground)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.primary{background-color:var(--primary)}.legend-dot.muted{background-color:var(--muted-foreground);opacity:.4}.legend-item strong{color:var(--foreground);font-weight:500}.date-picker-btn{display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:400;background-color:var(--background);border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--foreground);font-family:inherit;width:100%;max-width:200px;height:32px;justify-content:flex-start;text-align:left;white-space:nowrap}.span-8 .date-picker-btn{width:200px;flex-shrink:0}.date-picker-btn:hover{background-color:var(--muted)}.date-picker-btn svg{width:14px;height:14px;flex-shrink:0;margin-right:8px}.span-8 .card-header{position:relative}.date-popover{position:absolute;top:44px;right:16px;z-index:50;display:none;padding:8px;border-radius:10px;background:var(--card);color:var(--foreground);box-shadow:0 10px 25px #0000001f,0 0 0 1px #0000000f;font-size:14px}.date-popover.visible{display:block}.rdp-nav{position:absolute;top:8px;right:8px;left:8px;display:flex;align-items:center;justify-content:space-between;gap:4px}.rdp-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--foreground);cursor:pointer;font-family:inherit}.rdp-nav-btn:hover{background-color:var(--muted)}.rdp-nav-btn svg{width:16px;height:16px}.rdp-months{display:flex;flex-direction:column;gap:16px}.rdp-month{display:flex;flex-direction:column;width:196px}.rdp-month-caption{display:flex;align-items:center;justify-content:center;height:28px;padding:0 28px;font-size:14px;font-weight:500;margin-bottom:16px}.rdp-weekdays{display:flex;width:100%;height:18px;align-items:center;margin-bottom:8px}.rdp-weekday{flex:0 0 28px;width:28px;text-align:center;font-size:12.8px;color:var(--muted-foreground)}.rdp-week{display:flex;width:100%;height:28px;margin-bottom:8px}.rdp-week:last-child{margin-bottom:0}.rdp-day{display:flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:8px;font-size:14px;color:var(--foreground);cursor:pointer;font-family:inherit;font-weight:400}.rdp-day:hover{background-color:var(--muted)}.rdp-day.rdp-outside{color:var(--muted-foreground)}.rdp-day.rdp-range-middle{background-color:var(--muted);border-radius:0}.rdp-day.rdp-range-start{background-color:var(--primary);color:var(--primary-foreground);border-radius:8px 0 0 8px}.rdp-day.rdp-range-end{background-color:var(--primary);color:var(--primary-foreground);border-radius:0 8px 8px 0}.see-all-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted-foreground);background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.see-all-btn:hover{color:var(--foreground)}.see-all-btn svg{width:12px;height:12px}.time-select{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 8px 8px 10px;border:1px solid var(--input);border-radius:10px;font-size:12px;background:transparent;color:var(--foreground);cursor:pointer;font-family:inherit;height:32px;width:110px;-webkit-user-select:none;user-select:none}.time-select:hover{background-color:var(--muted)}.time-select-value{flex:1;text-align:left}.time-select svg{width:16px;height:16px;color:var(--muted-foreground);pointer-events:none;flex-shrink:0}.time-select-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;min-width:128px;background-color:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:4px;display:none;z-index:50}.time-select.open .time-select-menu{display:block}.time-select-menu button{display:flex;width:100%;align-items:center;gap:6px;padding:6px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;color:var(--foreground);cursor:pointer;font-family:inherit;text-align:left}.time-select-menu button:hover,.time-select-menu button.selected{background-color:var(--muted)}.card-content{padding:0 16px;flex:1;display:flex;flex-direction:column}.card-group{display:flex;flex-direction:column;gap:16px;height:100%}.card-group>.card{flex:1}.chart-container{width:100%;min-height:200px;position:relative;flex:1;touch-action:pan-y}.chart-container svg{display:block;width:100%;height:100%}.chart-tooltip{position:absolute;z-index:5;pointer-events:none;display:grid;gap:6px;min-width:128px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:8px;background:var(--background);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;font-size:12px;color:var(--foreground);opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.chart-tooltip.visible{opacity:1;transform:translateY(0)}.chart-tooltip .tooltip-title{font-weight:500}.chart-tooltip .tooltip-values{display:grid;gap:6px}.chart-tooltip .tooltip-values span{color:var(--muted-foreground);white-space:nowrap;font-weight:400}.card-content.gap-5{gap:20px}.account-cards-stack{position:relative;aspect-ratio:1.4 / 1}.account-card{position:absolute;left:0;right:0;aspect-ratio:85.6 / 53.98;display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px;cursor:pointer;background-color:var(--card);border:1px solid var(--border);border-radius:18px;color:var(--card-foreground);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:transform .2s ease,box-shadow .2s ease;font-family:inherit;text-align:left}.account-card:hover{box-shadow:0 10px 15px -3px #0000001a}.account-card.secondary{background-color:var(--muted);border:none;color:var(--secondary-foreground)}.account-card.dark{background-color:var(--primary);color:var(--primary-foreground);border:none;box-shadow:0 20px 25px -5px #00000026}.account-card[style*="z-index: 2"]{box-shadow:0 0 0 1px var(--border),0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.account-card.dark .account-card-name{color:var(--primary-foreground)}.account-card.dark .account-card-number{color:#fff6}.account-card.dark .account-card-balance{color:var(--primary-foreground)}.account-card.dark .card-chip{background-color:#fff3}.account-card-header{display:flex;align-items:center;justify-content:space-between}.account-card-name{font-size:14px;font-weight:600;letter-spacing:.025em}.account-card-chip{display:flex;align-items:center;gap:8px}.card-chip{height:28px;width:40px;border-radius:6px;background-color:#0000001a}.account-card-footer{display:flex;align-items:flex-end;justify-content:space-between}.account-card-number{font-family:monospace;font-size:10px;letter-spacing:.1em;opacity:.4}.account-card-balance{font-size:20px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.cards-footer-row{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.cards-count-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-foreground)}.add-card-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background-color:var(--background);cursor:pointer;transition:background-color .15s ease}.add-card-btn:hover{background-color:var(--muted)}.wallet-balance-section{border-top:1px solid var(--border);padding-top:20px;display:flex;flex-direction:column;gap:6px}.wallet-balance-title{font-size:12px;font-weight:500;color:var(--muted-foreground)}.wallet-balance-amount{font-size:30px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1}.wallet-balance-trend{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--emerald-600)}.contact-avatars{margin-bottom:16px}.avatar-group{display:flex;align-items:center}.avatar{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid transparent;cursor:pointer;flex-shrink:0;background:none;padding:0;transition:transform .2s ease,border-color .15s ease}.avatar:hover{transform:scale(1.1)}.avatar.selected{border-color:var(--primary);transform:scale(1.2)}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar.add-contact{display:flex;align-items:center;justify-content:center;background-color:var(--muted);border:2px solid var(--border)}.avatar.add-contact svg{width:16px;height:16px;color:var(--muted-foreground)}.transfer-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;color:var(--muted-foreground)}.form-value{font-size:14px;font-weight:500}.amount-input{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--input);border-radius:8px;background:transparent}.amount-row{display:flex;gap:8px;align-items:stretch}.amount-input{flex:1;display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--input);border-radius:8px;background:transparent}.amount-input .currency{font-size:14px;color:var(--muted-foreground)}.amount-input input{border:none;outline:none;background:transparent;font-size:14px;font-family:inherit;width:100%;color:var(--foreground)}.send-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:opacity .15s ease;white-space:nowrap}.send-btn:hover{opacity:.9}.send-btn svg{width:16px;height:16px}button.is-clicked{animation:button-press .18s ease-out}@keyframes button-press{50%{transform:translateY(1px) scale(.98)}}.spending-limit{display:flex;flex-direction:column;gap:16px}.spending-budget{display:flex;flex-direction:column;gap:4px}.spending-label{font-size:12px;color:var(--muted-foreground)}.spending-budget-value{display:flex;align-items:baseline;gap:4px;letter-spacing:-.025em}.spending-budget-value .currency,.spending-budget-value .amount{font-size:24px;font-weight:700;color:var(--foreground);font-variant-numeric:tabular-nums}.spending-budget-value .currency-label{font-size:14px;font-weight:400;color:var(--muted-foreground);margin-left:4px}.spending-progress{width:100%}.spending-progress-bar{height:4px;background-color:var(--muted);border-radius:9999px;overflow:hidden}.spending-progress-fill{height:100%;background-color:var(--primary);border-radius:9999px;transition:width .5s ease}.spending-details{display:flex;justify-content:space-between}.spending-detail{display:flex;flex-direction:column;gap:2px}.spending-value{display:flex;align-items:baseline;gap:2px}.spending-value .currency{font-size:14px;color:var(--muted-foreground)}.spending-value .amount{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.spending-value.positive .amount{color:var(--emerald-600)}.spending-period{font-size:12px;color:var(--muted-foreground)}.money-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.money-stat{display:flex;align-items:center;gap:10px;border-radius:14px;padding:10px 12px}.money-stat.green{background-color:var(--emerald-50)}.money-stat.green .money-stat-icon{color:var(--emerald-600)}.money-stat.red{background-color:var(--rose-50)}.money-stat.red .money-stat-icon{color:var(--rose-600)}.money-stat.green .money-stat-label{color:#059669b3}.money-stat.red .money-stat-label{color:#e11d48b3}.money-stat.green .money-stat-value .amount{color:#047857}.money-stat.red .money-stat-value .amount{color:#be123c}.money-stat.green .money-stat-value .currency{color:#047857}.money-stat.red .money-stat-value .currency{color:#be123c}.money-net-flow{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:10px;padding:8px 12px}.money-net-flow .money-stat-label{color:var(--muted-foreground);font-size:12px}.money-stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background-color:#ffffff80;flex-shrink:0}.money-stat.green .money-stat-icon{background-color:var(--emerald-100)}.money-stat.red .money-stat-icon{background-color:var(--rose-100)}.money-stat-icon svg{width:16px;height:16px}.money-stat-info{display:flex;flex-direction:column;gap:2px}.money-stat-info.full{flex:1}.money-stat-label{font-size:10px;font-weight:500;color:var(--muted-foreground)}.money-stat-value{display:flex;align-items:baseline;gap:1px;font-variant-numeric:tabular-nums}.money-stat-value .currency{font-size:14px;color:var(--muted-foreground)}.money-stat-value .amount{font-size:14px;font-weight:700}.money-net-flow .money-stat-value .amount,.money-net-flow .money-stat-value .currency{color:var(--emerald-600)}@container (max-width: 300px){.money-stats{grid-template-columns:1fr}.money-net-flow{grid-column:span 1}}.health-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:500;background-color:#10b9811a;color:var(--emerald-600);white-space:nowrap}.health-gauge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:16px}.gauge-glow{position:absolute;top:0;height:90px;width:160px;border-radius:9999px;filter:blur(40px);background:radial-gradient(ellipse,#3b82f618 0%,transparent 70%);pointer-events:none}.gauge-svg{position:relative;overflow:visible}.gauge-progress{transition:stroke-dashoffset 1s ease}.gauge-svg text{fill:var(--muted-foreground);opacity:.4;font-size:9px;font-family:inherit;font-variant-numeric:tabular-nums}.gauge-center{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center}.gauge-score{font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1}.gauge-status{font-size:11px;font-weight:500;color:var(--muted-foreground)}.health-metrics{display:flex;flex-direction:column;gap:4px;width:100%}.health-metric{display:flex;width:100%;align-items:center;gap:10px;border-radius:8px;padding:6px 8px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background-color .15s ease;font-family:inherit}.health-metric:hover{background-color:color-mix(in srgb,var(--muted) 50%,transparent)}.metric-icon{display:flex;width:24px;height:24px;flex-shrink:0;align-items:center;justify-content:center;border-radius:6px}.metric-icon.green{background-color:#10b9811a;color:var(--emerald-600)}.metric-icon.blue{background-color:#3b82f61a;color:var(--blue-600)}.metric-icon.amber{background-color:#f59e0b1a;color:#d97706}.metric-icon svg{width:16px;height:16px}.metric-name{flex:1;font-size:12px;font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-bar{width:64px;height:6px;border-radius:9999px;background-color:var(--muted);overflow:hidden;flex-shrink:0}.metric-bar-fill{height:100%;border-radius:9999px}.metric-bar-fill.green{background-color:#10b981}.metric-bar-fill.blue{background-color:#3b82f6}.metric-bar-fill.amber{background-color:#f59e0b}.metric-score{width:24px;text-align:right;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--foreground)}.metric-arrow{color:var(--muted-foreground);display:flex;align-items:center}.metric-arrow svg{width:12px;height:12px}.transactions-table{overflow-x:auto}.transactions-table .min-w-600{min-width:600px}.table-header{display:grid;grid-template-columns:1fr 140px 100px 120px 32px;gap:16px;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.table-row{display:grid;grid-template-columns:1fr 140px 100px 120px 32px;gap:16px;align-items:center;padding:10px 0;border-radius:8px;transition:background-color .15s ease;cursor:default}.table-row:hover{background-color:#f5f5f580}.col-merchant{display:flex;align-items:center;gap:12px}.merchant-logo{width:36px;height:36px;border-radius:8px;object-fit:contain;flex-shrink:0}.merchant-info{display:flex;flex-direction:column}.merchant-name{font-size:14px;font-weight:500}.merchant-category{display:inline-flex;width:fit-content;margin-top:2px;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:500;line-height:16px}.category-purple{background:#f3e8ff;color:#7e22ce}.category-blue{background:#dbeafe;color:#1d4ed8}.category-green{background:#d1fae5;color:#047857}.category-pink{background:#fce7f3;color:#be185d}.category-orange{background:#ffedd5;color:#c2410c}.col-id{font-size:13px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.col-amount{font-size:14px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.col-amount.positive{color:var(--emerald-600)}.col-date{font-size:13px;color:var(--muted-foreground)}.col-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--muted-foreground)}.col-action:hover{background-color:var(--muted);color:var(--foreground)}.col-action svg{width:16px;height:16px}@media(min-width:1025px){.sidebar.open{transform:translate(calc(-100% - 8px))}.sidebar.open~.main{margin-left:8px}}@media(max-width:1024px){.sidebar{top:0;left:0;bottom:0;height:100svh;width:min(300px,85vw);border-radius:0 1rem 1rem 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:inline-flex}.sidebar.open~.sidebar-backdrop{opacity:1;pointer-events:auto}.main{margin-left:0}.span-4{grid-column:span 6}.span-8{grid-column:span 12}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.span-4,.span-8,.span-12{grid-column:span 1}.span-8 .card-header{flex-direction:column;align-items:stretch}.span-8 .date-picker-btn{width:100%;max-width:none}.table-header{display:none}.table-row{grid-template-columns:1fr auto 32px;grid-template-areas:"merchant amount  action" "merchant date    action";gap:4px 12px;padding:12px 0;align-items:start}.col-merchant{grid-area:merchant;align-items:flex-start;min-width:0}.merchant-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-amount{grid-area:amount;align-self:start}.col-date{grid-area:date;display:block;font-size:12px}.col-action{grid-area:action;align-self:center}.col-id{display:none}.money-stats{grid-template-columns:1fr}.money-net-flow{grid-column:span 1}.health-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 8px}.metric-bar{width:44px}.metric-arrow{display:none}.date-popover{right:16px;left:16px}.date-popover .rdp-months{flex-direction:column}}@media(max-width:480px){.dashboard-content{padding:12px}.health-metrics{grid-template-columns:1fr}.metric-bar{width:56px}.wallet-balance-amount{font-size:26px}.return-btn span{display:none}.return-btn{padding:0 10px}}@media(min-width:769px){.date-popover .rdp-months{flex-direction:row}}.toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;width:auto;max-width:min(92vw,420px);background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);padding:10px 14px;border-radius:var(--radius);font-size:14px;font-weight:500;line-height:1.4;box-shadow:0 10px 30px -8px #0000001f,0 4px 10px -4px #00000014;opacity:0;transform:translateY(-12px) scale(.98);transition:opacity .2s ease,transform .2s ease}.toast.visible{opacity:1;transform:translateY(0) scale(1)}.toast-icon{display:inline-flex;flex-shrink:0;width:16px;height:16px;color:var(--primary)}.theme-icon-moon,.dark .theme-icon-sun{display:none}.dark .theme-icon-moon{display:inline-flex}.dark .table-row:hover{background-color:#ffffff0a}.dark .col-amount.positive{color:#34d399}.dark .money-stat.green{background-color:#10b98126}.dark .money-stat.green .money-stat-icon{background-color:#10b98133;color:#34d399}.dark .money-stat.green .money-stat-label{color:#34d399cc}.dark .money-stat.green .money-stat-value .currency,.dark .money-stat.green .money-stat-value .amount{color:#34d399}.dark .money-stat.red{background-color:#f43f5e26}.dark .money-stat.red .money-stat-icon{background-color:#f43f5e33;color:#fb7185}.dark .money-stat.red .money-stat-label{color:#fb7185cc}.dark .money-stat.red .money-stat-value .currency,.dark .money-stat.red .money-stat-value .amount{color:#fb7185}.dark .money-net-flow .money-stat-value .amount,.dark .money-net-flow .money-stat-value .currency{color:#34d399}.dark .health-badge,.dark .metric-icon.green{background-color:#10b98126;color:#34d399}.dark .metric-icon.blue{background-color:#3b82f626;color:#60a5fa}.dark .metric-icon.amber{background-color:#f59e0b26;color:#fbbf24}.dark .metric-bar-fill.green{background-color:#34d399}.dark .metric-bar-fill.blue{background-color:#60a5fa}.dark .metric-bar-fill.amber{background-color:#fbbf24}.dark .wallet-balance-trend{color:#34d399}.dark .category-purple{background:#a855f726;color:#d8b4fe}.dark .category-blue{background:#3b82f626;color:#93c5fd}.dark .category-green{background:#10b98126;color:#6ee7b7}.dark .category-pink{background:#ec489926;color:#f9a8d4}.dark .category-orange{background:#f9731626;color:#fdba74}.dark .account-card.dark .account-card-number{color:#0006}.dark .account-card.dark .card-chip{background-color:#0003}.dark .account-card:not(.dark) .card-chip{background-color:#ffffff26}