body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{color:#1a202c;font-family:Manrope;text-align:center}button,div{box-sizing:border-box}button{align-items:center;background-color:none;background:none;border:none;display:flex;justify-content:center;outline:none}input{border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1a202c;padding:0 16px;width:100%}input:focus-visible{outline:1px auto #194bfb}.h1{font-size:48px}.h1,.h2{font-weight:800}.h2{font-size:40px}.h3{font-size:32px}.h3,.h4{font-weight:800}.h4{font-size:24px}.h5{font-size:20px}.h5,.h6{font-weight:800}.h6{font-size:18px}.body-xs-extra{font-size:10px;font-weight:800}.body-xs-semi{font-size:10px;font-weight:600}.body-xs-medium{font-size:10px;font-weight:500}.body-xs-regular{font-size:10px;font-weight:400}.body-s-extra{font-size:12px;font-weight:800}.body-s-semi{font-size:12px;font-weight:600}.body-s-medium{font-size:12px;font-weight:500}.body-s-regular{font-size:12px;font-weight:400}.body-m-extra{font-size:14px;font-weight:800}.body-m-semi{font-size:14px;font-weight:600}.body-m-medium{font-size:14px;font-weight:500}.body-m-regular{font-size:14px;font-weight:400}.body-l-extra{font-size:16px;font-weight:800}.body-l-semi{font-size:16px;font-weight:600}.body-l-medium{font-size:16px;font-weight:500}.body-l-regular{font-size:16px;font-weight:400}.body-xl-extra{font-size:18px;font-weight:800}.body-xl-semi{font-size:18px;font-weight:600}.body-xl-medium{font-size:18px;font-weight:500}.body-xl-regular{font-size:18px;font-weight:400}.btn-prim-l{nav-index:1;tab-index:1;align-items:center;background-color:#194bfb;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:8px;height:56px;line-height:56px;padding:0 24px}.btn-prim-l:hover{background-color:#003cbe}.btn-prim-m{nav-index:1;tab-index:1;align-items:center;background-color:#194bfb;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:8px;height:48px;line-height:48px;padding:0 16px}.btn-prim-m:hover{background-color:#003cbe}.btn-prim-s{nav-index:1;tab-index:1;align-items:center;background-color:#194bfb;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:8px;height:32px;line-height:32px;padding:0 8px}.btn-prim-s:hover{background-color:#003cbe}.btn-sec-l{nav-index:1;tab-index:1;align-items:center;border:1px solid #194bfb;border-radius:12px;cursor:pointer;display:flex;gap:8px;height:56px;line-height:56px;padding:0 24px}.btn-sec-l:hover{border:1px solid #003cbe;color:#003cbe}.btn-sec-m{nav-index:1;tab-index:1;align-items:center;border:1px solid #194bfb;border-radius:12px;cursor:pointer;display:flex;gap:8px;height:48px;line-height:48px;padding:0 16px}.btn-sec-m:hover{border:1px solid #003cbe;color:#003cbe}.btn-sec-s{nav-index:1;tab-index:1;align-items:center;border:1px solid #194bfb;border-radius:12px;cursor:pointer;display:flex;gap:8px;height:32px;line-height:32px;padding:0 8px}.btn-sec-s:hover{border:1px solid #003cbe;color:#003cbe}.btn-gray-l{nav-index:1;tab-index:1;align-items:center;border:1px solid #e2e8f0;border-radius:12px;color:#1a202c;cursor:pointer;display:flex;gap:8px;height:56px;line-height:56px;padding:0 24px}.btn-gray-l:hover{background-color:#fafafa;border:1px solid #cbd5e0}.btn-gray-m{nav-index:1;tab-index:1;align-items:center;border:1px solid #e2e8f0;border-radius:12px;color:#1a202c;cursor:pointer;display:flex;gap:8px;height:48px;line-height:48px;padding:0 16px}.btn-gray-m:hover{background-color:#fafafa;border:1px solid #cbd5e0}.btn-gray-s{nav-index:1;tab-index:1;align-items:center;border:1px solid #e2e8f0;border-radius:12px;color:#1a202c;cursor:pointer;display:flex;gap:8px;height:32px;line-height:32px;padding:0 8px}.btn-gray-s:hover{background-color:#fafafa;border:1px solid #cbd5e0}.btn-prim-disable{background-color:#95adff}.btn-sec-disable{border:1px solid #95adff;color:#95adff}button:focus-visible{outline:1px auto #194bfb}.gray50{color:#fafafa}.gray100{color:#f7fafc}.gray200{color:#edf2f7}.gray300{color:#e2e8f0}.gray400{color:#cbd5e0}.gray500{color:#a0aec0}.gray600{color:#718096}.baseblue{color:#194bfb}.orange{color:#ff784b}.green{color:#22c55e}.sidebar{background-color:#fafafa;height:100vh;min-width:250px;overflow:auto;position:relative;width:250px}.logo-wrapper{height:104px;position:relative;width:100%}.logo-wrapper #separate-line{background:#e2e8f0;bottom:0;height:1px;margin:0 24px;position:absolute;width:calc(100% - 48px)}.logo-wrapper svg{left:37px;position:absolute;top:44px}.tab-group{left:24px;position:absolute;top:144px;width:calc(100% - 48px)}.tab-group :first-child{margin-top:0}.sidebar-tab{align-items:center;background-color:#fafafa;border-radius:12px;color:#718096;cursor:pointer;display:flex;flex-direction:row;height:47px;margin-top:12px;padding:0 16px;position:relative}.sidebar-tab svg{left:16px;position:absolute;top:12.5px}.sidebar-tab svg path{stroke:#718096}.sidebar-tab p{margin-left:34px}.sidebar-bottom{bottom:40px;left:24px;position:absolute;width:calc(100% - 48px)}#get-help path{fill:#718096;stroke:none}.sidebar-tab:hover{background:#e8edff}.sidebar-tab-selected{align-items:center;background-color:#194bfb;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:row;height:47px;margin-top:12px;padding:0 16px;position:relative}.sidebar-tab-selected svg{left:16px;position:absolute;top:12.5px}.sidebar-tab-selected svg path{stroke:#fff}.sidebar-tab-selected p{margin-left:34px}.sidebar-tab-selected #message-tip{background-color:#fff;color:#1a202c}#message-tip{background-color:#1a202c;border-radius:10px;color:#fff;font-size:10px;height:20px;line-height:20px;min-width:20px;position:absolute;right:16px}.activity-sub{height:80px;margin:8px 0 12px 26px;overflow:hidden;transition:.5s}.activity-sub .activity-sub-line{background-color:#e2e8f0;float:left;height:64px;transition:.5s;width:1px}.activity-sub .activity-sub-tabs{float:left;gap:4px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:10px;width:calc(100% - 12px)}.activity-sub .activity-sub-tab{border-radius:12px;color:#718096;cursor:pointer;height:40px;line-height:40px;overflow:hidden;padding-left:12px;text-align:left}.activity-sub .activity-sub-tab:hover{background:#e8edff}.activity-sub .activity-sub-tab-selected{border-radius:12px;color:#194bfb;cursor:pointer;height:40px;line-height:40px;padding-left:12px;text-align:left}.activity-sub .activity-sub-tab-selected:hover{background:#e8edff}.hidden{margin:0 0 0 26px}.hidden,.hidden .activity-sub-line{height:0}.notification{left:0;top:0;z-index:100}.notification,.notification .bg-layer{height:100vh;position:absolute;width:100vw}.notification .noti-container{background:#fff;border-radius:16px;box-shadow:4px 8px 50px 1px rgba(74,85,104,.12);position:absolute;right:40px;top:104px;width:396px}.notification .noti-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;flex-direction:row;justify-content:space-between;padding:24px 24px 16px}.notification .noti-header .right-wrapper{align-items:center;display:flex;flex-direction:row;gap:4px}.notification .noti-content{padding:24px}.notification .noti-content .noti-item{display:flex;flex-direction:row;gap:16px;margin-bottom:24px}.notification .noti-content .noti-item:last-child{margin-bottom:0}.notification .noti-content .noti-item .item-img{border-radius:24px;height:48px;width:48px}.notification .noti-content .noti-item .button-wrapper{display:flex;flex-direction:row;gap:12px;margin-top:16px}.notification .noti-content .noti-item .button-wrapper button{flex-grow:1}.notification .noti-content .noti-item .item-details{text-align:left}.notification .noti-bottom{border-top:1px solid #edf2f7;display:flex;flex-direction:row;justify-content:space-between;padding:16px 24px 24px}.profile-dialog{left:0;top:0;z-index:100}.profile-dialog,.profile-dialog .bg-layer{height:100vh;position:absolute;width:100vw}.profile-dialog .profile-dialog-container{background:#fff;border-radius:16px;box-shadow:4px 8px 50px 1px rgba(74,85,104,.12);min-height:100px;position:absolute;right:40px;top:90px;top:104px;width:232px}.profile-dialog .profile-dialog-container .dialog-header{display:flex;flex-direction:column;gap:4px;height:80px;justify-content:center;padding:8px 16px;text-align:left}.profile-dialog .profile-dialog-container .separator{background-color:#edf2f7;height:1px;margin:0 16px}.profile-dialog .profile-dialog-container .dialog-options{padding:8px 0}.profile-dialog .profile-dialog-container .dialog-option{cursor:pointer;display:flex;flex-direction:row;gap:12px;padding:12px 16px}.profile-dialog .profile-dialog-container .dialog-option:hover{background-color:#f7fafc}.profile-dialog .profile-dialog-container .dialog-bottom{align-items:center;display:flex;height:60px;justify-content:space-between;padding:8px 16px}.app-header{display:flex;flex-direction:row;height:128px;justify-content:space-between;padding:40px}.header-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.icon-group{display:flex;flex-direction:row;gap:16px}#header-message{position:relative}#message-dot{background-color:#ff4747;border:1.5px solid #fafafa;border-radius:50%;height:10px;position:absolute;right:8.5px;top:11.5px;width:10px}.header-icon{align-items:center;background-color:#fafafa;border-radius:24px;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.header-icon:hover{background-color:#edf2f7}.profile-wrapper{align-items:center;background-color:#fafafa;border-radius:24px;cursor:pointer;display:flex;flex-direction:row;gap:12px;height:48px;padding:0 8px}.profile-wrapper:hover{background-color:#e2e8f0}.profile-wrapper #profile-img{background-image:url(data:image/png;base64,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);border-radius:16px;height:32px;width:32px}#dashboard-container{gap:24px;height:calc(100vh - 128px);overflow:auto;padding:8px 40px 40px}.left-container{display:flex;flex-direction:column;float:left;gap:24px;width:calc(100% - 406px)}.first-row{display:flex;flex-direction:row;gap:16px;height:180px}.card-s{border:1px solid #edf2f7;border-radius:16px;flex-grow:1;overflow:hidden;position:relative}.card-s .card-s-text{left:20px;position:absolute;top:18px}.card-s .card-s-title{color:#718096;font-size:12px;text-align:left}.card-s .card-s-amount{color:#1a202c;font-size:20px}.card-s .card-s-icon{align-items:center;background:#fff;border:1px solid #edf2f7;border-radius:8px;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:18px;width:32px}.card-s .card-graph{bottom:16px;left:20px;position:absolute}.money-flow{border:1px solid #edf2f7;border-radius:16px;height:323px;overflow:hidden;position:relative}.money-flow #money-flow-chart{left:24px;position:absolute;top:82px}.chart-title{left:24px;position:absolute;top:29px}.chart-head{display:flex;justify-content:space-between;margin:24px;width:calc(100% - 48px)}.chart-filter{align-items:center;background-color:#fafafa;border-radius:8px;gap:4px;height:34px;padding:0 12px}.chart-filter,.third-row{display:flex;flex-direction:row}.third-row{gap:24px}.third-row .third-row-card{border:1px solid #edf2f7;border-radius:16px;float:left;height:297px;overflow:hidden;position:relative;width:calc(50% - 12px)}.third-row .stastics-graph-warpper{align-items:center;background:#fafafa;border-radius:12px;display:flex;justify-content:space-between;margin:0 24px;padding:24px 22px}.right-container{border:1px solid #edf2f7;border-radius:16px;float:left;margin-left:24px;width:382px}.wallet-title{margin-left:24px;margin-top:30px;text-align:left}.dashboard-wallet-card{background-color:#194bfb;border-radius:16px;box-shadow:0 50px 30px -40px rgba(25,75,251,.55);height:190.6px;margin:32px;width:318px}.wallet-action-group{display:flex;flex-direction:row;justify-content:space-between;margin:32px}.wallet-action-group .wallet-action-item{color:#718096;display:flex;flex-direction:column;gap:16px}.wallet-action-group .wallet-action-item .wallet-action-card{align-items:center;border:1px solid #edf2f7;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.separate-line{background-color:#edf2f7;height:1px;margin:32px 24px}.recent-head{align-items:center;display:flex;justify-content:space-between;margin:0 24px}.view-all{color:#718096}.recent-activity-list{display:flex;flex-direction:column;gap:8px;margin:0 24px;padding-bottom:24px;width:calc(100% - 48px)}.activity{height:64px;position:relative}.activity-icon{border-radius:24px;height:48px;margin-top:8px;width:48px}.activity-name{left:60px;position:absolute;top:10.5px}.activity-type{bottom:10.5px;color:#718096;left:60px;position:absolute}.activity-balance{position:absolute;right:0;top:10.5px}.activity-time{bottom:10.5px;color:#718096;position:absolute;right:0}.saving-inner-group{display:flex;flex-direction:column;gap:14px;margin:0 24px}.saving-inner-group .saving-inner-card{border:1px solid #edf2f7;border-radius:12px;overflow:hidden;padding:16px}.saving-inner-group .saving-inner-head{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.saving-inner-group .saving-inner-icon{align-items:center;background-color:#f3f3f3;border-radius:16px;display:flex;height:32px;justify-content:center;width:32px}.saving-inner-group .saving-inner-flex-colomn{display:flex;flex-direction:column;gap:2px;margin-left:12px;text-align:left}.saving-inner-group .income-change{color:#a0aec0}.saving-inner-group .inner-bar{border-radius:3px;height:6px;margin-top:13px;overflow:hidden}.saving-inner-group .inner-bar-cali{height:6px}.input-container{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:295px}.input-container svg{left:16px;position:absolute;top:14px}.input-container .search-input{border:1px solid #e2e8f0;border-radius:12px;height:48px;padding-left:48px;padding-right:16px;width:100%}.input-container ::-webkit-input-placeholder{color:#a0aec0}.input-container ::placeholder{color:#a0aec0}.input-container :-ms-input-placeholder{color:#a0aec0}.input-container ::-ms-input-placeholder{color:#a0aec0}.filter-container-on{color:#194bfb}.filter-container-on svg path{stroke:#194bfb;-webkit-text-stroke-color:#194bfb}.invoice-content{display:flex;flex-direction:column;gap:32px;height:calc(100vh - 128px);padding:0 0 32px}.invoice-table{height:calc(100% - 128px);margin:0 40px;overflow:hidden;text-align:left}.invoice-table .tb-header{border-bottom:1px solid #edf2f7;border-top:1px solid #edf2f7;color:#718096;display:flex;flex-direction:row;height:80px;text-align:left}.invoice-table .tb-header svg path{stroke:#718096}.invoice-table .tb-header div{gap:12px}.invoice-table .invoice-table-scroll{height:calc(100% - 80px);overflow:auto;padding-bottom:32px}.invoice-table .tr{border-bottom:1px solid #edf2f7;display:flex;flex-direction:row;height:95px}.invoice-table .currencywrapper{align-items:center;display:flex;flex-direction:row;gap:8px}.invoice-table .td1{align-items:center;display:flex;flex-direction:row;min-width:300px;width:300px}.invoice-table .td2{align-items:center;display:flex;flex-direction:row-reverse;min-width:100px;width:100px}.invoice-table .td{align-items:center;display:flex;flex-basis:0;flex-grow:1}.invoice-table .invoice-client,.invoice-table .invoice-date{color:#2d3748}.invoice-table .invoicew-id{color:#a0aec0}.invoice-table .action-btn{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;height:32px;justify-content:cen;width:32px}.invoice-table .status-pending{background:#fff7f5;color:#ff784b}.invoice-table .status-pending,.invoice-table .status-success{border-radius:8px;height:40px;line-height:40px;text-align:center;width:96px}.invoice-table .status-success{background:#f6fdf9;color:#22c55e}.invoice-table .business,.invoice-table .time{color:#718096}.invoice-table .table-content{height:calc(100% - 80px);overflow:scroll;padding-bottom:40px}.invoice-table .transactionGraphics{height:48px;margin-right:16px;width:48px}.invoice-table .btn-detail{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;height:40px;width:96px}.invoice-table .btn-detail:hover{background-color:#e8edff;border:1px solid #cbd5e0}.invoice-table .status-purple{background-color:#f7f5ff;color:#936dff}.invoice-table .status-orange,.invoice-table .status-purple{border-radius:8px;height:40px;line-height:40px;text-align:center;width:96px}.invoice-table .status-orange{background-color:#fff7f5;color:#ff784b}.invoice-table .status-green{background-color:#f6fdf9;color:#22c55e}.invoice-table .status-green,.invoice-table .status-yellow{border-radius:8px;height:40px;line-height:40px;text-align:center;width:96px}.invoice-table .status-yellow{background-color:#fffcf0;color:#facc15}.invoice-table-footer{display:flex;justify-content:space-between;margin:0 40px}.invoice-table-footer .footer-left{align-items:center;display:flex;flex-direction:row;gap:16px}.invoice-table-footer .footer-left .show-result{color:#a0aec0}.chat-list-item{cursor:default}.chat-list-item .thumb-img{background-repeat:no-repeat;background-size:cover;border-radius:50%;height:48px;width:48px}.chat-list-item .unread{background-color:#194bfb;border-radius:12px;color:#fff;height:24px;line-height:24px;min-width:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat-list-item .chat-message-content{text-align:left}.chat-list-item:hover{background-color:#e8edff}.chat-list-item-unselected{padding:20px 40px}.chat-list-item-selected{background-color:#fafafa;border-left:3px solid #194bfb;padding:20px 40px 20px 37px}.contact-list{border-right:1px solid #edf2f7;height:100%;padding-top:40px;position:absolute;width:340px}.contact-list .search-row{display:flex;margin:0 40px 24px}.contact-list .search-row .input-container{width:100%}.contact-list .chat-list{height:calc(100% - 72px);overflow:auto}.message-content{border-top:1px solid #edf2f7;height:calc(100vh - 128px);position:relative}.message-right-flex{display:flex;position:absolute;right:0;width:calc(100% - 340px)}.message-right-flex .single-contact{display:flex;flex-direction:column;flex-grow:1;height:calc(100vh - 128px)}.message-right-flex .single-contact .single-contact-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:row;justify-content:space-between;padding:24px}.message-right-flex .single-contact .single-contact-header .single-contact-avatar{border-radius:24px;height:48px;width:48px}.message-right-flex .single-contact .single-contact-header .online-status{color:#22c55e}.message-right-flex .single-contact .single-contact-header .header-buttons{display:flex;gap:16px}.message-right-flex .single-contact .single-contact-header .header-button{align-items:center;border:1px solid #edf2f7;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.message-right-flex .single-contact .single-contact-header .header-button:hover{background:#f7fafc}.message-right-flex .single-contact .message-scroll{flex-grow:1;overflow-y:auto}.message-right-flex .single-contact .message-container{overflow-y:scroll;padding:24px}.message-right-flex .single-contact .message-container .emoji-wrapper{align-items:center;background-color:#f7fafc;border:1px solid #936dff;border-radius:12px;display:flex;height:24px;justify-content:center;width:32px}.message-right-flex .single-contact .message-container .left-message-flex{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;padding-top:24px}.message-right-flex .single-contact .message-container .left-message-wrapper{align-items:center;display:flex;flex-direction:row;gap:16px;width:300px}.message-right-flex .single-contact .message-container .left-message-text{background-color:#f7fafc;border-radius:16px 16px 16px 4px;padding:16px;text-align:left;width:264px}.message-right-flex .single-contact .message-container .left-message-details{align-items:center;display:flex;flex-direction:row;gap:12px}.message-right-flex .single-contact .message-container .left-message-details .message-time{color:#a0aec0}.message-right-flex .single-contact .message-container .right-message-flex{align-items:flex-end;display:flex;flex-direction:column;gap:12px;padding-bottom:24px;padding-top:24px}.message-right-flex .single-contact .message-container .right-message-wrapper{align-items:center;display:flex;flex-direction:row-reverse;gap:16px;width:300px}.message-right-flex .single-contact .message-container .right-message-text{background-color:#194bfb;border-radius:16px 16px 4px 16px;color:#fff;padding:16px;text-align:left;width:264px}.message-right-flex .single-contact .message-container .right-message-details{align-items:center;display:flex;flex-direction:row-reverse;gap:12px}.message-right-flex .single-contact .message-container .right-message-details .message-time{color:#a0aec0}.message-right-flex .single-contact .message-bottom{bottom:0;padding:24px 24px 32px}.message-right-flex .single-contact .message-bottom .message-input{height:80px;margin-bottom:16px;padding:16px}.message-right-flex .single-contact .message-bottom .bottom-flex{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.message-right-flex .single-contact .message-bottom .bottom-flex .left-icons{display:flex;gap:12px}.message-right-flex .contact-person-detail{border-left:1px solid #e2e8f0;height:calc(100vh - 128px);overflow:auto;padding-bottom:40px;width:300px}.message-right-flex .contact-person-detail .close-button{align-items:center;background:#fff;border:1px solid #edf2f7;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:36px;top:28px;width:40px}.message-right-flex .contact-person-detail .close-button:hover{background:#f7fafc}.message-right-flex .contact-person-detail .portait-img{border-radius:50px;height:100px;width:100px}.message-right-flex .contact-person-detail .portrait-group{align-items:center;display:flex;flex-direction:column;gap:24px;margin-left:auto;margin-right:auto;margin-top:100px;-webkit-transform:translateX(-20px);transform:translateX(-20px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-right-flex .contact-person-detail .portrait-group .text-group{display:flex;flex-direction:column;gap:8px}.message-right-flex .contact-person-detail .portrait-group .text-group .person-org{color:#718096}.message-right-flex .contact-person-detail .recent-files-wrapper{margin:56px 40px 0 24px;text-align:left}.message-right-flex .contact-person-detail .recent-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.message-right-flex .contact-person-detail .recent-images-wrapper{margin:56px 40px 0 24px;text-align:left}.message-right-flex .contact-person-detail .recent-images{-webkit-columns:2;column-count:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px 12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between}.message-right-flex .contact-person-detail .recent-images img{border-radius:12px;width:111.5px}.wallet-content{height:calc(100vh - 128px)}.wallet-content .outline-card{border:1px solid #edf2f7;border-radius:16px;overflow:hidden;padding:24px}.wallet-content .balance-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:24px}.wallet-content .wallet-left{float:left;margin-left:40px;width:357px}.wallet-content .wallet-left .card-list{display:flex;flex-direction:column;gap:16px;margin-top:32px}.wallet-content .wallet-left .cardlist-title{align-items:center;display:flex;flex-direction:row;gap:8px}.wallet-content .wallet-left .cardlist-title .h6{color:#a0aec0}.wallet-content .wallet-left #manage-btn{color:#194bfb;justify-content:center}.wallet-content .wallet-left #manage-btn:hover{color:#003cbe}.wallet-content .wallet-right{float:left;margin-left:32px;width:calc(100% - 469px)}.wallet-content .wallet-right .link-header{display:flex;flex-direction:row;justify-content:space-between}.wallet-content .wallet-right .link-wrapper{display:flex;gap:16px;margin-top:16px}.wallet-content .wallet-right .link-wrapper .link-card{align-items:center;border:1px solid #edf2f7;border-radius:12px;display:flex;flex-direction:column;flex-grow:1;gap:8px;height:92px;justify-content:center;padding:12px}.wallet-content .wallet-right .status-wrapper{display:flex;gap:32px;height:72px;margin:32px 32px 32px 24px}.wallet-content .wallet-right .status-wrapper .status-cell{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;gap:8px;justify-content:center;text-align:left}.wallet-content .wallet-right .status-wrapper .status-cell .status-cell-title{color:#718096}.wallet-content .wallet-right .status-wrapper .date-filter{background-color:#fafafa;border-radius:8px;padding:12px 8px}.wallet-content .wallet-right .status-wrapper .status-sep{background-color:#edf2f7;height:64px;width:1px}.wallet-content .wallet-right .stat-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.wallet-content .wallet-right .stat-header .toggle-item{align-items:center;display:flex;flex-direction:row;gap:8px}.wallet-content .wallet-right .stat-header .right-wrap{align-items:center;display:flex;flex-direction:row}.wallet-content .wallet-right #stastic-graph{margin:16px 24px 24px}.wallet-content .wallet-right .date-filter{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.wallet-content .wallet-right .right-fourth-row{display:flex;flex-direction:row;gap:24px;margin-top:32px}.wallet-content .wallet-right .right-fourth-row .outline-card{flex-grow:1;height:227px;padding:24px;text-align:left}.wallet-content .wallet-right .right-fourth-row .currency-item{display:flex;flex-direction:row;justify-content:space-between;padding:12px 0}.wallet-content .wallet-right .right-fourth-row .conversion{display:flex;flex-direction:column;gap:24px}.wallet-content .wallet-right .right-fourth-row .conversion .grow{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.wallet-content .wallet-right .right-fourth-row .conversion .row{display:flex;flex-direction:row;gap:12px}.wallet-content .wallet-right .right-fourth-row .conversion .currency-selector{align-items:center;border:1px solid #edf2f7;border-radius:12px;display:flex;flex-direction:row;gap:4px;height:56px;justify-content:center;width:80px}.wallet-content .wallet-right .right-fourth-row .conversion .input-box{border:1px solid #edf2f7;border-radius:12px;flex-grow:1;height:56px}.trans-detail-dialog{background-color:#fff;box-shadow:-25px 25px 50px hsla(222,8%,66%,.04);height:100%;position:fixed;right:0;top:0;width:449px}.detail-header{border-bottom:1px solid #edf2f7;padding:32px 32px 24px}.detail-header-left{align-items:center;display:flex;flex-direction:row;gap:16px}.detail-header-right{position:absolute;right:32px;top:32px}.icon-btn{align-items:center;background-color:#fafafa;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.btn-back:hover svg path{stroke:#194bfb}.icon-btn:hover{background-color:#f7fafc}.trans-bg{background:hsla(0,0%,100%,0);height:100%;left:0;position:fixed;top:0;width:100%}.detail-content{height:calc(100vh - 97px);overflow:auto;padding-bottom:32px}.detail-content .detail-hero{margin-top:56px}.detail-content .detail-content-detail{margin-top:64px}.detail-content .detail-content-chart{margin-top:48px}.content-scroll{overflow:auto}.transaction-content{display:flex;flex-direction:column;gap:32px;height:calc(100vh - 128px);min-width:1030px}.search-row{display:flex;height:48px;justify-content:space-between;margin:0 40px}.btn-group{display:flex;flex-direction:row;gap:16px}.search-row-btn{nav-index:1;tab-index:1;align-items:center;border:1px solid #e2e8f0;border-radius:12px;color:#1a202c;cursor:pointer;display:flex;gap:8px;height:48px;padding:0 16px}.search-row-btn:hover{background-color:#f7fafc}.search-row-btn:focus-visible{outline:1px auto #194bfb}.filter-btn-on{color:#194bfb}.filter-btn-on svg path{stroke:#194bfb}.transaction-fitlers{display:flex;flex-direction:row;gap:24px;margin:0 40px}.transaction-fitlers .filter-item{color:#718096;display:flex;flex-basis:0;flex-direction:column;flex-grow:1;gap:12px}.transaction-fitlers .filter-title{text-align:left}.transaction-fitlers .filter-selector{align-items:center;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:row;height:48px;justify-content:space-between;padding:0 16px}.transaction-table{height:100%;margin:0 40px;overflow:hidden;text-align:left}.transaction-table .tb-header{border-bottom:1px solid #edf2f7;border-top:1px solid #edf2f7;color:#718096;display:flex;flex-direction:row;height:80px;text-align:left}.transaction-table .tb-header svg path{stroke:#718096}.transaction-table .tb-header div{gap:12px}.transaction-table .tr{border-bottom:1px solid #edf2f7;display:flex;flex-direction:row;height:95px}.transaction-table .tdwrapper{display:flex;flex-direction:column;gap:4px;justify-content:center}.transaction-table .td1{align-items:center;display:flex;flex-direction:row;min-width:300px;width:300px}.transaction-table .td{align-items:center;display:flex;flex-basis:0;flex-grow:1}.transaction-table .status-pending{background:#fff7f5;color:#ff784b}.transaction-table .status-pending,.transaction-table .status-success{border-radius:8px;height:40px;line-height:40px;text-align:center;width:96px}.transaction-table .status-success{background:#f6fdf9;color:#22c55e}.transaction-table .business,.transaction-table .time{color:#718096}.transaction-table .table-content{height:calc(100% - 80px);overflow:scroll;padding-bottom:40px}.transaction-table .transactionGraphics{border-radius:50%;height:48px;margin-right:16px;width:48px}.transaction-table .btn-detail{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;height:40px;width:96px}.transaction-table .btn-detail:hover{background-color:#e8edff;border:1px solid #cbd5e0}.recipients-content{height:calc(100vh - 176px);margin:0 40px;padding-top:32px}.right-btns{display:flex;flex-direction:row;gap:16px}.recipients-table{height:100%;margin:0;overflow:hidden;text-align:left}.recipients-table .tb-header{border-bottom:1px solid #edf2f7;border-top:1px solid #edf2f7;color:#718096;display:flex;flex-direction:row;height:80px;text-align:left}.recipients-table .tb-header svg path{stroke:#718096}.recipients-table .tb-header div{gap:12px}.recipients-table .recipients-table-scroll{height:calc(100% - 80px);overflow:auto;padding-bottom:32px}.recipients-table .tr{border-bottom:1px solid #edf2f7;display:flex;flex-direction:row;height:95px}.recipients-table .currencywrapper{align-items:center;display:flex;flex-direction:row;gap:8px}.recipients-table .td1{align-items:center;display:flex;flex-direction:row;min-width:300px;width:300px}.recipients-table .td{align-items:center;display:flex;flex-basis:0;flex-grow:1}.recipients-table .narrow{flex-grow:.6}.recipients-table .status-pending{background:#fff7f5;color:#ff784b}.recipients-table .status-pending,.recipients-table .status-success{border-radius:8px;height:40px;line-height:40px;text-align:center;width:96px}.recipients-table .status-success{background:#f6fdf9;color:#22c55e}.recipients-table .business,.recipients-table .time{color:#718096}.recipients-table .table-content{height:calc(100% - 80px);overflow:scroll;padding-bottom:40px}.recipients-table .transactionGraphics{height:48px;margin-right:16px;width:48px}.recipients-table .btn-detail{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;height:40px;width:96px}.recipients-table .btn-detail:hover{background-color:#e8edff;border:1px solid #cbd5e0}.main-layout{display:flex;flex-direction:row;height:100vh;width:100%}.content{flex-grow:1;overflow:hidden}
/*# sourceMappingURL=main.41edee10.css.map*/