@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-tertiary:#1a1a25;--color-bg-card:#15151f;--color-bg-card-hover:#1c1c28;--color-accent-primary:#6366f1;--color-accent-primary-light:#818cf8;--color-accent-primary-dark:#4f46e5;--color-accent-secondary:#8b5cf6;--color-success:#22c55e;--color-success-light:#4ade80;--color-warning:#f59e0b;--color-danger:#ef4444;--color-danger-light:#f87171;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-disabled:#475569;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--gradient-success:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);--gradient-danger:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);--gradient-card:linear-gradient(180deg,#6366f10d 0%,#8b5cf605 100%);--gradient-glass:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);--border-color:#ffffff14;--border-color-light:#ffffff1f;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 40px #6366f126;--spacing-xs:2px;--spacing-sm:6px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--sidebar-width:220px;--header-height:56px;--container-max-width:1600px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:var(--color-accent-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-primary)}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--border-radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.sidebar-logo{align-items:center;gap:var(--spacing-md);display:flex}.sidebar-logo-icon{background:var(--gradient-primary);border-radius:var(--border-radius-md);color:#fff;width:40px;height:40px;font-weight:700;font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.sidebar-logo-text{font-size:var(--font-size-xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.sidebar-nav{padding:var(--spacing-md);flex:1;overflow-y:auto}.nav-section{margin-bottom:var(--spacing-lg)}.nav-section-title{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm)var(--spacing-md);margin-bottom:var(--spacing-xs);font-weight:600}.nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--color-text-secondary);border-radius:var(--border-radius-md);transition:all var(--transition-fast);font-weight:500;display:flex}.nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.active{color:var(--color-accent-primary-light);background:#6366f126}.nav-item-icon{width:20px;height:20px}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.page-header{padding:var(--spacing-lg)var(--spacing-xl);background:var(--color-bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--font-size-2xl);font-weight:700}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.page-content{padding:var(--spacing-xl);max-width:var(--container-max-width)}.card{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--border-color-light);box-shadow:var(--shadow-md)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:600}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--color-bg-secondary)}.stat-card{background:var(--gradient-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);position:relative;overflow:hidden}.stat-card-mini{background:var(--gradient-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm)var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.stat-card-mini .label{font-size:var(--font-size-xs);color:var(--color-text-muted);align-items:center;gap:var(--spacing-xs);display:flex}.stat-card-mini .value{font-size:var(--font-size-sm);font-weight:600}.stat-card:before{content:"";background:var(--gradient-primary);opacity:.1;border-radius:50%;width:100px;height:100px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.stat-card-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);display:flex}.stat-card-value{font-size:var(--font-size-xl);font-weight:700;line-height:1.1}.stat-card-value.positive{color:var(--color-success)}.stat-card-value.negative{color:var(--color-danger)}.stat-card-change{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-full);font-weight:500;display:inline-flex}.stat-card-change.up{color:var(--color-success);background:#22c55e26}.stat-card-change.down{color:var(--color-danger);background:#ef444426}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-sm);border-radius:var(--border-radius-md);transition:all var(--transition-fast);white-space:nowrap;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--border-color-light)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-sm{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-lg)var(--spacing-xl);font-size:var(--font-size-base)}.btn-icon{border-radius:var(--border-radius-md);width:40px;height:40px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}.form-input::placeholder{color:var(--color-text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-secondary);font-weight:600}.table tr:hover td{background:var(--color-bg-tertiary)}.table td{font-size:var(--font-size-sm)}.badge{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--border-radius-full);align-items:center;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-accent-primary-light);background:#6366f126}.badge-success{color:var(--color-success);background:#22c55e26}.badge-warning{color:var(--color-warning);background:#f59e0b26}.badge-danger{color:var(--color-danger);background:#ef444426}.transaction-row{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-sm);transition:background var(--transition-fast);align-items:center;display:flex}.transaction-row-compact{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background var(--transition-fast);font-size:var(--font-size-sm);align-items:center;display:flex}.transaction-row-compact:hover,.transaction-row:hover{background:var(--color-bg-tertiary)}.transaction-icon{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);width:32px;height:32px;margin-right:var(--spacing-sm);color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.transaction-icon-sm{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);width:24px;height:24px;margin-right:var(--spacing-sm);color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.transaction-details{flex:1}.transaction-name{font-weight:500;font-size:var(--font-size-sm);line-height:1.2}.transaction-name-sm{font-weight:500;font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;max-width:200px;line-height:1.1;overflow:hidden}.transaction-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.2}.transaction-amount-sm{font-size:var(--font-size-xs);text-align:right;white-space:nowrap;font-weight:600}.transaction-amount{text-align:right;font-weight:600}.transaction-amount.expense{color:var(--color-text-primary)}.transaction-amount.income{color:var(--color-success)}.account-card{background:var(--gradient-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.account-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow)}.account-card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.account-card-icon{background:var(--gradient-primary);border-radius:var(--border-radius-md);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.account-card-title{font-weight:600}.account-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.account-card-balance{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);font-weight:700}.loading-spinner{border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:300px;color:var(--color-text-secondary);flex-direction:column;display:flex}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);color:var(--color-text-muted)}.empty-state-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-weight:600}.empty-state-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.login-page{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle at 30% 30%,#6366f126 0%,#0000 50%),radial-gradient(circle at 70% 70%,#8b5cf61a 0%,#0000 50%);width:200%;height:200%;animation:20s infinite aurora;position:absolute;top:-50%;left:-50%}@keyframes aurora{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-5%,-5%)rotate(180deg)}}.login-card{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-lg);position:relative}.login-logo{background:var(--gradient-primary);border-radius:var(--border-radius-lg);width:72px;height:72px;margin:0 auto var(--spacing-lg);font-size:var(--font-size-3xl);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.login-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);font-weight:700}.login-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.login-btn{width:100%}.grid{gap:var(--spacing-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media (max-width:1400px){.grid-6,.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.w-full{width:100%}.h-full{height:100%}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:.25s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--spacing-lg)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--color-bg-secondary);border-radius:0 0 var(--border-radius-lg)var(--border-radius-lg);display:flex}