@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}:root.light{--bg-color-stop1: #E0E7FF;--bg-color-stop2: #FDF4FF;--bg-color-stop3: #F0FDF4;--bg-body-static: #F8FAFC;--bg-card: rgba(255, 255, 255, .7);--bg-card-solid: #FFFFFF;--bg-input: rgba(255, 255, 255, .6);--bg-sidebar: rgba(255,255,255, .4);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--border-color: rgba(0, 0, 0, .05);--border-light: rgba(255, 255, 255, .5);--primary-color: #6366F1;--primary-hover: #4F46E5;--primary-glow: rgba(99, 102, 241, .4);--success-color: #10B981;--danger-color: #EF4444;--warning-color: #F59E0B;--shadow-card: 0 10px 30px -10px rgba(0,0,0,.08), inset 0 1px 1px rgba(255,255,255,.7);--shadow-hover: 0 20px 40px -10px rgba(0,0,0,.12), inset 0 1px 1px rgba(255,255,255,1)}:root.dark{--bg-color-stop1: #0A0A14;--bg-color-stop2: #16112C;--bg-color-stop3: #0B192C;--bg-body-static: #0B0F19;--bg-card: rgba(20, 25, 40, .4);--bg-card-solid: #151B2B;--bg-input: rgba(15, 23, 42, .5);--bg-sidebar: rgba(10, 15, 30, .6);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--border-color: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .03);--primary-color: #818CF8;--primary-hover: #A5B4FC;--primary-glow: rgba(129, 140, 248, .4);--success-color: #34D399;--danger-color: #F87171;--warning-color: #FBBF24;--shadow-card: 0 10px 30px -10px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.1);--shadow-hover: 0 20px 40px -10px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-body-static);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;overflow-x:hidden}.background-mesh{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at 15% 50%,var(--bg-color-stop1),transparent 50%),radial-gradient(circle at 85% 30%,var(--bg-color-stop2),transparent 50%),radial-gradient(circle at 50% 80%,var(--bg-color-stop3),transparent 50%);background-color:var(--bg-body-static);filter:blur(40px);transition:all 1s ease;pointer-events:none}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-sidebar);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-color);padding:var(--spacing-xl) var(--spacing-md);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:40}.main-content{flex:1;display:flex;flex-direction:column;max-width:calc(100vw - 280px)}.header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-xl);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.dashboard-scroll{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto}@media (max-width: 1024px){.sidebar{display:none}.main-content{max-width:100vw}}@media (max-width: 640px){.header{padding:0 var(--spacing-md)}.dashboard-scroll{padding:var(--spacing-md);gap:var(--spacing-md)}}.card{background:var(--bg-card);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card-title{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.card-value{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:.875rem;position:relative;overflow:hidden}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px #6366f199;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-solid);border-color:var(--text-muted)}.btn-icon{width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal)}.btn-icon:hover{transform:scale(1.05);background:var(--bg-card-solid);box-shadow:var(--shadow-card)}.input-control{padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow)}.table-container{overflow-x:auto;margin-top:1rem}table{width:100%;border-collapse:separate;border-spacing:0 var(--spacing-xs)}th{text-align:left;padding:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}tbody tr{transition:all var(--transition-normal);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}tbody tr:hover{transform:scale(1.01) translate(4px);background:var(--bg-card-solid);box-shadow:0 4px 10px #0000000d}td{padding:1rem;font-size:.875rem;color:var(--text-primary)}tbody tr td:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}tbody tr td:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-income{background:#10b98126;color:var(--success-color)}.badge-expense{background:#ef444426;color:var(--danger-color)}.avatar-icon{width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-input);color:var(--text-primary)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-xl)}.summary-cards-section{grid-column:span 12;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.charts-section{grid-column:span 8;display:flex;flex-direction:column}.insights-section{grid-column:span 4;display:flex;flex-direction:column}.transactions-section{grid-column:span 12}@media (max-width: 1200px){.charts-section,.insights-section{grid-column:span 12}}@media (max-width: 768px){.summary-cards-section{grid-template-columns:1fr}}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-muted{color:var(--text-muted)}.text-gradient{background:linear-gradient(135deg,var(--primary-color),#A78BFA);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.progress-bg{width:100%;height:8px;background:var(--bg-input);border-radius:var(--radius-full);overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1)}