: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-1bc71769]{background-color:var(--white);z-index:100;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:30px 20px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:4px 0 15px #00000008}.sidebar.collapsed[data-v-1bc71769]{width:85px;padding:30px 10px}.icon-fixed[data-v-1bc71769]{flex-shrink:0;justify-content:center;min-width:20px;display:flex}.header-section[data-v-1bc71769]{justify-content:space-between;align-items:center;margin-bottom:40px;padding:0 10px;display:flex}.collapsed .header-section[data-v-1bc71769]{flex-direction:column;gap:15px;padding:0}.logo[data-v-1bc71769]{color:var(--text-main);align-items:center;gap:12px;display:flex}.brand-name[data-v-1bc71769]{white-space:nowrap;margin:0;font-size:1.4rem;font-weight:800;transition:font-size .2s}.collapsed .brand-name[data-v-1bc71769]{font-size:1.1rem}.logo-icon[data-v-1bc71769]{color:var(--primary)}.toggle-btn[data-v-1bc71769]{background:var(--bg-hover);cursor:pointer;color:var(--text-muted);border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.menu[data-v-1bc71769]{flex-direction:column;gap:8px;display:flex}.nav-item[data-v-1bc71769]{color:var(--text-muted);border-radius:var(--radius-md);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:15px;padding:12px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.collapsed .nav-item[data-v-1bc71769]{justify-content:center;gap:0;padding:12px}.nav-item[data-v-1bc71769]:hover{background-color:var(--bg-hover);color:var(--text-main)}.router-link-active[data-v-1bc71769]{background-color:var(--bg-hover);color:var(--primary)}.divider[data-v-1bc71769]{background-color:#0000000d;height:1px;margin:15px 10px}.logout-btn[data-v-1bc71769]{color:#ef4444}.logout-btn[data-v-1bc71769]:hover{background-color:#fef2f2}@media (width<=768px){.sidebar.collapsed[data-v-1bc71769]{width:65px;padding:20px 8px}}.app-layout[data-v-6fcefde8]{height:100vh;display:flex}.main-content[data-v-6fcefde8]{flex-direction:column;flex-grow:1;padding:30px;display:flex;overflow-y:auto}.content-card[data-v-6fcefde8]{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-6fcefde8]{background-color:var(--bg-gray);justify-content:center;align-items:center;padding:0}.auth-mode .content-card[data-v-6fcefde8]{flex-grow:0;width:100%;max-width:400px;min-height:auto}@media (width<=768px){.main-content[data-v-6fcefde8]{padding:10px}.content-card[data-v-6fcefde8]{border-radius:12px;padding:15px;overflow-x:hidden}}.dashboard-header[data-v-558e160d]{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header-titles h2[data-v-558e160d]{color:var(--text-main);align-items:center;gap:10px;margin:0 0 5px;font-size:2rem;display:flex}.icon-title[data-v-558e160d]{color:var(--primary)}.subtitle[data-v-558e160d]{color:var(--text-muted);margin:0}.header-actions[data-v-558e160d]{align-items:center;gap:15px;display:flex}.filter-select[data-v-558e160d]{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}:root.dark-mode .filter-select[data-v-558e160d]{border-color:#334155}.filter-select[data-v-558e160d]:hover,.filter-select[data-v-558e160d]:focus{border-color:var(--primary)}.add-btn[data-v-558e160d]{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:background-color .2s;display:flex}.kpi-grid[data-v-558e160d]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.kpi-card[data-v-558e160d]{background-color:var(--bg-gray);border-radius:var(--radius-lg);align-items:center;gap:15px;padding:25px;display:flex}.kpi-card.balance[data-v-558e160d]{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;flex-direction:column;align-items:flex-start;gap:10px}.kpi-card.balance.is-negative[data-v-558e160d]{background:linear-gradient(135deg,#ef4444,#b91c1c)}.kpi-card.balance h3[data-v-558e160d]{color:#fffc;margin:0}.kpi-card.balance .amount[data-v-558e160d]{color:#fff;font-size:2.2rem}.kpi-card h3[data-v-558e160d]{color:var(--text-muted);text-transform:uppercase;margin:0 0 5px;font-size:.9rem}.amount[data-v-558e160d]{color:var(--text-main);font-size:1.8rem;font-weight:700}.amount.success[data-v-558e160d]{color:var(--primary)}.amount.danger[data-v-558e160d]{color:#ef4444}.icon-wrapper[data-v-558e160d]{background:var(--bg-gray);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.upcoming-section[data-v-558e160d]{border-left:4px solid var(--primary);margin-bottom:30px}.section-title-with-icon[data-v-558e160d]{color:var(--text-main);align-items:center;gap:8px;margin:0 0 20px;display:flex}.content-grid[data-v-558e160d]{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=1024px){.content-grid[data-v-558e160d]{grid-template-columns:1.5fr 1fr}}.content-box[data-v-558e160d]{background-color:var(--bg-gray);border-radius:var(--radius-lg);padding:25px;overflow:hidden}.content-box h3[data-v-558e160d]:not(.section-title-with-icon){color:var(--text-main);margin:0 0 20px}.transaction-list[data-v-558e160d]{margin:0;padding:0;list-style:none}.transaction-item[data-v-558e160d]{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}:root.dark-mode .transaction-item[data-v-558e160d]{border-bottom-color:#ffffff0d}.transaction-item[data-v-558e160d]:last-child{border-bottom:none}.t-left[data-v-558e160d]{align-items:center;gap:15px;display:flex}.color-dot[data-v-558e160d]{border-radius:50%;width:12px;min-width:12px;height:12px}.t-info[data-v-558e160d]{flex-direction:column;gap:4px;display:flex}.t-info strong[data-v-558e160d]{color:var(--text-main);font-size:1.05rem}.t-category[data-v-558e160d]{color:var(--text-muted);font-size:.85rem}.t-right[data-v-558e160d]{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.t-amount[data-v-558e160d]{font-size:1.1rem;font-weight:700}.t-amount.success[data-v-558e160d]{color:var(--primary)}.t-amount.danger[data-v-558e160d]{color:#ef4444}.t-date[data-v-558e160d]{color:var(--text-muted);font-size:.85rem}.chart-container[data-v-558e160d]{width:100%;max-width:100%;height:250px;position:relative}.empty-state[data-v-558e160d]{text-align:center;color:var(--text-muted);padding:30px}.flex-amount[data-v-558e160d]{align-items:center;gap:4px;display:flex}.flex-amount-small[data-v-558e160d]{align-items:center;gap:2px;display:flex}@media (width<=768px){.dashboard-header[data-v-558e160d]{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.header-titles h2[data-v-558e160d]{font-size:1.5rem}.header-actions[data-v-558e160d]{flex-direction:column;gap:10px;width:100%}.filter-select[data-v-558e160d],.add-btn[data-v-558e160d]{width:100%}.kpi-grid[data-v-558e160d]{grid-template-columns:1fr;gap:15px}.content-box[data-v-558e160d]{padding:15px}.chart-container[data-v-558e160d]{height:220px}}