.auth-container[data-v-2e55d026]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#a8d5ba 0%,#7cb89d 100%)}.auth-card[data-v-2e55d026]{background:white;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:400px}.auth-card h1[data-v-2e55d026]{font-size:24px;margin:0 0 30px;text-align:center;color:#2d5f4d}.auth-tabs[data-v-2e55d026]{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0}.auth-tab[data-v-2e55d026]{flex:1;padding:12px;background:none;border:none;cursor:pointer;font-size:14px;color:#999;border-bottom:3px solid transparent;transition:all .2s}.auth-tab[data-v-2e55d026]:hover{color:#7cb89d}.auth-tab.active[data-v-2e55d026]{color:#7cb89d;border-bottom-color:#7cb89d}.auth-form[data-v-2e55d026]{display:flex;flex-direction:column;gap:15px}.auth-error[data-v-2e55d026]{padding:10px;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:14px;text-align:center}.btn-block[data-v-2e55d026]{width:100%}.container[data-v-2e55d026]{display:flex;flex-direction:column;height:100vh}.header[data-v-2e55d026]{background:linear-gradient(135deg,#a8d5ba 0%,#7cb89d 100%);color:#2d5f4d;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}.header h1[data-v-2e55d026]{font-size:28px;margin:0}.layout[data-v-2e55d026]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-2e55d026]{width:280px;background:#fafcfa;border-right:1px solid #d4e4d7;overflow-y:auto;padding:20px}.projects-section h2[data-v-2e55d026]{font-size:16px;margin-bottom:15px;color:#666}.projects-list[data-v-2e55d026]{margin-top:15px}.project-item[data-v-2e55d026]{padding:12px;margin-bottom:8px;background:#f0f7f2;border-radius:6px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.project-item[data-v-2e55d026]:hover{background:#e6f2e9}.project-item.active[data-v-2e55d026]{background:#d9ede0;border-left-color:#7cb89d}.project-name[data-v-2e55d026]{font-weight:500;margin-bottom:4px}.project-total[data-v-2e55d026]{font-size:12px;color:#999}.content[data-v-2e55d026]{flex:1;overflow-y:auto;padding:30px}.project-header[data-v-2e55d026]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.project-header h2[data-v-2e55d026]{margin:0}.tabs[data-v-2e55d026]{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0}.tab[data-v-2e55d026]{padding:12px 20px;background:none;border:none;cursor:pointer;font-size:14px;color:#999;border-bottom:3px solid transparent;transition:all .2s}.tab[data-v-2e55d026]:hover{color:#7cb89d}.tab.active[data-v-2e55d026]{color:#7cb89d;border-bottom-color:#7cb89d}.tab-content[data-v-2e55d026]{animation:fadeIn-2e55d026 .2s}@keyframes fadeIn-2e55d026{0%{opacity:0}to{opacity:1}}.add-item-form[data-v-2e55d026],.add-payment-form[data-v-2e55d026]{background:#f7faf8;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid #e6f0e8}.add-item-form h3[data-v-2e55d026],.add-payment-form h3[data-v-2e55d026]{margin-top:0;margin-bottom:15px;font-size:16px}.default-items[data-v-2e55d026],.form-group[data-v-2e55d026]{margin-bottom:15px}.form-group label[data-v-2e55d026]{display:block;margin-bottom:5px;font-size:13px;color:#666;font-weight:500}.form-group .input[data-v-2e55d026]{margin-bottom:0}.select-wrapper[data-v-2e55d026]{position:relative}.select-input[data-v-2e55d026]{cursor:text}.select-dropdown[data-v-2e55d026]{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #7cb89d;border-top:none;border-radius:0 0 4px 4px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:-1px}.select-option[data-v-2e55d026]{padding:12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s}.select-option[data-v-2e55d026]:hover{background:#f0f7f2}.select-option[data-v-2e55d026]:last-child{border-bottom:none}.option-name[data-v-2e55d026]{font-weight:500;color:#333;margin-bottom:4px}.option-meta[data-v-2e55d026]{font-size:12px;color:#999}.select-empty[data-v-2e55d026]{padding:20px;text-align:center;color:#999;font-size:13px}.input[data-v-2e55d026]{display:block;width:100%;padding:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}select.input[data-v-2e55d026]{background:white;cursor:pointer}.input-row[data-v-2e55d026]{display:flex;gap:10px;margin-bottom:10px}.input-row .input[data-v-2e55d026]{margin-bottom:0;flex:1}.input[data-v-2e55d026]:focus{outline:none;border-color:#7cb89d;box-shadow:0 0 0 3px #7cb89d26}.btn[data-v-2e55d026]{padding:10px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary[data-v-2e55d026]{background:#7cb89d;color:#fff}.btn-primary[data-v-2e55d026]:hover{background:#6ba88b}.btn-success[data-v-2e55d026]{background:#6ba88b;color:#fff}.btn-success[data-v-2e55d026]:hover{background:#5a9478}.btn-secondary[data-v-2e55d026]{background:#e0e0e0;color:#333}.btn-secondary[data-v-2e55d026]:hover{background:#d0d0d0}.btn-danger[data-v-2e55d026]{background:#f56565;color:#fff}.btn-danger[data-v-2e55d026]:hover{background:#e53e3e}.btn-sm[data-v-2e55d026]{padding:6px 10px;font-size:12px}.items-table[data-v-2e55d026],.payments-table[data-v-2e55d026]{background:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.category-header[data-v-2e55d026]{background:#d9ede0;padding:12px 15px;font-weight:600;font-size:14px;color:#2d5f4d;border-top:2px solid #7cb89d}.category-header[data-v-2e55d026]:first-child{border-top:none}table[data-v-2e55d026]{width:100%;border-collapse:collapse;table-layout:fixed}thead[data-v-2e55d026]{background:#f5f5f5;border-bottom:2px solid #e0e0e0}th[data-v-2e55d026]{padding:12px;text-align:left;font-weight:600;font-size:13px;color:#666}th[data-v-2e55d026]:nth-child(1){width:20%}th[data-v-2e55d026]:nth-child(2){width:8%}th[data-v-2e55d026]:nth-child(3){width:6%}th[data-v-2e55d026]:nth-child(4){width:12%}th[data-v-2e55d026]:nth-child(5){width:12%}th[data-v-2e55d026]:nth-child(6){width:12%}th[data-v-2e55d026]:nth-child(7){width:12%}th[data-v-2e55d026]:nth-child(8){width:8%}td[data-v-2e55d026]{padding:12px;border-bottom:1px solid #f0f0f0}.item-name[data-v-2e55d026]{font-weight:600;color:#1a1a1a;font-size:14px;margin-bottom:2px}tbody tr[data-v-2e55d026]:hover{background:#fafafa}.amount[data-v-2e55d026]{font-weight:600;color:#6ba88b}.paid[data-v-2e55d026]{color:#6ba88b;font-weight:500}.remaining[data-v-2e55d026]{font-weight:500}.remaining.unpaid[data-v-2e55d026]{color:#f56565;font-weight:600}.payments-mini[data-v-2e55d026]{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.payment-tag[data-v-2e55d026]{display:inline-flex;align-items:center;gap:4px;background:#e6f0e8;padding:3px 8px;border-radius:4px;font-size:11px;color:#5a9478}.item-description[data-v-2e55d026]{margin-top:4px;font-size:12px;color:#666;font-style:italic}.item-link[data-v-2e55d026]{margin-top:4px}.item-link a[data-v-2e55d026]{font-size:12px;color:#7cb89d;text-decoration:none}.item-link a[data-v-2e55d026]:hover{text-decoration:underline}textarea.input[data-v-2e55d026]{resize:vertical;font-family:inherit}.remove-payment[data-v-2e55d026]{background:none;border:none;color:#f56565;cursor:pointer;padding:0;font-size:14px;line-height:1;margin-left:2px}.remove-payment[data-v-2e55d026]:hover{color:#e53e3e}.total-row[data-v-2e55d026]{padding:15px 12px;background:#f7faf8;display:flex;justify-content:space-between;font-size:16px;border-top:2px solid #e6f0e8}.payment-summary[data-v-2e55d026]{background:#f7faf8;padding:20px;border-radius:8px;border:1px solid #e6f0e8}.summary-row[data-v-2e55d026]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.summary-row[data-v-2e55d026]:last-child{border-bottom:none}.summary-row.unpaid[data-v-2e55d026]{color:#f56565;font-weight:600}.form-modal[data-v-2e55d026]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.form-content[data-v-2e55d026]{background:white;padding:30px;border-radius:8px;width:90%;max-width:400px;box-shadow:0 10px 40px #0003}.form-content h3[data-v-2e55d026]{margin-top:0;margin-bottom:20px}.form-actions[data-v-2e55d026]{display:flex;gap:10px;margin-top:20px}.form-actions button[data-v-2e55d026]{flex:1}.reports-section[data-v-2e55d026]{max-width:1000px}.report-cards[data-v-2e55d026]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.report-card[data-v-2e55d026]{background:#f7faf8;padding:20px;border-radius:8px;border:1px solid #e6f0e8}.report-card h4[data-v-2e55d026]{margin-top:0;margin-bottom:15px;color:#2d5f4d}.stats[data-v-2e55d026]{display:flex;flex-direction:column;gap:10px}.stat-item[data-v-2e55d026]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.stat-item[data-v-2e55d026]:last-child{border-bottom:none}.stat-label[data-v-2e55d026]{color:#666;font-size:14px}.stat-value[data-v-2e55d026]{font-weight:600;color:#333}.stat-value.paid[data-v-2e55d026]{color:#6ba88b}.stat-value.unpaid[data-v-2e55d026]{color:#f56565}.export-buttons[data-v-2e55d026]{display:flex;flex-direction:column;gap:10px}.category-stats[data-v-2e55d026]{background:white;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.category-stats h4[data-v-2e55d026]{margin-top:0;margin-bottom:20px;color:#2d5f4d}.category-chart[data-v-2e55d026]{display:flex;flex-direction:column;gap:15px}.category-stat[data-v-2e55d026]{display:grid;grid-template-columns:150px 1fr 120px;align-items:center;gap:15px}.category-name[data-v-2e55d026]{font-weight:500;color:#333}.category-bar[data-v-2e55d026]{background:#e0e0e0;height:20px;border-radius:10px;overflow:hidden}.bar-fill[data-v-2e55d026]{height:100%;background:linear-gradient(90deg,#7cb89d,#6ba88b);transition:width .3s ease}.category-amount[data-v-2e55d026]{font-weight:600;color:#6ba88b;text-align:right}.categories-section[data-v-2e55d026]{max-width:600px}.add-category-form[data-v-2e55d026]{background:#f7faf8;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid #e6f0e8;display:flex;gap:15px;align-items:end}.add-category-form .form-group[data-v-2e55d026]{flex:1;margin-bottom:0}.categories-list[data-v-2e55d026]{background:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.category-item[data-v-2e55d026]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0}.category-item[data-v-2e55d026]:last-child{border-bottom:none}.category-item[data-v-2e55d026]:hover{background:#fafafa}@media (max-width: 991px){.header[data-v-2e55d026]{padding:15px}.header h1[data-v-2e55d026]{font-size:20px}.layout[data-v-2e55d026]{flex-direction:column}.sidebar[data-v-2e55d026]{width:100%;border-right:none;border-bottom:1px solid #d4e4d7;max-height:300px}.content[data-v-2e55d026]{padding:15px}.project-header[data-v-2e55d026]{flex-direction:column;gap:15px;align-items:flex-start}.project-header div[data-v-2e55d026]{display:flex;gap:10px;width:100%}.project-header div button[data-v-2e55d026]{flex:1;margin-right:0!important}.tabs[data-v-2e55d026]{overflow-x:auto;flex-wrap:nowrap}.add-item-form[data-v-2e55d026],.add-payment-form[data-v-2e55d026]{padding:15px}.input-row[data-v-2e55d026]{flex-direction:column}.input-row .form-group[data-v-2e55d026]{max-width:100%!important}.items-table[data-v-2e55d026],.payments-table[data-v-2e55d026]{overflow-x:auto}table[data-v-2e55d026]{min-width:800px}th[data-v-2e55d026],td[data-v-2e55d026]{padding:8px;font-size:12px}.report-cards[data-v-2e55d026]{grid-template-columns:1fr}.category-stat[data-v-2e55d026]{grid-template-columns:100px 1fr 100px;gap:10px}.add-category-form[data-v-2e55d026]{flex-direction:column;align-items:stretch}.form-content[data-v-2e55d026]{padding:20px}.auth-card[data-v-2e55d026]{padding:30px 20px}}@media print{.sidebar[data-v-2e55d026],.tabs[data-v-2e55d026],.btn[data-v-2e55d026],.form-modal[data-v-2e55d026]{display:none!important}.layout[data-v-2e55d026]{display:block}.content[data-v-2e55d026]{padding:0}.project-header[data-v-2e55d026]{margin-bottom:20px}.items-table[data-v-2e55d026]{box-shadow:none;border:1px solid #000}th[data-v-2e55d026],td[data-v-2e55d026]{border:1px solid #000;padding:8px}}