:root{--bg-color:#f4f4f4;--text-color:#333;--primary-color:#4caf50;--secondary-color:#fff;--border-color:#e0e0e0;--shadow-color:#0000001a}.dark{--bg-color:#121212;--text-color:#fff;--primary-color:#6abf6e;--secondary-color:#1e1e1e;--border-color:#444;--shadow-color:#ffffff1a}body{background-color:#f4f4f4;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:Roboto,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.6;margin:0;min-height:100vh;padding:0;transition:background-color .3s,color .3s}.App{flex-direction:column;margin:0 auto;max-width:800px;min-height:100vh;transition:all .3s ease}.App,header{align-items:center;display:flex;padding:20px}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--secondary-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--shadow-color);justify-content:space-between;margin-bottom:20px;position:sticky;top:0;width:100%;z-index:1000}h1{color:#4caf50;color:var(--primary-color);font-size:28px;font-weight:700;margin:0}.btn,button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.btn:hover,button:hover{background-color:#45a049}button:active{box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);transform:translateY(0)}nav{-webkit-overflow-scrolling:touch;display:flex;gap:15px;justify-content:center;margin-bottom:30px;overflow-x:auto;padding:15px 0;white-space:nowrap;width:100%}nav button{flex:1 1;max-width:150px}.app-container{align-items:center;display:flex;flex-direction:column;width:100%}.component-container{animation:fadeIn .3s ease;max-width:600px;width:100%}.account-summary,.chat-bot,.family-debts,.transaction-form,.transaction-list{background-color:#fff;background-color:var(--secondary-color);border-radius:20px;box-shadow:0 10px 30px #0000001a;box-shadow:0 10px 30px var(--shadow-color);margin-bottom:30px;padding:30px;transition:all .3s ease;width:100%}h2{color:#4caf50;color:var(--primary-color);font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}input,select{background-color:#f4f4f4;background-color:var(--bg-color);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;color:#333;color:var(--text-color);font-size:16px;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}input:focus,select:focus{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light);outline:none}ul{list-style-type:none;padding:0}.transaction-item{align-items:center;background-color:#f4f4f4;background-color:var(--bg-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--shadow-color);display:flex;justify-content:space-between;margin-bottom:15px;padding:20px;transition:all .3s ease}.transaction-item:hover{box-shadow:0 6px 12px #0000001a;box-shadow:0 6px 12px var(--shadow-color);transform:translateY(-2px)}.transaction-amount{color:#4caf50;color:var(--primary-color);font-size:18px;font-weight:700}.transaction-details{color:#333;color:var(--text-color);font-size:16px;opacity:.8}.transaction-actions{display:flex;gap:5px}.transaction-actions button{font-size:12px;min-width:60px;padding:5px 10px}.remove-btn{background-color:#ff4d4d}.remove-btn:hover{background-color:#f33}.confirmation-popup{background-color:#fff;background-color:var(--secondary-color);border-radius:10px;box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--shadow-color);left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.confirmation-popup p{margin-bottom:20px}.confirmation-popup button{margin:0 10px}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s}@media (max-width:768px){.App,header{padding:10px}header{flex-direction:row;justify-content:space-between}h1{font-size:20px}nav{justify-content:flex-start}nav button{font-size:14px;padding:8px 12px}.account-summary,.chat-bot,.family-debts,.transaction-form,.transaction-list{padding:15px}.summary-table td,.summary-table th{font-size:14px;padding:8px}}@supports (-webkit-overflow-scrolling:touch){body{-webkit-overflow-scrolling:touch}}@media (max-width:480px){.debt-form{grid-template-columns:1fr}}button{transition:all .3s ease}button:active{transform:scale(.95)}.App,.account-summary,.chat-bot,.family-debts,.transaction-form,.transaction-list,button,input,select{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.mode-toggle{background:none;border:none;cursor:pointer;font-size:24px;padding:0;transition:transform .3s ease}.mode-toggle:hover{transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.debt-list,.summary-table{animation:slideIn .3s ease;border-collapse:collapse;font-size:16px;margin-top:20px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.debt-item,.summary-table td,.summary-table th{border:1px solid #e0e0e0;border:1px solid var(--border-color);padding:12px;text-align:left}.debt-item,.summary-table th{background-color:#4caf50;background-color:var(--primary-color);color:#fff;font-weight:700}.debt-item:nth-child(2n),.summary-table tr:nth-child(2n){background-color:#f4f4f4;background-color:var(--bg-color)}.debt-item:hover,.summary-table tr:hover{background-color:#0000001a;background-color:var(--shadow-color)}.debt-form{grid-gap:10px;display:grid;gap:10px;margin-bottom:20px}.debt-item{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;padding:10px;transition:all .3s ease}.debt-item:hover{box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.debt-item button{font-size:14px;padding:5px 10px}@media (max-width:768px){.debt-item{align-items:flex-start;flex-direction:column}.debt-item button{align-self:flex-end;margin-top:10px}}.transaction-table{border-collapse:initial;border-spacing:0 5px;font-size:14px;margin-top:20px;width:100%}.transaction-table td,.transaction-table th{border:none;padding:10px;text-align:left}.transaction-table th{background-color:#4caf50;background-color:var(--primary-color);color:#fff;font-weight:700;text-transform:uppercase}.transaction-table tr{background-color:#f4f4f4;background-color:var(--bg-color);box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-color);transition:all .3s ease}.transaction-table tr:hover{box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.filters input,.filters select{flex:1 1;min-width:150px}.chat-bot{background-color:#fff;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--shadow-color);padding:20px}.chat-messages{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;height:300px;margin-bottom:20px;overflow-y:auto;padding:10px}.message{border-radius:8px;margin-bottom:10px;max-width:80%;padding:8px}.message.user{align-self:flex-end;background-color:#4caf50;background-color:var(--primary-color);color:#fff;margin-left:auto}.message.bot{background-color:#f4f4f4;background-color:var(--bg-color);color:#333;color:var(--text-color)}.chat-bot form{display:flex;gap:10px}.chat-bot input{flex:1 1}
/*# sourceMappingURL=main.9f3f0b02.css.map*/