.login-bg{background-size:100% 100%;background-position-y:-10px;background:#fff}.login-card{padding:0 50px;border-radius:10px;width:100%;max-width:500px}.login-card h2{text-align:start;font-weight:700;letter-spacing:-1px;color:#171717}.login-card input,.login-card input[type=password]{background-color:#f5f5f5;font-size:15px;border:none;color:#000;border-radius:10px!important;padding:4px 18px;line-height:38px;height:auto!important;font-weight:500}.login-card input:focus-visible{outline:none}.login-card input[type=password],.login-card input[type=text]{height:40px;border-radius:5px}.login-card input[type=password]{padding-right:35px}.login-btn{border-radius:10px;line-height:34px;height:auto;font-weight:500;border:1px solid #4069e5}.login-card label{font-size:14px;line-height:1;color:#737373;font-weight:600}.login-card a{font-size:15px}.login-card a:hover{text-decoration:underline}.login-card input:focus{box-shadow:none}.password-wrapper{position:relative}.view-icon{right:10px;top:50%;transform:translateY(-50%)}.line,.view-icon{position:absolute}.line{width:25px;height:1.5px;background-color:#5b5b5b;right:-2px;top:45%;transition:all .3s ease;border-radius:10px;transform-origin:center;display:flex;transform:scaleX(1) rotate(-45deg)}.hide-line{transform:scaleX(0)}@media (max-width:575px){.login-card{padding:30px}}.logo-sec{display:flex;align-items:center;justify-content:start;gap:30px;font-size:15px}.logo-img{height:48px;width:auto;-o-object-fit:contain;object-fit:contain;transition-timing-function:cubic-bezier(.4,0,.2,1)}.menus{justify-content:center;gap:3px}.menus,.profile-sec{display:flex;align-items:center}.profile-sec{justify-content:flex-end;gap:20px;font-size:15px}.logout{display:flex;align-items:center;justify-content:center;color:red;font-weight:500;gap:5px}.menus a{font-weight:400;padding:10px 15px;border-radius:5px}.menus a.active,.menus a:hover{background-color:var(--background-primary);color:#fff}.humberger{display:none}.user-name{width:170px}.manage-design{padding:4px 12px;border-radius:4px;font-size:13px;background:#4069e5;color:#fff}.menu-list li ul li a{font-size:14px;min-height:auto;line-height:32px}.menu-list li ul li{line-height:36px;padding-left:40px}.menu-list li a span:first-child,.menu-list li button span:first-child{padding-right:8px}.menu-list li a,.menu-list li button{border-radius:8px;padding:0 12px;min-height:42px}.menu-list li a:hover,.menu-list li button:hover{background:#f5f5f5}.menu-list li{line-height:42px}.menu-list a.active,.menu-list button.active{color:#4a6ae8;font-weight:600}.menu-open .child-ul li a:hover{background:transparent}.menu-open .child-ul li,.menu-open .child-ul li a{padding:0;color:#fff}.menu-open .child-button .nav-name{display:none}.menu-open .menu-list .child-li:hover .child-ul,.menu-open .menu-list a:hover .nav-name,.menu-open .menu-list button:hover .child-ul,.menu-open .menu-list button:hover .nav-name{opacity:1;visibility:visible}.menu-list a,.menu-list button{color:#525252;font-weight:500;font-size:15px}aside{transition-duration:.2s;overflow:hidden;transition-timing-function:cubic-bezier(.4,0,.2,1)}.logo-box{padding:0 16px}.menu-open .logo-box{padding:0 8px;height:58px}.menu-open .logo-box,.menu-open .logo-img{transition-timing-function:cubic-bezier(.4,0,.2,1)}.menu-open .logo-img{-o-object-fit:contain;object-fit:contain}.menu-open .child-ul:after,.menu-open .nav-name:after{width:0;height:0;content:"";position:absolute;border-top:8px solid transparent;border-right:16px solid #4a6ae8;border-bottom:8px solid transparent;left:-13px;top:13px}.menu-open ul.child-ul{transform:translateY(-40px);padding:4px 12px!important}.menu-open .nav-name,.menu-open ul.child-ul{opacity:0;visibility:hidden;position:fixed;left:62px;background:#4a6ae8;z-index:99999999;min-width:111px;border-radius:8px;text-align:left;padding:0 12px;color:#fff;font-size:14px}.menu-open aside{width:58px;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.middle-profile-dropdown a span:first-child{color:#525252;width:24px}.middle-profile-dropdown a span:nth-child(2){color:#525252;font-weight:600;font-size:14px}@media (max-width:1024px){.logo-sec{gap:30px}}@media (max-width:767px){.menus,.profile-sec{display:none}.humberger{display:block}.logo-img{height:40px}.user-name{width:150px}}@media (max-width:550px){.user-name{width:100px}}@media (max-width:410px){.user-name{width:60px}}.popup-background{width:100%;height:100%}@media(max-width:767px){.modal-box{width:100%;max-width:100%}.popup-background{padding:0 15px}}.pagination-container{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:20px}.pagination-button svg{margin:auto}.pagination-button{padding:0;margin:0 5px;background-color:transparent;color:#525252;border:none;border-radius:4px;cursor:pointer;vertical-align:middle;width:32px;font-size:14px;line-height:32px;text-align:center}.pagination-button:hover{background-color:#f5f5f5}.pagination-button:disabled{background-color:transparent;cursor:not-allowed;color:#d4d4d4}.pagination-page-number.active{color:#4069e5}.pagination-page-number{margin:0 10px;font-size:16px;color:#555}.pagination-dropdown{margin-left:10px;padding:6px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background-color:#fff;width:110px}.pagination-dropdown:focus{outline:none}.pagination-page-number:hover{background-color:#f5f5f5}.pagination-page-number{cursor:pointer;margin:0 4px;padding:0;border-radius:4px;color:#333;width:32px;font-size:14px;line-height:32px}.mobile-view,.users-mobile{display:none}.transaction-desk{display:flex;justify-content:space-between;align-items:flex-end;margin:0 20px}.transaction-desk>*{display:inline}.transaction-desk-title{margin-top:15px;margin-bottom:30px;font-weight:700}@media only screen and (max-width:552px){.desktop-view{display:none}.mobile-view{display:block}.top-section{margin:0 15px}.title-top{font-size:20px;font-weight:600}.top-select-div{margin-top:20px;margin-bottom:10px}.top-mob-select{width:100%;padding:10px 6px;font-size:15px;border:1px solid;border-radius:8px}.transaction-mob{display:flex;justify-content:space-between;align-items:center;margin:0 10px}.transaction-mob>*{margin:0}.transaction-mob-title{font-size:20px;font-weight:700}.transaction-mob-select-div{font-size:20px}.transaction-mob-select{padding:10px 5px;border:1px solid;border-radius:10px;font-size:15px}.w-\[240px\]{width:175px}.top-table{background-color:#4069e5;color:#fff;border-radius:10px}.tr-bg{background-color:#ffffff39}.transaction-box{box-shadow:0 2px 14px #333333b5;padding:15px 10px;border-radius:5px;margin-bottom:20px}.transaction-details{display:flex;gap:7px}.transaction-date{background-color:#4069e5;color:#fff;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px}.transaction-table{border-radius:10px;width:100%}.transaction-table>table{width:100%}.transaction-table table th{width:25%}.transaction-table table>tr,td,th{border:2px solid #33333362;font-weight:400;text-align:left;font-size:12px;padding:4px}.red-txt{color:red}.green-txt{color:green}.transaction-date>*{text-align:center}.day{font-size:28px;font-weight:700}.balance-div{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.balance-div>*{display:inline}.user-info{font-size:10px;background-color:hsla(34,78%,91%,.5);color:orange;border-radius:25px;padding:5px 6px}.balance-info{font-size:12px}.balance-info span{color:#4069e5;font-weight:500}.users-desktop{display:none}.users-mobile{display:block;margin:0 15px}.top-title{display:flex;justify-content:space-between;align-items:center}.add-btn{background-color:#4069e5;color:#fff;padding:10px;border-radius:10px}.transaction-details-user{display:flex;justify-content:space-evenly}.transaction-table-user table{height:100%}.user-action{display:flex;align-items:center;justify-content:flex-end;margin-top:15px;margin-right:15px}.user-action>*{font-size:18px;margin:0 5px}.edit-btn{color:#4069e5}.delete-btn{color:red}}