@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-image:url(https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2000&q=80);--app-bg:#ffffffd9;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--card-bg:#fff;--red-color:#ef4444;--green-color:#10b981;--blue-color:#3b82f6;--category-housing:#3b82f6;--category-food:#f43f5e;--category-utilities:#eab308;--category-transport:#a855f7;--category-entertainment:#f97316}:root[data-theme=dark]{--bg-image:url(https://images.unsplash.com/photo-1531366936337-7785a0ce5660?auto=format&fit=crop&w=2000&q=80);--app-bg:#1e293bd9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--card-bg:#0f172a;--red-color:#f87171;--green-color:#34d399}*{box-sizing:border-box;margin:0;padding:0}body:before{content:"";background-image:var(--bg-image);z-index:-1;background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}body{min-height:100vh;color:var(--text-primary);background-color:#f3f4f6;justify-content:center;align-items:center;padding:1rem;font-family:Inter,sans-serif;display:flex}:root[data-theme=dark] body{background-color:#0f172a}@media (width<=768px){body{position:relative}body:before{height:100%;position:absolute}}#root{width:100%;max-width:800px}.app-container{background:var(--app-bg);-webkit-backdrop-filter:blur(12px);border-radius:12px;width:100%;padding:24px;box-shadow:0 10px 25px #0000001a}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{font-size:24px;font-weight:700}.dark-mode-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:20px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.dark-mode-toggle:hover{background:var(--border-color)}.dashboard-controls{justify-content:flex-start;margin-bottom:24px;display:flex}.month-selector{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;box-shadow:0 2px 4px #0000000d}.add-month-btn{background:var(--blue-color);color:#fff;border-color:var(--blue-color);justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.add-month-btn:hover{opacity:.9}.stats-container{gap:16px;margin-bottom:16px;display:flex}.progress-container{background-color:var(--border-color);border-radius:4px;height:8px;margin-bottom:24px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-fill{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),background-color .5s}.stat-card{background:var(--card-bg);border-radius:8px;flex-direction:column;flex:1;padding:16px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.stat-title{text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.stat-amount{font-size:24px;font-weight:700}.stat-amount.budget{color:var(--text-primary)}.stat-amount.spent{color:var(--red-color)}.stat-amount.remaining{color:var(--green-color)}.edit-link{color:var(--blue-color);cursor:pointer;text-transform:none;margin-left:8px;font-size:12px;font-weight:400;text-decoration:underline}.chart-section{background:var(--card-bg);text-align:center;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.chart-title{margin-bottom:16px;font-size:16px;font-weight:600}.chart-svg-container{width:200px;height:200px;margin:0 auto;position:relative}.no-expenses-msg{color:var(--text-secondary);margin-top:80px;font-size:14px}.chart-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;font-size:14px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px;margin-right:6px}.add-expense-section{background:var(--card-bg);border-radius:8px;margin-bottom:24px;padding:16px;box-shadow:0 4px 6px -1px #0000000d}.section-title{color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:600}.expense-form{flex-wrap:wrap;gap:12px;display:flex}.expense-form input,.expense-form select{border:1px solid var(--border-color);background:var(--app-bg);color:var(--text-primary);border-radius:6px;flex:1;padding:10px;font-family:inherit;font-size:14px}.expense-form input[type=text]{flex:2}.expense-form button{background:var(--blue-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .2s}.expense-form button:hover{opacity:.9}.expense-form button.cancel-btn{background:var(--border-color);color:var(--text-primary)}.expense-form button.cancel-btn:hover{background:#cbd5e1}.recent-transactions{background:var(--card-bg);border-radius:8px;padding:16px;box-shadow:0 4px 6px -1px #0000000d}.transactions-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.transactions-header .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.export-csv-btn{border:1px solid var(--blue-color);color:var(--blue-color);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s}.export-csv-btn:hover{background:var(--blue-color);color:#fff}.clear-month-btn{border:1px solid var(--red-color);color:var(--red-color);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s}.clear-month-btn:hover{background:var(--red-color);color:#fff}.transaction-list{list-style:none}.transaction-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.transaction-item:last-child{border-bottom:none;padding-bottom:0}.transaction-info{flex-direction:column;flex:1;min-width:0;display:flex}.transaction-name{font-size:14px;font-weight:600}.transaction-category{color:var(--text-secondary);text-transform:uppercase;word-wrap:break-word;margin-top:4px;font-size:11px;line-height:1.4}.transaction-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.transaction-amount{color:var(--red-color);white-space:nowrap;font-size:14px;font-weight:600}.edit-btn{color:var(--blue-color);cursor:pointer;opacity:.6;background:0 0;border:none;font-size:16px}.edit-btn:hover{opacity:1}.delete-btn{color:var(--red-color);cursor:pointer;opacity:.6;background:0 0;border:none;font-size:16px}.delete-btn:hover{opacity:1}@media (width<=640px){.stats-container,.expense-form{flex-direction:column}.expense-form input[type=text]{flex:1}}