:root{--yellow:linear-gradient(180deg,#f8d49a -146.42%,#fad79d -46.42%);--scafoldBg:#121826;--mobileMenuBg:#032282;--activeMenuBg:#192749;--btnBG:#ffffff4d;--walletBladeBG:#032282;--bladeBoxBG:#fff;--bladeBG:#f6faff;--BladeBtn:#eaf4ff;--successBG:#18a201;--failBG:red;--sendBG:#032282;--cashOutBG:#f4be38;--utilBG:#ede1ff;--dashboardBG:#f8f9fb;--headerText:#242424;--bladeHeaderText:#4f64a7}.App{background:#121826;background:var(--scafoldBg);display:grid;font-family:Nunito,sans-serif;grid-template-columns:16.6rem auto;height:100vh;overflow:hidden}.add-cta{background:#ffffff4d;background:var(--btnBG);border-radius:7px;color:#fff;font-size:14px;font-weight:600;height:40px;width:112px}.add-cta,.dropdown{align-items:center;cursor:pointer;display:flex;font-family:Nunito,sans-serif;justify-content:center}.dropdown{background:#eaf4ff;background:var(--BladeBtn);border-radius:6px;color:#032282;color:var(--walletBladeBG);font-size:12px;gap:6px;height:30px;width:82px}.date-title{color:#4f64a7;color:var(--bladeHeaderText);font-family:Nunito,sans-serif;font-size:12px;font-weight:400}.cost-style{color:#032282;color:var(--mobileMenuBg);font-family:Sora,Nunito;font-size:14px;font-weight:600}.title{color:#4f64a7;color:var(--bladeHeaderText);font-family:Nunito,sans-serif;font-size:14px;font-weight:400;margin-top:6px}.Dashboard{background:var(--dashboardBG);border-radius:30px;height:96vh;margin:26px 8px 0 0;width:98.6%}.Header{background:#fff;border-radius:30px;display:flex;height:111px;justify-content:space-between}.Header .h-title{color:var(--headerText);font-size:24px;font-weight:600;margin:57px 22px 0}.h-rightSide{display:flex;gap:16px;margin-right:30px;margin-top:46px}.h-rightSide .notifi{align-items:center;background:#ecf1ff;border-radius:50%;display:flex;height:42px;justify-content:center;width:42px}.numb{background:var(--failBG);border-radius:50%;bottom:9px;height:7px;left:7px;position:relative;width:7px;z-index:1}.h-icon{align-items:center;justify-content:center;position:absolute;z-index:0}.h-user,.user-details .mail-dropdown{display:flex;gap:11px}.user-details .user-name{color:#000;font-size:14px;font-weight:700;line-height:normal}.user-details .user-email{color:#818181;font-size:10px;font-weight:400}.mail-dropdown .expand-icon{margin-top:-3px}.Analytics{display:grid;grid-template-columns:repeat(4,302px);margin-top:20px}.Analytics,.a-wallet{align-items:center;justify-content:center}.a-wallet{display:flex}.Analytics .a-details{background:#fff;border-radius:10px;height:150px;width:286px}.a-details .details{background:var(--bladeBG);border-radius:10px;height:90px;margin-left:12px;width:260px}.details p{margin-left:16px}.details p:first-child{color:var(--bladeHeaderText);font-family:Sora,Nunito,sans-serif;font-size:14px;font-weight:400;padding-top:20px}.details p:nth-child(2){color:var(--sendBG);font-family:Sora,Nunito,sans-serif;font-size:20px;font-weight:600;margin-top:0}.analytics-cta{cursor:pointer;margin-left:26px;margin-top:13px}.analytics-cta img{margin-bottom:-5.6px}.Wallet{background:var(--walletBladeBG);border-radius:12px;height:151px;position:relative;width:289px}.bg-elements{left:0;position:absolute;top:0}.bg-elements img:nth-child(3){left:216px;position:absolute;top:83px}.bg-elements img:nth-child(4){left:110px;position:absolute;top:1px}.bg-elements img:first-child{left:176px;position:absolute;top:0}.bg-elements img:nth-child(2){left:164px;position:absolute;top:-6px}.Wallet .w-top{padding:22px}.w-top .w-Title{color:#cdcdcd;font-family:Nunito,sans-serif;font-size:14px;font-weight:400}.w-top .amount{font-family:Nunito,sans-serif}.w-top .amount,.w-top .amount span{color:#fff;font-size:20px;font-weight:600}.w-top .amount span{font-family:Sora}.amount-img{cursor:pointer;height:24px;margin-bottom:-4px;margin-left:20px;width:24px;z-index:99}.w-top .w-ctas{display:flex;gap:17px;margin-top:16px}.amount-img{position:relative}.amount-img:after{background-color:#121826;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.amount-img:hover:after{opacity:1}.hidden{display:none}.Total{display:grid;grid-template-columns:repeat(4,302px);margin-top:16px}.Total,.t-blade-box{align-items:center;justify-content:center}.t-blade-box{background:#fff;border-radius:10px;display:flex;height:200px;width:286px}.t-blade-box .t-blade{background:var(--bladeBG);border-radius:10px;height:170px;width:260px}.t-blade .t-header,.t-blade .t-mid{display:flex;justify-content:space-between;padding:16px}.t-blade .t-mid{margin-top:-10px}.t-blade .l-side,.t-blade .r-side{display:flex;flex-direction:column}.t-blade .t-end{display:flex;justify-content:space-between;margin-top:-10px;padding:16px}.CommissionBlade{align-items:center;display:grid;grid-template-columns:repeat(4,302px);justify-content:center;margin-top:16px}.CommissionBlade .c-blade-box{align-items:center;background:#fff;border-radius:10px;display:flex;height:200px;justify-content:center;width:286px}.c-blade-box .c-blade{background:var(--bladeBG);border-radius:10px;height:180px;width:260px}.blade{display:flex;justify-content:space-between;padding:16px}.blade .dropdown{margin-top:8px}.c-end{display:flex;justify-content:space-between;padding:16px}.l-side,.r-side{display:flex;flex-direction:column}.c-blade-box2{grid-column:span 2}.c-blade-box2 .c-blade-box{align-items:start;justify-content:left;width:590px}.left-side{margin-top:24px}.c-title{color:#37474f;font-size:16px;font-weight:500}.c-title,.send{margin-left:24px}.send{display:flex;gap:8px;margin-bottom:6px;margin-top:20px}.dot{background:var(--sendBG);border-radius:50%;height:6px;margin-top:4px;width:6px}.text{color:#37474f;font-size:10px;font-weight:500}.mid-info{display:flex;flex-direction:column}.mid-info img{margin-left:24px;margin-top:12px}.mid-info .amount{color:#263238;font-family:Sora,Nunito,sans-serif;font-size:16px;font-weight:600;margin-left:24px}.cash{display:flex;gap:8px;margin-left:24px;margin-top:16px}.cash .dot{background:var(--cashOutBG)}.left span{margin-bottom:8px}.buttom{display:flex}.right span{margin-bottom:8px}.right .cash .dot{background:var(--utilBG)}.Sidebar{margin:3rem 20px 1rem}.Sidebar .main-logo{display:flex;flex-direction:column;margin:0 6px 20px}.Sidebar .dashed-line{border:none;border-collapse:separate;border-spacing:6px;border-top:1px dashed #fff;margin:30px 0;width:100%}.Sidebar .menu-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-top:18px}.menu-icon{margin:0 8px 0 10px}.menu-item .menu{color:#fff;flex:1 1;font-size:16px;line-height:normal}.menu-icon .icon{margin-bottom:-4px}.menu-item .menu-dropDown{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.active{background:var(--activeMenuBg);border-radius:9px;margin-left:-12px;padding:11px 14px 12px}.menu-item:hover .menu-dropDown{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
/*# sourceMappingURL=main.299bd007.css.map*/