[data-v-f4380c2d]{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}button[data-v-f4380c2d]{cursor:pointer}[data-v-f4380c2d]::-webkit-scrollbar{width:6px}[data-v-f4380c2d]::-webkit-scrollbar-track{background:transparent}[data-v-f4380c2d]::-webkit-scrollbar-thumb{background:#9e9e9e}[data-v-f4380c2d]::-webkit-scrollbar-thumb:hover{background:#7c7c7c}.login-container[data-v-f4380c2d]{max-width:360px;margin:4rem auto;display:flex;flex-direction:column;gap:1.5rem;color:#333}.login-container input[data-v-f4380c2d]{padding:.75rem 1rem;font-size:1rem;border:1.8px solid #ccc;border-radius:6px;background-color:#f9f9f9;transition:border-color .3s ease}.login-container input[data-v-f4380c2d]:focus{outline:none;border-color:#0052cc;box-shadow:0 0 6px #0052cc4d;background-color:#fff}.login-container input[data-v-f4380c2d]::placeholder{color:#505050}.login-container button[data-v-f4380c2d]{padding:.85rem 1rem;font-weight:700;font-size:1.1rem;color:#fff;background-color:#2177c7;border:none;border-radius:6px;transition:background-color .3s ease,box-shadow .3s ease}.login-container button[data-v-f4380c2d]:hover{background-color:#033580;box-shadow:0 0 10px #033580b3}.login-container button[data-v-f4380c2d]:active{transform:scale(.98)}.history-row[data-v-b01c2a5c]{display:flex;justify-content:space-between;align-items:center;padding:5px;margin:5px;border:1px solid #ccc}.history-row p[data-v-b01c2a5c]{margin:0;font-size:14px;font-weight:700;text-transform:capitalize}.history-row p.type[data-v-b01c2a5c],.history-row p.date[data-v-b01c2a5c]{width:80px}.history-row .delete-btn[data-v-b01c2a5c]{background:none;border:none;color:red;font-size:12px}.total-balance[data-v-5d3db3ba]{padding:6px;background:#f9f9f9;border-radius:6px}.total-balance p[data-v-5d3db3ba]{display:flex;justify-content:space-between;margin:0;font-size:14px}[data-v-3cf31bd5]{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}button[data-v-3cf31bd5]{cursor:pointer}[data-v-3cf31bd5]::-webkit-scrollbar{width:6px}[data-v-3cf31bd5]::-webkit-scrollbar-track{background:transparent}[data-v-3cf31bd5]::-webkit-scrollbar-thumb{background:#9e9e9e}[data-v-3cf31bd5]::-webkit-scrollbar-thumb:hover{background:#7c7c7c}.clientDetails[data-v-3cf31bd5]{flex:1;display:flex;flex-direction:column;overflow:hidden;border:2px solid #2177c7;border-radius:4px;background:#fff}.clientDetails .client-header header[data-v-3cf31bd5]{display:flex;justify-content:space-between;margin-bottom:8px;background:#2177c7;padding:5px}.clientDetails .client-header header h3[data-v-3cf31bd5]{font-size:17px;color:#fff}.clientDetails .client-header header button[data-v-3cf31bd5]{padding:2px 10px;background-color:#fff;border-radius:4px;font-weight:700;border:none;box-shadow:-2px 2px 3px #00000069,2px -2px 2px #00000069;cursor:pointer}.clientDetails .client-header header button[data-v-3cf31bd5]:active{color:gray}.clientDetails .history-container[data-v-3cf31bd5]{background:#fff}.clientDetails .history-container.showAll[data-v-3cf31bd5]{position:fixed;top:6%;left:0;width:100%;height:94%;overflow-y:auto}.clientDetails .history-container .history-header[data-v-3cf31bd5]{display:flex;justify-content:space-between;align-items:center;margin:5px 0 10px;padding:5px}.clientDetails .history-container .history-header p[data-v-3cf31bd5]{font-size:14px;font-weight:700}.clientDetails .history-container .history-header button[data-v-3cf31bd5]{width:100px;font-size:12px;font-weight:700;padding:0 5px}[data-v-4a33303f]{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}button[data-v-4a33303f]{cursor:pointer}[data-v-4a33303f]::-webkit-scrollbar{width:6px}[data-v-4a33303f]::-webkit-scrollbar-track{background:transparent}[data-v-4a33303f]::-webkit-scrollbar-thumb{background:#9e9e9e}[data-v-4a33303f]::-webkit-scrollbar-thumb:hover{background:#7c7c7c}.make-transaction[data-v-4a33303f]{display:flex;flex-direction:column;align-items:center;gap:10px}.make-transaction .btns[data-v-4a33303f]{display:flex;gap:10px;margin-bottom:10px;width:100%}.make-transaction .btns button[data-v-4a33303f]{flex:1;padding:5px 10px;border:none;border-radius:5px;background:#2177c7;color:#fff;font-weight:700;border-bottom:2px solid transparent}.make-transaction .btns button.active[data-v-4a33303f]{border-bottom:2px solid #296135}.make-transaction form[data-v-4a33303f]{display:flex;flex-direction:column;gap:10px;width:100%}.make-transaction form input[data-v-4a33303f]{padding:5px;border:1px solid #ccc;border-radius:5px;text-align:center}.make-transaction form input[data-v-4a33303f]:focus{outline:none}.make-transaction form button[data-v-4a33303f]{padding:5px 10px;border:none;border-radius:5px;background:#2177c7;color:#fff;font-weight:700}[data-v-74c835f9]{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}button[data-v-74c835f9]{cursor:pointer}[data-v-74c835f9]::-webkit-scrollbar{width:6px}[data-v-74c835f9]::-webkit-scrollbar-track{background:transparent}[data-v-74c835f9]::-webkit-scrollbar-thumb{background:#9e9e9e}[data-v-74c835f9]::-webkit-scrollbar-thumb:hover{background:#7c7c7c}.add-client[data-v-74c835f9]{border:2px solid #296135;padding:6px;background:#f9f9f9;border-radius:6px;width:100%}.add-client header[data-v-74c835f9]{display:flex;justify-content:space-between}.add-client header h3[data-v-74c835f9]{font-size:14px}.add-client header button[data-v-74c835f9]{padding:2px 10px;background-color:#296135;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer}.add-client form[data-v-74c835f9]{display:flex;flex-direction:column;gap:10px;margin-top:10px}.add-client form input[data-v-74c835f9]{padding:5px;border:1px solid #ccc;border-radius:4px}.add-client form input[data-v-74c835f9]:focus{outline:none;border-color:#296135}.add-client form button[data-v-74c835f9]{padding:5px 10px;background-color:#296135;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer}[data-v-402ad445]{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}button[data-v-402ad445]{cursor:pointer}[data-v-402ad445]::-webkit-scrollbar{width:6px}[data-v-402ad445]::-webkit-scrollbar-track{background:transparent}[data-v-402ad445]::-webkit-scrollbar-thumb{background:#9e9e9e}[data-v-402ad445]::-webkit-scrollbar-thumb:hover{background:#7c7c7c}.select-client[data-v-402ad445]{display:flex;justify-content:space-between;width:100%}.select-client label[data-v-402ad445]{align-self:center;font-weight:700;font-size:14px;padding-left:8px}.select-client select[data-v-402ad445]{padding:5px;font-size:14px;border-radius:4px;border:1px solid #ccc;font-weight:700;text-transform:capitalize;background:#fff;border:2px solid #296135}.select-client select[data-v-402ad445]:focus{outline:none}.select-client select option[data-v-402ad445]{text-transform:capitalize}.home[data-v-ba1d5946]{display:flex;flex-direction:column;gap:10px;height:94%;padding:10px}.home .note[data-v-ba1d5946]{font-size:12px;font-weight:700;color:#222;border:1px solid #c0c0c0;padding:5px;border-radius:5px;line-height:18px}.home .admin-box[data-v-ba1d5946]{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;border-bottom:10px solid #e6e6e6}button[data-v-670dc2e0]{cursor:pointer}[data-v-670dc2e0]::-webkit-scrollbar{width:6px}[data-v-670dc2e0]::-webkit-scrollbar-track{background:transparent}[data-v-670dc2e0]::-webkit-scrollbar-thumb{background:#9e9e9e}[data-v-670dc2e0]::-webkit-scrollbar-thumb:hover{background:#7c7c7c}[data-v-670dc2e0]{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.appContainer[data-v-670dc2e0]{width:100vw;height:100vh;overflow:hidden;background:gray}.appContainer .main[data-v-670dc2e0]{position:absolute;max-width:500px;width:100%;height:90%;top:10px;left:50%;transform:translate(-50%);border:4px solid #2177c7;border-radius:4px;box-shadow:0 4px 16px #000000bf;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 600px){.appContainer .main[data-v-670dc2e0]{max-width:100%;border-radius:0;height:100%;top:0;border:none}}header[data-v-670dc2e0]{display:flex;justify-content:space-between;align-items:center;background:#2177c7;height:6%}header .logo[data-v-670dc2e0]{display:flex;align-items:center;gap:5px}header .logo .image-box[data-v-670dc2e0]{width:30px;height:30px;border-radius:50%;overflow:hidden;border:1px solid white}header .logo .image-box img[data-v-670dc2e0]{width:100%;height:100%;object-fit:cover}header .logo h1[data-v-670dc2e0]{font-size:22px;font-weight:700;color:#fff;padding:5px;text-shadow:-2px 1px 3px rgba(0,0,0,.6862745098)}header button[data-v-670dc2e0]{width:20px;height:20px;line-height:20px;background:transparent;border-radius:30%;font-weight:700;border:none;margin-right:8px;font-size:20px;color:#fff;text-shadow:-2px 1px 3px rgba(0,0,0,.6862745098)}header button[data-v-670dc2e0]:active{color:#ffffff49}header button[data-v-670dc2e0]:hover{scale:.98}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}button{cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9e9e9e}::-webkit-scrollbar-thumb:hover{background:#7c7c7c}