@import"https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap";:root{--bg-color: #f9fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent-green: #10b981;--accent-red: #ef4444;--accent-blue: #3b82f6;--border-light: #e2e8f0;--shadow-sm: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1);--radius-lg: 1rem;--radius-md: .75rem;--radius-sm: .5rem}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#f5f7fa,#e9eef5);font-family:Inter,sans-serif;color:var(--text-primary);line-height:1.5}h1,h2,h3{font-weight:600;letter-spacing:-.02em}h1{font-size:2rem;margin-bottom:.5rem}h2{font-size:1.5rem;margin:2rem 0 1rem}h3{font-size:1.125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}button,input,select{font-family:inherit}.btn{padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary)}.btn-outline:hover{background:#f1f5f9}.form-input,.form-select{padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.875rem;background:#fff}.form-input:focus,.form-select:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.summary-card{padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.5rem}.summary-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0003}.summary-card h3{color:#fffc;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.summary-card .amount{font-size:2rem;font-weight:700;line-height:1.2}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge.income{background:#d1fae5;color:#065f46}.badge.expense{background:#fee2e2;color:#991b1b}.transactions-table-wrapper{max-height:300px;overflow-y:auto;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.transactions-table-wrapper thead{position:sticky;top:0;background:#fff;z-index:1}.dark-theme{--bg-color: #1a1f2e;--card-bg: #2d3440;--text-primary: #f0f4fa;--text-secondary: #a0aec0;--accent-green: #2ecc71;--accent-red: #e74c3c;--accent-blue: #5a9cff;--border-light: #4a5568;--shadow-sm: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .3)}body.dark-theme{background:linear-gradient(135deg,#1a1f2e,#2d3440)}.dark-theme .summary-card{box-shadow:0 10px 15px -3px #00000080}.dark-theme .btn-outline{border-color:var(--border-light);color:var(--text-secondary)}.dark-theme .btn-outline:hover{background:#3a4355}.dark-theme .form-input,.dark-theme .form-select{background:#2d3440;color:var(--text-primary);border-color:var(--border-light)}.dark-theme .badge.income{background:#0b3b2a;color:#a7f3d0}.dark-theme .badge.expense{background:#4a1e1e;color:#fecaca}.dark-theme .transactions-table-wrapper table tr,.dark-theme .add-transaction-card{background:var(--card-bg)!important}.dark-theme .chart-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1rem}.dark-theme .transactions-table-wrapper,.dark-theme .transactions-table-wrapper thead{background:var(--card-bg)}.dark-theme .transactions-table-wrapper table tr{background:var(--card-bg)!important}.dark-theme .summary-card.balance{background:linear-gradient(135deg,#4f5b9e,#6d4c9e)}.dark-theme .summary-card.income{background:linear-gradient(135deg,#1f8b6e,#0f6b4f)}.dark-theme .summary-card.expense{background:linear-gradient(135deg,#b33f3f,#8e2c2c)}.dashboard-header{padding-bottom:.5rem;border-bottom:1px solid var(--border-light);margin-bottom:1rem;background:rgba(var(--card-bg-rgb),.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}