.bento{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(100px,auto)}@media(max-width:640px){.bento{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.bento-1x1{grid-column:span 1;grid-row:span 1}.bento-2x1{grid-column:span 2;grid-row:span 1}.bento-1x2{grid-column:span 1;grid-row:span 2}.bento-2x2{grid-column:span 2;grid-row:span 2}.bento-3x1{grid-column:span 3;grid-row:span 1}.bento-4x1{grid-column:span 4;grid-row:span 1}.bento-3x2{grid-column:span 3;grid-row:span 2}.bento-4x2{grid-column:span 4;grid-row:span 2}@media(max-width:640px){.bento-3x1,.bento-4x1,.bento-3x2,.bento-4x2{grid-column:span 2}}.bento-cell{position:relative;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);overflow:hidden;transition:all var(--duration-200) var(--ease-default)}.bento-cell:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bento-cell.interactive{cursor:pointer}.bento-cell.interactive:active{transform:translateY(0)}.bento-cell.gradient{background:var(--gradient-brand-subtle);border-color:transparent}.bento-cell.gradient:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);opacity:.3}.bento-cell.accent{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.bento-cell.accent:hover{box-shadow:0 8px 24px #3b82f64d}.bento-cell.dark{background:var(--gray-900);border-color:var(--gray-800);color:var(--gray-50)}[data-theme=dark] .bento-cell.dark{background:var(--gray-800);border-color:var(--gray-700)}.bento-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.bento-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-lg)}.bento-cell.accent .bento-icon{background:#fff3}.bento-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.bento-cell.accent .bento-title{color:var(--white)}.bento-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.bento-cell.accent .bento-subtitle{color:#fffc}.bento-value{font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tighter);font-family:var(--font-mono)}.bento-value.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bento-footer{margin-top:auto;padding-top:var(--space-4)}.bento-stats{display:flex;gap:var(--space-6)}.bento-stat{flex:1}.bento-stat-value{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-mono);letter-spacing:var(--tracking-tight)}.bento-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.bento-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.bento-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-150) var(--ease-default)}.bento-action:hover{background:var(--bg-active);transform:scale(1.02)}.bento-action-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-lg);font-size:20px;box-shadow:var(--shadow-sm)}.bento-action-label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)}.bento-chart{flex:1;display:flex;align-items:flex-end;gap:var(--space-1);padding-top:var(--space-4)}.bento-chart-bar{flex:1;background:var(--accent-subtle);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:20px;transition:height var(--duration-300) var(--ease-out)}.bento-chart-bar:hover{background:var(--accent)}.bento-list{display:flex;flex-direction:column;gap:var(--space-2)}.bento-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--duration-100)}.bento-list-item:hover{background:var(--bg-hover)}.bento-list-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.bento-list-dot.success{background:var(--success)}.bento-list-dot.warning{background:var(--warning)}.bento-list-dot.error{background:var(--error)}.bento-glow{position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:radial-gradient(circle,var(--accent-subtle) 0%,transparent 70%);pointer-events:none}.bento-pattern{position:absolute;inset:0;background-image:radial-gradient(var(--border-subtle) 1px,transparent 1px);background-size:16px 16px;opacity:.5;pointer-events:none}.balance-hero{display:flex;flex-direction:column}.balance-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.balance-amount{font-size:var(--text-4xl);font-weight:700;font-family:var(--font-mono);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-2)}.balance-change{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full)}.balance-change.up{background:var(--success-subtle);color:var(--success)}.balance-change.down{background:var(--error-subtle);color:var(--error)}