@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--primary-color:#4E37FB;--secondary-color:#717680}body,html{width:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.item-card{width:100%;height:auto;border-radius:8px;padding:32px;background:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;animation:slideInUp .6s ease-out}.item-card:hover{box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-title{font-family:Inter;font-weight:600;font-size:24px;letter-spacing:0}.card-description{font-weight:400;font-size:16px}.card-description,.form-label{font-family:Inter;letter-spacing:0;color:var(--secondary-color)}.form-label{font-weight:500;font-size:14px}.input-field{width:100%;height:48;border-radius:4px;padding:10px 14px;border-width:1px;border-color:#D0D5DD;outline:none;transition:all .3s ease;background:#ffffff}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(78,55,251,.1);transform:translateY(-1px)}.input-field:hover{border-color:#9ca3af}.input-field:invalid{border-color:#ef4444}.input-field:valid{border-color:#10b981}.icon-up{margin-top:-33px;margin-right:20px}.auth-link{font-family:Inter;font-weight:500;font-size:14px;letter-spacing:0;color:var(--primary-color);text-decoration:none;position:relative;transition:all .3s ease;display:inline-block}.auth-link:hover{color:#3d2dd8;transform:translateY(-1px)}.auth-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--primary-color);transition:width .3s ease}.auth-btn,.auth-link:hover:after{width:100%}.auth-btn{height:48px;border-radius:4px;padding:12px 20px;background:var(--primary-color);color:white;cursor:pointer;font-family:Inter;font-weight:600;font-size:14px;letter-spacing:0;border:none;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);box-shadow:0 2px 4px rgba(78,55,251,.2)}.auth-btn:hover{background:#3d2dd8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(78,55,251,.3)}.auth-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(78,55,251,.2);transition:all .1s ease}.auth-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(78,55,251,.2)}.auth-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.auth-btn.loading{color:transparent;pointer-events:none}.auth-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:#ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-btn.success{background:#10b981;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.form-group{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}.form-group:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.auth-btn:active:before{width:300px;height:300px}.btn-sm{width:auto;height:32;border-radius:4px;padding:5px;background:var(--primary-color);color:white;font-weight:600;cursor:pointer}.btn-sm,.text-sm{font-family:Inter;font-size:14px;letter-spacing:0}.text-sm{font-weight:400;color:var(--secondary-color)}.text-md{font-family:Inter;font-weight:600;font-size:20px;letter-spacing:0}.auth-side-bg{background:#4E37FB}.dashboard-img{width:583;height:345;border-radius:12px}.welcome-text{font-weight:700;font-size:30px}.welcome-desc,.welcome-text{font-family:Inter;color:white}.welcome-desc{font-weight:500;font-size:16px;letter-spacing:0}.dashboard-card{width:100%;height:auto;padding:20px}.balance-overview{width:100%;height:80;border-radius:4px;padding:12px 16px;background:#faf9ff}.live-text{font-weight:400;font-size:12px;color:#12B76A;margin-bottom:-30px}.live-text,.tab-btn{font-family:Inter;letter-spacing:0}.tab-btn{font-weight:500;font-size:16px}.active-tab{color:#000000;border-bottom:2px solid #4e37fb;padding-bottom:8px}.inactive-tab{color:var(--secondary-color)}.divider{width:100%;height:1px;background-color:#CBC9C9;margin-top:-1px}.filter-btn{width:90;height:40;border-radius:4px;border:1px solid #cbc9c9;font-family:Inter;font-weight:400;font-size:14px;letter-spacing:0;padding-left:10px;cursor:pointer}.pointer-events-none{margin-top:-20px}.search-input{width:320;height:40;border-radius:4px;padding:8px 14px 8px 35px;border:1px solid #cbc9c9;outline:none}.saerch-icon{margin-top:-30px;padding-left:10px}.table-header{width:100%;height:36;background:#F9FAFB;align-items:center}.filter-card{width:400px}.filter-title{font-size:20px}.clear-btn,.filter-title{font-family:Inter;font-weight:600;letter-spacing:0}.clear-btn{font-size:14px;color:var(--primary-color)}.text-white{color:white}.dash-view-btn{width:58;height:22;border-radius:2px;border:1px solid #4e37fb;font-family:Lato;font-weight:400;font-size:12px;letter-spacing:0;display:flex;text-align:center;justify-content:center}input,select{outline:none}