@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";.navbar[data-v-b8d4c51f]{background-color:#fff;border-bottom:1px solid #e9ecef;padding:0 20px;height:60px;display:flex;align-items:center;position:relative;z-index:1001}.nav-link.router-link-active[data-v-b8d4c51f]{border-bottom:2px solid #007bff;color:#007bff;font-weight:600}.nav-link.router-link-active[data-v-b8d4c51f]:hover{background-color:#f8f9fa}.hamburger-menu[data-v-b8d4c51f]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:4px;width:24px;height:24px;justify-content:space-between;margin-right:15px}.hamburger-menu span[data-v-b8d4c51f]{width:100%;height:2px;background-color:#333;transition:all .3s ease;transform-origin:center}.hamburger-menu.active span[data-v-b8d4c51f]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.active span[data-v-b8d4c51f]:nth-child(2){opacity:0}.hamburger-menu.active span[data-v-b8d4c51f]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navbar-content[data-v-b8d4c51f]{flex:1;display:flex;align-items:center;justify-content:space-between}.logo[data-v-b8d4c51f]{display:flex;align-items:center;gap:10px}.logo img[data-v-b8d4c51f]{height:40px;width:auto}.logo a[data-v-b8d4c51f]{text-decoration:none;color:inherit}.logo h1[data-v-b8d4c51f]{margin:0;font-size:1.5rem;font-weight:600;color:#333}.search-container[data-v-b8d4c51f]{display:flex;align-items:center;flex:1;max-width:400px;margin:0 20px}.icon[data-v-b8d4c51f]{margin-right:10px;font-style:normal}.navbar-right[data-v-b8d4c51f]{display:flex;align-items:center;gap:10px}.nav-link[data-v-b8d4c51f]{text-decoration:none;color:#333;padding:8px 12px;border-radius:4px;transition:background-color .2s ease}.nav-link[data-v-b8d4c51f]:hover{background-color:#f8f9fa}.nav-button[data-v-b8d4c51f]{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.nav-button[data-v-b8d4c51f]:hover{background-color:#0056b3}.user-dropdown-container[data-v-b8d4c51f]{position:relative}.user-menu-button[data-v-b8d4c51f]{background-color:#f8f9fa;border:1px solid #ddd;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background-color .2s ease}.user-menu-button[data-v-b8d4c51f]:hover{background-color:#e9ecef}.user-dropdown[data-v-b8d4c51f]{position:absolute;top:calc(100% + 5px);right:0;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1002}.user-info[data-v-b8d4c51f]{padding:12px 16px;border-bottom:1px solid #e9ecef}.user-name[data-v-b8d4c51f]{font-weight:500;color:#333;font-size:.9rem}.dropdown-divider[data-v-b8d4c51f]{height:1px;background-color:#e9ecef;margin:0}.dropdown-item[data-v-b8d4c51f]{width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;color:#333;transition:background-color .2s ease;font-size:.9rem}.dropdown-item[data-v-b8d4c51f]:hover{background-color:#f8f9fa}.dropdown-item[data-v-b8d4c51f]:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}.dropdown-item[data-v-b8d4c51f]:last-of-type{border-bottom-left-radius:6px;border-bottom-right-radius:6px}@media (max-width: 768px){.hamburger-menu[data-v-b8d4c51f]{display:flex}.search-container[data-v-b8d4c51f]{display:none}.navbar-right[data-v-b8d4c51f]{gap:10px}.navbar-right>div[data-v-b8d4c51f]{gap:5px}.nav-link[data-v-b8d4c51f],.nav-button[data-v-b8d4c51f]{padding:6px 10px;font-size:.9rem}.user-menu-button[data-v-b8d4c51f]{width:36px;height:36px;font-size:1rem}}@media (min-width: 769px){.hamburger-menu[data-v-b8d4c51f]{display:none}}.modal-overlay[data-v-4437e472]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content[data-v-4437e472]{background-color:#fff;border-radius:8px;padding:2rem;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 4px 10px #0000001a}.close-button[data-v-4437e472]{position:absolute;top:10px;right:15px;font-size:24px;border:none;background:none;cursor:pointer;color:#777}.transaction-list[data-v-6608cb69]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px;margin-bottom:24px}.has-actual[data-v-6608cb69]{background-color:#f0fff4;border-left:4px solid #38a169}.has-planned[data-v-6608cb69]{background-color:#e6fffa;border-left:4px solid #319759}.transaction-header[data-v-6608cb69]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.transaction-header h3[data-v-6608cb69]{margin:0;color:#333;font-size:1.2rem}.total[data-v-6608cb69]{font-weight:700;font-size:1.1rem}table[data-v-6608cb69]{width:100%;border-collapse:collapse}th[data-v-6608cb69]{text-align:left;padding:10px;border-bottom:2px solid #ddd;font-weight:600}td[data-v-6608cb69]{padding:8px 10px;border-bottom:1px solid #eee}.date-column[data-v-6608cb69]{width:130px;min-width:130px;max-width:130px}tr[data-v-6608cb69]:hover{background-color:#f9f9f9}input[data-v-6608cb69]{width:100%;padding:2px 4px;border:1px solid #ddd;border-radius:4px;height:24px;box-sizing:border-box;font-size:1rem;line-height:1.2}td[data-v-6608cb69]{padding:4px 10px;border-bottom:1px solid #eee;height:32px;vertical-align:middle}.new-row td[data-v-6608cb69]{height:32px}input[data-v-6608cb69]:focus{border-color:#4299e1;outline:none}.actions[data-v-6608cb69]{padding:8px 10px;width:90px}.actions>div[data-v-6608cb69]{display:flex;gap:8px;justify-content:flex-start;align-items:center;height:32px}button[data-v-6608cb69]{display:flex;align-items:center;justify-content:center;padding:6px;width:32px;height:32px;border-radius:4px;cursor:pointer;border:1px solid transparent}.btn-edit[data-v-6608cb69]{background-color:#e2e8f0;color:#4a5568}.btn-delete[data-v-6608cb69]{background-color:#fed7d7;color:#e53e3e}.btn-save[data-v-6608cb69]{background-color:#c6f6d5;color:#38a169}.btn-cancel[data-v-6608cb69]{background-color:#e2e8f0;color:#4a5568}.btn-convert[data-v-6608cb69]{background-color:#bee3f8;color:#3182ce}.btn-add[data-v-6608cb69]{background-color:#c6f6d5;color:#38a169}.btn-add[data-v-6608cb69]:disabled{opacity:.5;cursor:not-allowed}.new-row[data-v-6608cb69]{background-color:#f7fafc}.editing[data-v-6608cb69]{background-color:#ebf8ff}.delete-confirm-actions[data-v-6608cb69]{display:flex;gap:8px}.btn-delete-confirm[data-v-6608cb69]{background-color:#fed7d7;color:#e53e3e}.btn-delete-cancel[data-v-6608cb69]{background-color:#e2e8f0;color:#4a5568}.budget-bar[data-v-bae7ac1f]{margin-top:12px}.budget-bar-track[data-v-bae7ac1f]{position:relative;height:20px;background-color:#f0f0f0;border-radius:10px;overflow:hidden}.budget-bar-fill[data-v-bae7ac1f]{position:absolute;top:0;left:0;height:100%;transition:width .3s ease}.budget-bar-fill.income[data-v-bae7ac1f]{background-color:#2e7d32;z-index:1}.budget-bar-fill.expense[data-v-bae7ac1f]{background-color:#c62828;z-index:2}.budget-bar-labels[data-v-bae7ac1f]{display:flex;justify-content:space-between;margin-top:4px;font-size:.85rem}.income-label[data-v-bae7ac1f]{color:#2e7d32}.expense-label[data-v-bae7ac1f]{color:#c62828}.workspace-view[data-v-872cee2f]{padding:0 16px;margin:0 auto}.workspace-header[data-v-872cee2f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0ecef}.workspace-info h1[data-v-872cee2f]{margin:0 0 8px;font-size:1.8rem;color:#333}.workspace-info p[data-v-872cee2f]{margin:0;color:#666;font-size:1rem}.period-selector[data-v-872cee2f]{display:flex;align-items:center;gap:8px}.period-selector label[data-v-872cee2f]{display:flex;align-items:center;margin:0;font-weight:500;color:#555}.period-selector select[data-v-872cee2f]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-width:180px}.no-period-selected[data-v-872cee2f]{text-align:center;padding:48px 0;background-color:#f8f9fa;border-radius:8px;margin-bottom:24px}.transaction-grid[data-v-872cee2f]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.btn[data-v-872cee2f]{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:600}.btn-primary[data-v-872cee2f]{background-color:#6c757d;color:#fff}.btn-create-first[data-v-872cee2f]{margin-top:40px}form[data-v-872cee2f]{display:flex;flex-direction:column;margin-bottom:1rem}.form-row[data-v-872cee2f]{display:flex;gap:1rem}.form-group[data-v-872cee2f]{flex:1}label[data-v-872cee2f]{display:flex;flex-direction:column;margin-bottom:1rem}label span[data-v-872cee2f]{margin-bottom:.5rem;font-weight:500;color:#333}select[data-v-872cee2f],input[data-v-872cee2f]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}select[data-v-872cee2f]:focus,input[data-v-872cee2f]:focus{border-color:#007bff}button.btn-primary[data-v-872cee2f]:hover{background-color:#0056b3}.modal-actions[data-v-872cee2f]{display:flex;justify-content:end;gap:1rem;margin-top:1rem}button.btn-primary[data-v-872cee2f]{background-color:#007bff;color:#fff}.btn-cancel[data-v-872cee2f]{background-color:#6c757d;color:#fff}.budget-summary[data-v-872cee2f]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.summary-column[data-v-872cee2f]{background-color:#f9f9f9;border-radius:8px;padding:15px;box-shadow:0 1px 3px #0000001a}.summary-column h3[data-v-872cee2f]{margin-top:0;margin-bottom:10px;text-align:center;font-size:1.2rem;color:#444}.summary-item[data-v-872cee2f]{display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.summary-item.total[data-v-872cee2f]{margin-top:8px;padding-top:8px;border-top:1px solid #eaeaea;font-weight:700}.income-value[data-v-872cee2f]{color:#2e7d32}.expense-value[data-v-872cee2f]{color:#c62828}.positive[data-v-872cee2f]{color:#2e7d32}.negative[data-v-872cee2f]{color:#c62828}@media (max-width: 992px){.transaction-grid[data-v-872cee2f]{grid-template-columns:1fr}.workspace-header[data-v-872cee2f]{flex-direction:column;align-items:flex-start;gap:16px}.period-selector[data-v-872cee2f]{width:100%}.period-selector select[data-v-872cee2f]{flex-grow:1}}.sidebar-header[data-v-1683f521]{padding:8px;font-size:.9rem;color:#6c757d;font-weight:500;text-transform:uppercase}.sidebar-section[data-v-1683f521]{margin-top:10px;border-top:1px solid #e9ecef;padding-top:10px}.sidebar[data-v-1683f521]{background-color:#f8f9fa;width:250px;transition:all .3s ease;height:100%;overflow-y:auto;border-right:1px solid #e9ecef;position:relative}.sidebar-content[data-v-1683f521]{padding:20px 0}.sidebar-item[data-v-1683f521]{padding:12px 20px}.sidebar-item a[data-v-1683f521]{display:flex;align-items:center;text-decoration:none;color:#333;transition:background-color .2s ease}.sidebar-item a[data-v-1683f521]:hover{background-color:#e9ecef}.sidebar-item-inner[data-v-1683f521]{display:flex;align-items:center;width:100%}.sidebar-item-inner .period-name[data-v-1683f521]{flex:1 1 auto;text-align:left;margin-left:2px}.period-actions[data-v-1683f521]{display:flex;gap:2px;margin-left:auto;flex:0 0 auto}.period-action-item[data-v-1683f521]{cursor:pointer}.icon[data-v-1683f521]{margin-right:10px;font-style:normal}.sidebar.collapsed .icon[data-v-1683f521]{margin-right:0}.workspace-header-content[data-v-1683f521]{display:flex;justify-content:space-between;align-items:center}.close-workspace-btn[data-v-1683f521]{background:none;border:none;cursor:pointer;padding:2px 5px;border-radius:4px;display:flex;align-items:center;font-size:.7rem}.close-workspace-btn[data-v-1683f521]:hover{background-color:#e9ecef}.close-workspace-btn i[data-v-1683f521]{font-style:normal}.add-period-btn[data-v-1683f521]{background:none;border:none;cursor:pointer;padding:0 5px;border-radius:4px;font-size:1rem;font-weight:700;color:#5c757d}.add-period-btn[data-v-1683f521]:hover{background-color:#e9ecef;color:#495057}.sidebar-empty-state[data-v-1683f521]{padding:12px 20px;color:#6c757d;font-style:italic;font-size:.9rem;text-align:center}form[data-v-1683f521]{display:flex;flex-direction:column;gap:16px}label[data-v-1683f521]{display:flex;flex-direction:column;gap:8px}select[data-v-1683f521]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.modal-actions[data-v-1683f521]{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.btn[data-v-1683f521]{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:600}.btn-primary[data-v-1683f521]{background-color:#007bff;color:#fff}button.btn-primary[data-v-1683f521]:hover{background-color:#0056b3}.btn-cancel[data-v-1683f521]{background-color:#6c757d;color:#fff}.btn-disabled[data-v-1683f521]{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.sidebar[data-v-1683f521]{position:fixed;left:0;top:0;z-index:1002;height:100vh;transform:translate(-100%);box-shadow:2px 0 10px #0000004d;width:280px}.sidebar.mobile-open[data-v-1683f521]{transform:translate(0)}}.sidebar-backdrop[data-v-1683f521]{position:fixed;inset:0;background-color:#00000080;z-index:1001}@media (min-width: 769px){.sidebar-backdrop[data-v-1683f521]{display:none}}body,html{margin:0;padding:0;height:100%}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:100%;overflow-x:hidden}.work-area{display:flex;flex:1;overflow:hidden}.main-content{flex:1;padding:20px;overflow:auto}.main-content.no-sidebar{margin-left:0;width:100%}@media (max-width: 768px){.work-area{position:relative}.main-content{width:100%;margin-left:0}}.signup-page[data-v-5237eeeb]{display:flex;justify-content:center;align-items:center}.signup-container[data-v-5237eeeb]{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center;width:100%;max-width:400px;margin-top:20px}h2[data-v-5237eeeb]{font-size:1.8rem;margin-bottom:.5rem;color:#333}.signup-instructions[data-v-5237eeeb]{margin-bottom:1.5rem;color:#555}form[data-v-5237eeeb]{display:flex;flex-direction:column}label[data-v-5237eeeb]{text-align:left;margin-top:1rem;margin-bottom:.5rem;font-weight:500;color:#333}input[data-v-5237eeeb]{padding:10px;border:1px solid #ddd;border-radius:4px;outline:none;font-size:1rem;margin-bottom:.5rem;transition:border-color .2s}input[data-v-5237eeeb]:focus{border-color:#007bff}button[data-v-5237eeeb]{margin-top:1.5rem;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}button[data-v-5237eeeb]:hover{background-color:#0056b3}.error[data-v-5237eeeb]{margin-top:1rem;color:#d9534f;font-size:.9rem}.login-link[data-v-5237eeeb]{margin-top:1.5rem;font-size:.9rem;color:#333}.login-link a[data-v-5237eeeb]{color:#007bff;text-decoration:none}.login-link a[data-v-5237eeeb]:hover{color:#0056b3;text-decoration:underline}.login-page[data-v-37022c7e]{display:flex;justify-content:center;align-items:center}.login-container[data-v-37022c7e]{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center;width:100%;max-width:400px;margin-top:20px}h2[data-v-37022c7e]{font-size:1.8rem;margin-bottom:.5rem;color:#333}.login-instructions[data-v-37022c7e]{margin-bottom:1.5rem;color:#555}form[data-v-37022c7e]{display:flex;flex-direction:column}label[data-v-37022c7e]{text-align:left;margin-top:1rem;margin-bottom:.5rem;font-weight:500;color:#333}input[data-v-37022c7e]{padding:10px;border:1px solid #ddd;border-radius:4px;outline:none;font-size:1rem;margin-bottom:.5rem;transition:border-color .2s}input[data-v-37022c7e]:focus{border-color:#007bff}button[data-v-37022c7e]{margin-top:1.5rem;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}button[data-v-37022c7e]:hover{background-color:#0056b3}.error[data-v-37022c7e]{margin-top:1rem;color:#d9534f;font-size:.9rem}.forgot-password-link[data-v-37022c7e]{margin-top:.5rem;text-align:right;font-size:.9rem;color:#007bff;text-decoration:none;transition:color .2s}.forgot-password-link[data-v-37022c7e]:hover{color:#0056b3;text-decoration:underline}.signup-link[data-v-37022c7e]{margin-top:1.5rem;font-size:.9rem;color:#333}.signup-link a[data-v-37022c7e]{color:#007bff;text-decoration:none}.signup-link a[data-v-37022c7e]:hover{color:#0056b3;text-decoration:underline}.container[data-v-5c8c4833]{max-width:900px;margin:0 auto;padding:0 1rem}.hero-section[data-v-5c8c4833]{padding:120px 0 80px;color:#fff;text-align:center}.hero-title[data-v-5c8c4833]{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;font-weight:700}.hero-subtitle[data-v-5c8c4833]{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.hero-actions[data-v-5c8c4833]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.hero-section[data-v-5c8c4833]{padding:80px 0}.hero-actions[data-v-5c8c4833]{flex-direction:column;align-items:center}}.header-section[data-v-50f0e916]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.workspace-selector[data-v-50f0e916]{padding:1rem;max-width:900px;margin:0 auto}h1[data-v-50f0e916]{font-size:2rem;margin-bottom:0;color:#333}.create-btn[data-v-50f0e916]{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-bottom:1.5rem}.create-btn[data-v-50f0e916]:hover{background-color:#0056b3}.loading[data-v-50f0e916]{padding:1rem;text-align:center;color:#555}.error[data-v-50f0e916]{padding:.75rem;background-color:#fff1f0;border:1px solid #ffa39e;border-radius:4px;color:#d9534f;margin-bottom:1rem}.workspace-list[data-v-50f0e916]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.workspace-item[data-v-50f0e916]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 10px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.workspace-item[data-v-50f0e916]:hover{transform:translateY(-3px);box-shadow:0 6px 12px #000}.workspace-item h3[data-v-50f0e916]{font-size:1.3rem;margin-top:0;margin-bottom:.5rem;color:#333}.workspace-item p[data-v-50f0e916]{color:#555;margin-bottom:1rem}.date[data-v-50f0e916]{display:block;font-size:.85rem;color:#777;margin-top:auto}.delete-btn[data-v-50f0e916]{position:absolute;top:.75rem;right:.75rem;background-color:transparent;color:#d9534f;border:none;padding:.5rem;font-size:.9rem;cursor:pointer;border-radius:4px}.delete-btn[data-v-50f0e916]:hover{background-color:#d9534f1a}.no-workspaces[data-v-50f0e916]{background-color:#f8f9fa;border-radius:8px;padding:2rem;text-align:center;margin-bottom:2rem;color:#555}.modal-actions[data-v-50f0e916]{justify-content:end;display:flex;gap:1rem;margin-top:1rem}.btn.cancel[data-v-50f0e916]{background-color:#6c757d}.btn.delete[data-v-50f0e916]{background-color:#69534f}.btn.delete[data-v-50f0e916]:hover{background-color:#c9302c}form[data-v-50f0e916],label[data-v-50f0e916]{display:flex;flex-direction:column;margin-bottom:1rem}label span[data-v-50f0e916]{margin-bottom:.5rem;font-weight:500;color:#333}input[data-v-50f0e916]{padding:10px;border:1px solid #ddd;border-radius:4px;outline:none;font-size:1rem;transition:border-color .2s}input[data-v-50f0e916]:focus{border-color:#007bff}button.btn[data-v-50f0e916]{margin-top:1rem;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}button.btn[data-v-50f0e916]:hover{background-color:#0056b3}button.btn[data-v-50f0e916]:disabled{background-color:#8cb8ff;cursor:not-allowed}@media (max-width: 768px){.workspace-list[data-v-50f0e916]{grid-template-columns:1fr}}:root{--primary: #4f515a;--secondary: #ebebeb;--warning: #da0f41}*{margin:0;padding:0;font-family:Nunito,sans-serif;color:var(--primary)}body{background:#fafafa}a{text-decoration:none}button,.btn{background:var(--secondary);border-radius:8px;border:0;padding:8px 12px;font-weight:600;cursor:pointer;display:inline-block}button:hover,.btn:hover{background:var(--primary);color:#fff}button:disabled{opacity:.5;color:var(--primary);background:var(--secondary);cursor:not-allowed}form{max-width:400px;margin:0 auto;padding:30px;border-radius:8px;box-shadow:1px 2px 3px #3232320d;border:1px solid var(--secondary);background:#fff}input,textarea{border:0;border-bottom:1px solid var(--secondary);padding:10px;outline:none;display:block;width:100%;box-sizing:border-box;margin:20px auto}.error{color:var(--warning);font-size:14px;margin:16px 0}