#app{font-family:Arial,sans-serif}.login-container[data-v-236237b6]{width:300px;margin:100px auto;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9}.union[data-v-236237b6]{color:green}input[data-v-236237b6]{width:100%;padding:8px;margin:10px 0;border-radius:4px;border:1px solid #ccc}button[data-v-236237b6]{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-236237b6]:hover{background-color:#45a049}.error-message[data-v-236237b6]{color:red;font-size:14px}.dashboard-container[data-v-99ef37ec]{padding:20px;background-color:#f4f7fa;font-family:Roboto,sans-serif}.dashboard-header[data-v-99ef37ec]{background-color:#00796b;padding:20px;border-radius:15px;color:#fff;box-shadow:0 4px 10px #0000001a}h2[data-v-99ef37ec]{font-size:28px;font-weight:600}.balance-overview[data-v-99ef37ec]{margin-top:10px}.balance[data-v-99ef37ec]{font-size:40px;font-weight:700;color:#fff;margin-top:10px}.quick-actions[data-v-99ef37ec]{margin-top:30px;display:flex;gap:15px}button[data-v-99ef37ec]{padding:15px 25px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}button[data-v-99ef37ec]:hover{transform:scale(1.05)}.send-money[data-v-99ef37ec]{background-color:#00796b;color:#fff}.receive-money[data-v-99ef37ec]{background-color:#00c853;color:#fff}.action-icon[data-v-99ef37ec]{font-size:20px}.transaction-history[data-v-99ef37ec]{margin-top:40px;margin-bottom:10vw;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a}.transaction-history h3[data-v-99ef37ec]{font-size:18px;font-weight:600;margin-bottom:15px}ul[data-v-99ef37ec]{list-style:none;padding:0}li[data-v-99ef37ec]{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #f1f1f1}.transaction-date[data-v-99ef37ec]{font-size:14px;color:#777}.transaction-description[data-v-99ef37ec]{font-size:15px;font-weight:500;color:#333;position:relative}.transaction-amount[data-v-99ef37ec]{font-size:17px;font-weight:550}.negative[data-v-99ef37ec]{color:#e53935}.positive[data-v-99ef37ec]{color:#00c853}.bottom-nav[data-v-99ef37ec]{display:flex;justify-content:space-around;align-items:center;background-color:#fff;padding:10px 0;border-top:1px solid #e0e0e0;position:fixed;bottom:0;width:100%;border-radius:20px 20px 0 0;box-shadow:0 -4px 10px #0000001a}.nav-item[data-v-99ef37ec]{text-align:center;font-size:14px;color:#757575;cursor:pointer}.nav-item[data-v-99ef37ec]:hover{color:#00c853}.nav-icon[data-v-99ef37ec]{font-size:20px}.nav-label[data-v-99ef37ec]{display:block;font-size:12px;margin-top:5px}#app[data-v-d88f5fe5]{font-family:Helvetica Neue,Arial,sans-serif;background-color:#f7f7f8;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;box-sizing:border-box}.app-title[data-v-d88f5fe5]{font-size:28px;font-weight:600;color:#333;margin-bottom:40px}.transaction-form[data-v-d88f5fe5]{width:100%;max-width:400px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:30px;box-sizing:border-box}.input-group[data-v-d88f5fe5]{margin-bottom:20px}.input-label[data-v-d88f5fe5]{font-size:14px;color:#666;margin-bottom:5px}.input-field[data-v-d88f5fe5]{width:100%;padding:15px;font-size:16px;border:1px solid #ddd;border-radius:8px;background-color:#f4f4f4;outline:none;transition:border .2s ease}.input-field[data-v-d88f5fe5]:focus{border:1px solid #4caf50}.next-button[data-v-d88f5fe5]{width:100%;padding:15px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.next-button[data-v-d88f5fe5]:hover{background-color:#45a049}.modal-overlay[data-v-d88f5fe5]{position:fixed;width:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;max-width:400px;padding:30px;z-index:1000;box-sizing:border-box}.modal[data-v-d88f5fe5]{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 6px 12px #0000001a;max-width:500px;width:90%;text-align:center}.modal-title[data-v-d88f5fe5]{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.modal-btn[data-v-d88f5fe5]{width:86%;padding:15px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;margin-top:15px;cursor:pointer;transition:background-color .2s;text-align:center}.modal-btn[data-v-d88f5fe5]:hover{background-color:#45a049}.modal-btn.cancel[data-v-d88f5fe5]{background-color:#f44336}.modal-btn.cancel[data-v-d88f5fe5]:hover{background-color:#e53935}.transaction-result[data-v-d88f5fe5]{margin-top:20px}.transaction-success[data-v-d88f5fe5]{color:#4caf50}.transaction-fail[data-v-d88f5fe5]{color:#f44336}.result-message[data-v-d88f5fe5]{font-size:18px;margin-top:10px}.icon[data-v-d88f5fe5]{width:70px;height:70px;margin-bottom:15px}.pin-input[data-v-d88f5fe5]{padding:15px;font-size:22px;width:80%;margin:20px auto;border:1px solid #ddd;border-radius:8px;background-color:#f4f4f4}.pin-input[data-v-d88f5fe5]:focus{border:1px solid #4caf50}@media (max-width: 600px){.app-title[data-v-d88f5fe5]{font-size:24px}.transaction-form[data-v-d88f5fe5]{padding:20px;max-width:90%}.input-field[data-v-d88f5fe5],.next-button[data-v-d88f5fe5]{padding:12px;font-size:14px}.modal[data-v-d88f5fe5]{width:90%;padding:20px}.modal-title[data-v-d88f5fe5]{font-size:18px}.modal-btn[data-v-d88f5fe5]{padding:12px;font-size:14px}.icon[data-v-d88f5fe5]{width:50px;height:50px}}#app[data-v-4a5ed784]{font-family:Helvetica Neue,Arial,sans-serif;background-color:#f9f9f9;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;box-sizing:border-box}.receive-page[data-v-4a5ed784]{width:100%;max-width:500px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:30px;box-sizing:border-box;display:flex;flex-direction:column}.modal-overlay[data-v-4a5ed784]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-4a5ed784]{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center;width:80%;max-width:400px}.modal-title[data-v-4a5ed784]{font-size:20px;font-weight:700;color:#333;margin-bottom:10px}.modal-message[data-v-4a5ed784]{font-size:16px;color:#666;margin-bottom:20px}.modal-btn[data-v-4a5ed784]{padding:10px 20px;background-color:#4caf50;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer}.modal-btn[data-v-4a5ed784]:hover{background-color:#45a049}.app-header[data-v-4a5ed784]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.profile-icon img[data-v-4a5ed784]{width:40px;height:40px;border-radius:50%;box-shadow:0 2px 5px #0000001a}.app-title[data-v-4a5ed784]{font-size:24px;font-weight:600;color:#333;margin-left:10px}.receive-money-section[data-v-4a5ed784]{text-align:center}.receive-info[data-v-4a5ed784]{margin-bottom:20px}.amount-title[data-v-4a5ed784]{font-size:16px;color:#777;margin-bottom:5px}.amount-box[data-v-4a5ed784]{font-size:32px;font-weight:700;color:#4caf50;display:flex;justify-content:center;align-items:center}.currency-symbol[data-v-4a5ed784]{font-size:28px;margin-right:5px}.qr-section[data-v-4a5ed784]{margin-top:30px}.qr-title[data-v-4a5ed784]{font-size:16px;color:#777;margin-bottom:10px}.qr-code[data-v-4a5ed784]{width:160px;height:160px;margin-bottom:30px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.payment-details[data-v-4a5ed784]{margin-top:20px;font-size:16px;color:#333}.payment-details p[data-v-4a5ed784]{margin:8px 0}.accept-btn[data-v-4a5ed784]{width:100%;padding:15px;background-color:#4caf50;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;margin-top:30px;box-shadow:0 4px 8px #0000001a;transition:background-color .2s ease,transform .2s ease}.accept-btn[data-v-4a5ed784]:hover{background-color:#45a049;transform:scale(1.05)}.accept-btn[data-v-4a5ed784]:active{transform:scale(1)}.footer-links[data-v-4a5ed784]{display:flex;justify-content:space-between;margin-top:30px}.footer-links a[data-v-4a5ed784]{font-size:14px;color:#4caf50;text-decoration:none;transition:color .2s ease}.footer-links a[data-v-4a5ed784]:hover{color:#45a049}@media (max-width: 600px){.receive-page[data-v-4a5ed784]{padding:20px;max-width:100%}.app-title[data-v-4a5ed784]{font-size:20px}.amount-box[data-v-4a5ed784]{font-size:28px}.qr-code[data-v-4a5ed784]{width:140px;height:140px}.accept-btn[data-v-4a5ed784]{padding:12px}.footer-links a[data-v-4a5ed784]{font-size:12px}}.profile-container[data-v-3eb6f7d6]{max-width:450px;margin:0 auto;padding:25px;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;text-align:center;font-family:Arial,sans-serif;background:linear-gradient(135deg,#f8f8f8,#e6e6e6)}.profile-header[data-v-3eb6f7d6]{margin-bottom:40px}.profile-picture[data-v-3eb6f7d6]{position:relative;margin-bottom:20px}.profile-picture img[data-v-3eb6f7d6]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 6px #0003}.edit-btn[data-v-3eb6f7d6]{position:absolute;bottom:-5px;right:-5px;background-color:#4caf50;border-radius:50%;padding:8px;border:none;cursor:pointer;transition:transform .2s ease}.edit-btn[data-v-3eb6f7d6]:hover{transform:scale(1.1)}.edit-icon[data-v-3eb6f7d6]{width:10px;height:10px;filter:brightness(0) invert(1)}.profile-details h2[data-v-3eb6f7d6]{font-size:28px;font-weight:700;color:#333;margin-bottom:10px}.email[data-v-3eb6f7d6]{font-size:16px;color:#777}.balance[data-v-3eb6f7d6]{font-size:18px;font-weight:700;color:#4caf50}.balance span[data-v-3eb6f7d6]{font-size:20px;font-weight:600;color:#333}.edit-profile[data-v-3eb6f7d6]{margin-top:20px}.edit-profile-btn[data-v-3eb6f7d6]{background-color:#4caf50;color:#fff;padding:12px 24px;border-radius:50px;border:none;font-size:16px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 4px 8px #0000001a}.edit-profile-btn[data-v-3eb6f7d6]:hover{background-color:#45a049}.logout-button[data-v-3eb6f7d6]{margin-top:40px}.logout-btn[data-v-3eb6f7d6]{background-color:#f44336;color:#fff;padding:12px 24px;border-radius:50px;border:none;font-size:16px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 4px 8px #0000001a}.logout-btn[data-v-3eb6f7d6]:hover{background-color:#e53935}.banking-page[data-v-5c98cf4d]{font-family:Helvetica Neue,Arial,sans-serif;background-color:#f7f7f8;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px}.header[data-v-5c98cf4d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.profile-icon img[data-v-5c98cf4d]{width:40px;height:40px;border-radius:50%}.title[data-v-5c98cf4d]{font-size:24px;font-weight:600;color:#333}.banking-section[data-v-5c98cf4d]{width:100%;max-width:500px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:30px}.account-balance[data-v-5c98cf4d]{text-align:center;margin-bottom:30px}.balance-title[data-v-5c98cf4d]{font-size:16px;color:#777;margin-bottom:5px}.balance-box[data-v-5c98cf4d]{font-size:32px;font-weight:700;color:#4caf50;display:flex;justify-content:center;align-items:center}.currency-symbol[data-v-5c98cf4d]{font-size:28px;margin-right:5px}.transactions-section[data-v-5c98cf4d]{margin-bottom:30px}.transactions-title[data-v-5c98cf4d]{font-size:18px;font-weight:700;color:#333;margin-bottom:10px}.transaction[data-v-5c98cf4d]{background-color:#f9f9f9;padding:12px;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 4px #0000000d}.transaction-date[data-v-5c98cf4d]{font-size:14px;color:#777}.view-all a[data-v-5c98cf4d]{font-size:14px;color:#4caf50;text-decoration:none}.view-all a[data-v-5c98cf4d]:hover{text-decoration:underline}.banking-actions[data-v-5c98cf4d]{display:flex;flex-direction:column;gap:15px}.action-btn[data-v-5c98cf4d]{padding:15px;background-color:#4caf50;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.action-btn[data-v-5c98cf4d]:hover{background-color:#45a049;transform:scale(1.05)}.action-btn[data-v-5c98cf4d]:active{transform:scale(1)}.footer-links[data-v-5c98cf4d]{display:flex;justify-content:space-between;margin-top:30px}.footer-links a[data-v-5c98cf4d]{font-size:14px;color:#4caf50;text-decoration:none}.footer-links a[data-v-5c98cf4d]:hover{text-decoration:underline}@media (max-width: 600px){.title[data-v-5c98cf4d]{font-size:20px}.balance-box[data-v-5c98cf4d]{font-size:28px}.transaction[data-v-5c98cf4d]{font-size:14px}.action-btn[data-v-5c98cf4d]{padding:12px}.footer-links a[data-v-5c98cf4d]{font-size:12px}}