:root{--primary:#10b981;--primary-dark:#059669;--bg-gray:#f4f7f6;--text-main:#2c3e50;--text-muted:#64748b;--white:#fff;--bg-hover:#f1f5f9;--radius-lg:24px;--radius-md:14px;--shadow-soft:0 10px 30px #0000000a}:root.dark-mode{--bg-gray:#0f172a;--white:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--bg-hover:#334155;--shadow-soft:0 10px 30px #0000004d}body{background-color:var(--bg-gray);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.content-box,.kpi-card,.sidebar,.content-card,.modal-card,.settings-card,.transaction-item,input,select{transition:background-color .3s,color .3s,border-color .3s}.sidebar[data-v-fdcedd04]{background-color:var(--white);flex-direction:column;width:260px;height:100vh;padding:30px 20px;display:flex;box-shadow:4px 0 15px #00000008}.logo h2[data-v-fdcedd04]{color:var(--text-main);align-items:center;gap:10px;margin:0 0 40px 10px;font-size:1.4rem;display:flex}.logo-icon[data-v-fdcedd04]{color:var(--primary)}.menu[data-v-fdcedd04]{flex-direction:column;gap:8px;display:flex}.nav-item[data-v-fdcedd04]{color:var(--text-muted);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-fdcedd04]:hover{background-color:var(--bg-hover);color:var(--text-main);transform:translate(4px)}.router-link-active[data-v-fdcedd04]{background-color:var(--bg-hover);color:var(--primary)}.divider[data-v-fdcedd04]{background-color:#0000000d;height:1px;margin:15px 10px}:root.dark-mode .divider[data-v-fdcedd04]{background-color:#ffffff0d}.logout-btn[data-v-fdcedd04]{color:#ef4444}.logout-btn[data-v-fdcedd04]:hover{color:#dc2626;background-color:#fef2f2}:root.dark-mode .logout-btn[data-v-fdcedd04]:hover{background-color:#ef44441a}.app-layout[data-v-95ac63b8]{height:100vh;display:flex}.main-content[data-v-95ac63b8]{flex-direction:column;flex-grow:1;padding:30px;display:flex;overflow-y:auto}.content-card[data-v-95ac63b8]{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-grow:1;padding:40px}.auth-mode .main-content[data-v-95ac63b8]{background-color:var(--bg-gray);justify-content:center;align-items:center;padding:0}.auth-mode .content-card[data-v-95ac63b8]{flex-grow:0;width:100%;max-width:400px;min-height:auto}.dashboard-header[data-v-79d97178]{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header-titles h2[data-v-79d97178]{color:var(--text-main);align-items:center;gap:10px;margin:0 0 5px;font-size:2rem;display:flex}.icon-title[data-v-79d97178]{color:var(--primary)}.subtitle[data-v-79d97178]{color:var(--text-muted);margin:0}.header-actions[data-v-79d97178]{align-items:center;gap:15px;display:flex}.filter-select[data-v-79d97178]{appearance:none;background-color:var(--white);color:var(--text-main);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid #e2e8f0;border-radius:20px;outline:none;padding:10px 35px 10px 15px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #00000005}:root.dark-mode .filter-select[data-v-79d97178]{border-color:#334155}.filter-select[data-v-79d97178]:hover,.filter-select[data-v-79d97178]:focus{border-color:var(--primary);box-shadow:0 4px 6px #10b9811a}.add-btn[data-v-79d97178]{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 6px #10b98133}.add-btn[data-v-79d97178]:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.kpi-grid[data-v-79d97178]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.kpi-card[data-v-79d97178]{background-color:var(--bg-gray);border-radius:var(--radius-lg);align-items:center;gap:15px;padding:25px;display:flex}.kpi-card.balance[data-v-79d97178]{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;flex-direction:column;align-items:flex-start;gap:10px;transition:background .3s}.kpi-card.balance.is-negative[data-v-79d97178]{background:linear-gradient(135deg,#ef4444,#b91c1c)}.kpi-card.balance h3[data-v-79d97178]{color:#fffc;margin:0}.kpi-card.balance .amount[data-v-79d97178]{color:#fff;font-size:2.2rem}.kpi-card h3[data-v-79d97178]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 5px;font-size:.9rem}.amount[data-v-79d97178]{color:var(--text-main);font-size:1.8rem;font-weight:700}.amount.success[data-v-79d97178]{color:var(--primary)}.amount.danger[data-v-79d97178]{color:#ef4444}.icon-wrapper[data-v-79d97178]{background:var(--bg-gray);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.content-grid[data-v-79d97178]{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=1024px){.content-grid[data-v-79d97178]{grid-template-columns:1.5fr 1fr}}.content-box[data-v-79d97178]{background-color:var(--bg-gray);border-radius:var(--radius-lg);padding:25px}.content-box h3[data-v-79d97178]{color:var(--text-main);margin:0 0 20px}.transaction-list[data-v-79d97178]{margin:0;padding:0;list-style:none}.transaction-item[data-v-79d97178]{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}:root.dark-mode .transaction-item[data-v-79d97178]{border-bottom-color:#ffffff0d}.transaction-item[data-v-79d97178]:last-child{border-bottom:none}.t-left[data-v-79d97178]{align-items:center;gap:15px;display:flex}.color-dot[data-v-79d97178]{border-radius:50%;width:12px;height:12px}.t-info[data-v-79d97178]{flex-direction:column;gap:4px;display:flex}.t-info strong[data-v-79d97178]{color:var(--text-main);font-size:1.05rem}.t-category[data-v-79d97178]{color:var(--text-muted);font-size:.85rem}.t-right[data-v-79d97178]{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.t-amount[data-v-79d97178]{font-size:1.1rem;font-weight:700}.t-amount.success[data-v-79d97178]{color:var(--primary)}.t-amount.danger[data-v-79d97178]{color:#ef4444}.t-date[data-v-79d97178]{color:var(--text-muted);font-size:.85rem}.chart-container[data-v-79d97178]{width:100%;height:250px;position:relative}.empty-state[data-v-79d97178]{text-align:center;color:var(--text-muted);padding:30px}.flex-amount[data-v-79d97178]{align-items:center;gap:4px;display:flex}.flex-amount-small[data-v-79d97178]{align-items:center;gap:2px;display:flex}