.navbar-container{min-height:10vh;justify-content:space-between;padding:0 30px;top:0;position:fixed;z-index:1;width:100%;border-bottom:1px solid #e0e0e0}.navbar-container,.navbar-container .logo-sec{display:flex;align-items:center}.navbar-container .logo-sec .menu-icon svg{cursor:pointer;background:#eee;padding:10px;border-radius:4px;font-size:40px;transition:.3s!important}.navbar-container .password-input-container{width:350px}.navbar-container .password-input-container svg{font-size:15px!important}.navbar-container .password-input-container .toggle-password-visibility{right:25px}.navbar-container input{border-radius:24px;border:.5px solid #757577!important}.navbar-container .icon-cnt{display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:400!important}.navbar-container .icon-cnt .view-store{cursor:pointer;padding:10px;border-radius:8px;border:1px solid var(--primary-color);color:var(--primary-color);font-weight:600}.navbar-container .icon-cnt svg{stroke-width:.1!important;font-size:42px!important;cursor:pointer;background:#eee;padding:10px;border-radius:8px}.navbar-container .icon-cnt img{height:35px;width:35px;border-radius:50%}@media (max-width:670px){.navbar-container{padding:0 10px}.navbar-container .logo-sec{gap:15px}.navbar-container .logo-sec .menu-icon svg{padding:5px;font-size:33px}.navbar-container .icon-cnt svg{font-size:32px!important;padding:7px}.navbar-container .icon-cnt img{height:30px;width:30px}}.business-dropdown-container .business-dropdown{background:#eee;color:#000;border:none;font-size:14px;display:flex;gap:5px;align-items:center;cursor:pointer;padding:10px 15px;border-radius:8px;font-weight:500;z-index:999!important}.business-dropdown-container .business-dropdown:active{background:#eee!important;color:#000}.business-dropdown-container .dropdown-menu{background:#fff!important;border:none;z-index:999!important}.business-dropdown-container .dropdown-item{font-size:13px;font-weight:500;gap:5px}.business-dropdown-container .dropdown-item img{width:25px;height:25px;border-radius:50%}.business-dropdown-container .create-business-btn{padding:10px 15px;border-top:1px solid #e0e0e0;margin-top:10px;display:flex;align-items:center;gap:5px}.business-dropdown-container .create-business-btn svg{padding:0;background:none;font-size:16px!important}@media (max-width:670px){.business-dropdown-container .business-dropdown,.business-dropdown-container .dropdown-menu{width:100%}.business-dropdown-container .dropdown-item img{width:25px;height:25px}}.dashboard-layout{overflow-x:hidden}.dashboard-container{min-height:90vh;max-height:90vh;overflow-y:scroll;padding:10px 30px 100px}.dashboard-layout .mt-70{margin-top:80px}@media (max-width:670px){.dashboard-layout .mt-70{margin-top:90px}.dashboard-container{padding-top:0}}.sidebar-wrapper{transition:transform .3s ease-in-out;position:relative;transform-origin:left;will-change:transform}.sidebar-collapsed{transform:translateX(-100%)}.sidebar-expanded{transform:translateX(0)}.col-md-10,.col-md-12{transition:width .3s ease-in-out}.row{position:relative}.notification-title{font-size:18px!important}.app-notification{scrollbar-width:none}.app-notification .notification-tabs{border-bottom:1px solid #d3d3d3;padding-bottom:0;display:flex;align-items:bottom;gap:15px}.app-notification .notifcation-tab{padding-bottom:10px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.app-notification .notifcation-tab .notif-badge{width:5px;height:5px;border-radius:50%}.app-notification .notification-tabs .active{border-bottom:2px solid var(--primary-color)}.app-notification .notification-content{margin-top:20px}.notif-card{border:none;border-radius:16px;margin-bottom:10px}.notif-card .notif-title{font-size:20px;font-weight:600}.notif-card .notif-body{margin-top:10px;font-size:14px;line-height:25px}.notif-card .notif-body img{margin-top:15px;max-width:100%;border-radius:16px;object-fit:cover}.notif-card .notif-header{margin-bottom:15px!important;display:flex;align-items:center;justify-content:space-between}.notif-card .notif-header .notif-timestamp{width:fit-content;border:1px solid #d3d3d3;font-size:10px;font-weight:600;border-radius:16px;padding:3px 8px!important}.notif-card .notif-header svg{font-size:20px;cursor:pointer}.notif-card .notification-actions{margin-top:10px;display:flex;align-items:center;gap:10px}.notif-card .notification-actions .notif-action{display:flex;align-items:center;cursor:pointer;color:var(--primary-color);font-weight:600}.load-more{margin-top:30px;display:flex;align-items:center;justify-content:center}.load-more .primary-btn-outline{width:fit-content;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:30px}.no-cnt-container{min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin-top:30px;width:100%}.no-cnt-container svg{font-size:30px;color:var(--primary-color)}.no-cnt-container .title{font-size:20px;font-weight:600}.no-cnt-container p{font-size:13px}@media (max-width:670px){.no-cnt-container{min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}.no-cnt-container svg{font-size:25px;color:var(--primary-color)}.no-cnt-container .title{font-size:18px;font-weight:600}.no-cnt-container p{font-size:13px;width:80%;text-align:center;line-height:25px}}.qr-modal .title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}.qr-modal .qr-body{display:flex;flex-direction:column;align-items:center}.qr-modal img{width:50%;margin:0 auto}.qr-modal h6{text-align:center;font-weight:600;margin-top:20px;font-weight:15px}.qr-modal p{text-align:center;font-weight:500;margin-top:15px!important;font-size:14px;color:#757577}.pro-required{display:flex;flex-direction:column;align-items:center}.pro-required .icon-container{height:60px;width:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-size:32px}.pro-required .title{font-weight:600;font-size:17px!important;color:#000}.pro-required .text-container{line-height:25px}.revenue-analytics-container{margin-top:30px}.revenue-analytics-container .card{border:none;min-height:100%;border-radius:16px}.revenue-chart{padding:20px;width:100%;box-sizing:border-box}.revenue-chart .title{font-size:18px;margin-bottom:30px;padding-bottom:20px;color:#000;border-bottom:.5px solid}.revenue-chart .stats{display:flex;gap:35px;margin-bottom:30px}.revenue-chart .stats .stat-item{display:flex;gap:18px;align-items:start;justify-content:start;flex-direction:column;text-align:start}.revenue-chart .stats .stat-item .stat-label{display:flex;align-items:center;gap:10px}.revenue-chart .stats .stat-item .stat-label div{width:14px;height:14px;border-radius:50%}.revenue-chart .stat-value{font-size:17px;font-weight:600;color:var(--primary-color)}.revenue-chart .stat-label{font-size:14px;color:#757577;font-weight:600}.revenue-chart .chart-container{width:100%;height:300px;box-sizing:border-box}.discount-analytics-container{margin-top:30px}.discount-analytics-container .card{border:none;border-radius:16px;min-height:100%}.discount-chart-container .chart{margin-top:30px;height:50vh}.discount-chart-container .cnt-txt{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.discount-chart-container .cnt-txt h1{font-size:18px;font-weight:600}.discount-chart-container .cnt-txt .filters{display:flex;align-items:center;gap:20px}.discount-chart-container .cnt-txt .filters select{font-size:12px}.sales-report-container .card{border:none;min-height:100%;border-radius:16px}.sales-chart-container .chart{margin-top:30px}.sales-chart-container .cnt-txt{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.sales-chart-container .cnt-txt h1{font-size:18px;font-weight:600}.sales-chart-container .cnt-txt .filters{display:flex;align-items:center;gap:20px}.sales-chart-container .cnt-txt .filters select{font-size:12px}.last-7-days-sales{width:300px}.last-7-days-sales .title{font-size:18px;font-weight:600;margin-bottom:10px;color:#000}.last-7-days-sales .stats{display:flex;flex-direction:column;gap:10px;justify-content:start;margin:25px 0}.last-7-days-sales .stat-value{font-size:17px;font-weight:600;color:var(--primary-color);text-align:start}.last-7-days-sales .stat-label{font-size:13px;font-weight:600;color:#6b7280;text-align:start;margin-bottom:5px}.last-7-days-sales .chart-container{margin-top:10px;height:200px}.analytics-container .card{border:none;border-radius:16px}.products-tab .card{margin-bottom:30px}.products-tab .icon-cnt{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.product-sold-chart .sold-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.product-sold-chart .sold-nav h3{padding:0;margin:0}.product-sold-chart .sold-nav select{width:100px;font-size:12px}.product-sold-chart .title{font-size:18px;font-weight:600;color:#000}.product-sold-chart .stats{display:flex;flex-direction:column;gap:10px;justify-content:start}.product-sold-chart .stat-value{font-size:15px;font-weight:600;color:var(--primary-color);text-align:start}.product-sold-chart .stat-label{font-size:13px;font-weight:600;color:#6b7280;text-align:start;margin-bottom:5px}.product-sold-chart .chart-container{margin-top:30px;height:200px}.selling-container{margin-top:20px}.selling-container .card{min-height:40vh}.selling-container .selling-txt{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.selling-container .selling-txt h2{font-size:17px;font-weight:600;margin:0;padding:0}.selling-container .selling-txt a{font-size:15px;display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--primary-color)}.selling-container .selling-txt a:hover{transform:scale(1.07);transition:.3s}.selling-container .selling-txt a svg{font-size:12px}.selling-container .selling-table{margin-top:25px}.selling-container .selling-table thead th{color:var(--primary-color);font-weight:500;font-size:15px}.selling-container .selling-table tbody tr th .title-img{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}.selling-container .selling-table tbody td{font-weight:500}.selling-container .selling-table tbody th img{width:60px;height:60px;border-radius:50%;object-fit:cover}@media (max-width:670px){.selling-container .selling-table{margin-top:25px}.selling-container .selling-table thead th{color:var(--primary-color);font-weight:500;font-size:15px;text-wrap:nowrap}.selling-container .selling-table tbody tr th .title-img{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}.selling-container .selling-table tbody td{font-weight:500;text-wrap:nowrap}.selling-container .selling-table tbody th img{width:40px;height:40px}}.customer-chart .customer-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.customer-chart .customer-nav h3{padding:0;margin:0}.customer-chart .customer-nav select{width:100px;font-size:12px}.customer-chart .title{font-size:18px;font-weight:600;color:#000}.customer-chart .stats{display:flex;flex-direction:column;gap:10px;justify-content:start}.customer-chart .stat-value{font-size:15px;font-weight:600;color:var(--primary-color);text-align:start}.customer-chart .stat-label{font-size:13px;font-weight:600;color:#6b7280;text-align:start;margin-bottom:5px}.customer-chart .chart-container{margin-top:30px;height:200px}.customer-region-chart .customer-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.customer-region-chart .customer-nav h3{padding:0;margin:0}.customer-region-chart .customer-nav select{width:100px;font-size:12px}.customer-region-chart .title{font-size:18px;font-weight:600;color:#000}.customer-region-chart .stats{display:flex;flex-direction:column;gap:10px;justify-content:start}.customer-region-chart .stat-value{font-size:15px;font-weight:600;color:var(--primary-color);text-align:start}.customer-region-chart .stat-label{font-size:13px;font-weight:600;color:#6b7280;text-align:start;margin-bottom:5px}.customer-region-chart .chart-container{margin-top:30px;height:400px}.customer-state-chart .customer-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.customer-state-chart .customer-nav h3{padding:0;margin:0}.customer-state-chart .customer-nav select{width:100px;font-size:12px}.customer-state-chart .title{font-size:18px;font-weight:600;color:#000}.customer-state-chart .stats{display:flex;flex-direction:column;gap:10px;justify-content:start}.customer-state-chart .stat-value{font-size:15px;font-weight:600;color:var(--primary-color);text-align:start}.customer-state-chart .stat-label{font-size:13px;font-weight:600;color:#6b7280;text-align:start;margin-bottom:5px}.customer-state-chart .chart-container{margin-top:30px;height:400px}.customer-city-chart .customer-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.customer-city-chart .customer-nav h3{padding:0;margin:0}.customer-city-chart .customer-nav select{width:100px;font-size:12px}.customer-city-chart .title{font-size:18px;font-weight:600;color:#000}.customer-city-chart .stats{display:flex;flex-direction:column;gap:10px;justify-content:start}.customer-city-chart .stat-value{font-size:15px;font-weight:600;color:var(--primary-color);text-align:start}.customer-city-chart .stat-label{font-size:13px;font-weight:600;color:#6b7280;text-align:start;margin-bottom:5px}.customer-city-chart .chart-container{margin-top:30px;height:400px}.dashboard-quick-action{min-height:30vh;margin-top:30px;border-radius:16px;padding:20px;background:#fff}.dashboard-quick-action .action-bg-primary{color:var(--primary-color);background:#e9eaf3}.dashboard-quick-action .action-bg-warning{color:var(--yellow);background:#fdf2df}.dashboard-quick-action .action-bg-danger{color:var(--red);background:#ffe6e7}.dashboard-quick-action .action-bg-success{background:#e6f2dd;color:var(--green)}.dashboard-quick-action .action-bg-secondary{background:#949494;color:#fff}.dashboard-quick-action .text{font-size:20px;font-weight:600}.dashboard-quick-action .actions-cnt{padding-top:30px}.dashboard-quick-action .actions-cnt .action{display:flex;flex-direction:column;gap:18px;align-items:center;cursor:pointer}.dashboard-quick-action .actions-cnt .action .icon-container{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px}.dashboard-quick-action .actions-cnt .action h3{font-size:13px;font-weight:400}@media (max-width:670px){.dashboard-quick-action{padding:20px 15px}.dashboard-quick-action .text{font-size:18px;font-weight:600}}.add-category-cnt{border-top-left-radius:20px;border-bottom-left-radius:20px;padding:0 10px;width:40%!important}.add-category-cnt .header{border-bottom:1px solid var(--gray-1);padding:20px 5px}.add-category-cnt .title{font-size:18px;font-weight:600}.add-category-cnt .body{padding:20px 5px}.add-category-cnt label{font-weight:600;font-size:14px}.image-slide{width:100%}.image-slide img{height:100%!important;object-fit:cover!important}.image-slide .slider-1{height:250px;max-height:250px}.image-slide .slider,.image-slide .slider-1{background:#ebebeb;border-radius:4px;display:flex;align-items:center}.image-slide .slider{height:70px;max-height:70px}.image-slide .mySwiper2{--swiper-pagination-color:"#fff"!important;--swiper-navigation-color:"#fff"!important;border-radius:10px}.image-slide .mySwiper{border-radius:8px}.product-card{border:none;border-radius:8px;margin-top:40px}.product-image{width:300px;object-fit:cover;border-radius:10px;background:var(--gray-color)}.product-details{display:flex;flex-direction:column;gap:15px;height:100%}.product-ratings{display:flex;align-items:center;gap:5px}.product-ratings svg{color:var(--yellow)}.product-title{font-size:24px;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.product-category{font-size:14px;color:#757577;font-weight:500;margin-bottom:1rem;display:flex;align-items:center;gap:5px}.product-price{font-weight:600}.variation-title{font-size:14px;font-weight:600}.variation-item{display:flex;align-items:center;gap:10px}.variation-item div{border:1px solid #d9d9d9;font-size:13px;padding:8px 15px;border-radius:4px}.product-description{font-size:14px;color:#555;margin-bottom:1.5rem}.action-buttons .btn{margin-top:15px;font-size:13px}.table-borderless td,.table-borderless th{border:none}.table-borderless th{font-weight:700}.table-borderless td{font-size:14px}.text-danger{color:#dc3545!important}.products-card-container .reviews-container{border:none;border-radius:16px}.products-card-container .reviews-container .header{font-size:16px;font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--gray-1);margin-bottom:15px}.products-card-container .reviews-container .review{border-bottom:1px solid var(--gray-1);padding-bottom:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.products-card-container .reviews-container .review .name{padding:0;margin:0;font-size:15px;font-weight:600}.products-card-container .reviews-container .review .rating{display:flex;align-items:center;gap:8px}.products-card-container .reviews-container .review svg{color:#eca62c}.products-card-container .reviews-container .review .date{color:#757477;font-weight:600}@media (max-width:670px){.product-details{gap:15px}.action-buttons{padding-bottom:15px;border-bottom:1px solid var(--gray-1)}.action-buttons .btn{font-size:13px}}.page-nav{display:flex;gap:5px;align-items:center;justify-content:start}.page-nav h1{font-size:25px!important;padding:0!important;margin:0!important;cursor:pointer}@media (max-width:670px){.page-nav h1{font-size:18px!important}}.profile-container .card{border:none;margin-top:30px;padding:30px 0}.profile-container .card form{width:70%;margin:0 auto}@media (max-width:670px){.profile-container .card form{width:100%}}.profile-container .card form label{font-weight:600}.profile-container .card form .alert{gap:10px}.payment-settings-container .intro{margin:20px 0}.payment-settings-container .tabs{display:flex;align-items:center;font-size:13px;background:var(--light-gray);border-radius:8px;width:fit-content;padding:5px;gap:5px}.payment-settings-container .item{padding:10px 15px;cursor:pointer;border-radius:4px}.payment-settings-container .tabs .active{background:var(--primary-color);color:#fff;transition:.5s}.payment-settings-container .methods{margin-top:10px}.payment-settings-container .card{margin-top:20px}.payment-settings-container .methods .gateway{border:none;border-radius:16px;min-height:30vh;cursor:pointer}.payment-settings-container .methods .gateway .card-body{display:flex;flex-direction:column;align-items:start;justify-content:center}.methods .gateway .title{justify-content:space-between;font-weight:600;width:100%;padding-bottom:10px;border-bottom:1px solid var(--gray-1)}.methods .gateway .title,.methods .gateway .title .cnt{display:flex;align-items:center;gap:10px}.methods .w-40{width:40%}.methods .gateway .title .status{border:1px solid;color:var(--green)}.methods .gateway .title img{height:40px;width:40px;border-radius:4px}.methods .gateway .description{margin:15px 0;color:var(--gray-text);min-height:80px}.methods .gateway .connect-btn{cursor:pointer;display:flex;gap:5px;align-items:center;border:1px solid var(--gray-1);border-radius:8px;width:fit-content;padding:5px 7px;font-size:13px}.payment-settings-container .methods .bank-account{border:none;border-radius:16px;cursor:pointer}.payment-settings-container .methods .bank-account .heading{display:flex;align-items:center;justify-content:space-between}.payment-settings-container .methods .bank-account .heading img{height:45px;width:60px}.payment-settings-container .methods .bank-account .heading .number{font-weight:600;font-size:20px}.payment-settings-container .methods .bank-account .bank{font-size:16px;font-weight:600;margin-top:20px;border-bottom:1px solid var(--gray-1);padding-bottom:15px}.payment-settings-container .methods .bank-account .name{margin-top:15px;font-weight:500;font-size:16px}.payment-settings-container .methods .bank-account .edit{width:fit-content;border-radius:8px;margin-top:20px;padding:7px;display:flex;gap:8px;align-items:center;justify-content:start;font-size:15px;border:1px solid var(--primary-color);color:var(--primary-color)}.loading-bank{display:flex;align-items:center;justify-content:center;min-height:20vh}.gatewaymodal .modal-header{border:none!important;padding-bottom:5px}.gatewaymodal .cnt{display:flex;flex-direction:column;gap:15px}.gatewaymodal .cnt .logo{width:100%;display:flex;align-items:center;justify-content:center}.gatewaymodal .cnt .logo img{width:80px;border-radius:8px}.gatewaymodal .cnt .title h1{text-align:center;font-size:20px}.gatewaymodal .cnt .description{text-align:center;color:var(--gray-text)}.gatewaymodal .cnt .form-cnt label{font-size:12px;font-weight:500}.notification-tab .options{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.notification-tab .setting-row{cursor:pointer;width:100%;color:#000;padding-bottom:15px;border-bottom:1px solid #d9d9d9}.notification-tab .setting-row .title{font-size:15px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:10px}.notification-tab .setting-row .title svg{font-size:13px}.shipping-tab .nav{display:flex;align-items:center;justify-content:space-between}.shipping-tab .nav h2{font-size:15px;font-weight:600}.shipping-tab .nav .primary-btn{width:fit-content}.shipping-tab .shipping-options{display:flex;flex-direction:column;gap:10px;padding-top:30px}.shipping-tab .shipping-options .option{display:flex;align-items:center;justify-content:space-between;border-radius:16px;padding:20px 15px;background:#fff;cursor:pointer}.shipping-tab .shipping-options .option:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.shipping-tab .shipping-options .option .cnt{display:flex;align-items:center;gap:20px}.shipping-tab .shipping-options .option .icon{width:40px;height:40px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:20px}.shipping-modal .modal-title{font-size:15px;font-weight:600}.shipping-modal form label{font-size:13px;font-weight:600}.shipping-modal form .alert{gap:10px}.subscription-card .intro{display:flex;align-items:center;justify-content:space-between}.subscription-card .intro h2{cursor:pointer;font-size:13px;background:var(--light-gray);color:#757477;padding:7px 12px;border-radius:18px}.subscription-card .intro .renew-toggle{display:flex;align-items:center;gap:30px;cursor:pointer}.subscription-card .intro .renew-toggle p{padding:0!important;margin:0!important;font-weight:600}.subscription-card .intro .form-switch{padding:10px!important;margin:0!important;display:flex;align-items:center;justify-content:center}.subscription-card .plan-details{display:flex;flex-direction:column;margin-top:20px;gap:10px}.subscription-card .plan-details h2{font-size:16px;font-weight:600}.subscription-card .plan-details .price-duration{font-weight:600}.subscription-card .plan-details .renewal-date{font-size:13px;font-weight:500}.subscription-card .plan-details .feature-list{padding:0;margin:10px 0;list-style:none;color:var(--gray-text);display:flex;flex-direction:column;gap:10px;font-weight:500}.subscription-card .primary-btn{width:fit-content}.card-details{cursor:pointer}.card-details .cnt{display:flex;align-items:center;gap:15px}.card-details .card-body{display:flex;justify-content:space-between;align-items:center}.card-details .cnt img{width:60px;height:46px}.card-details .cnt .texts{display:flex;flex-direction:column}.card-details .cnt .texts h2{font-size:14px;font-weight:500}.card-details .cnt .texts p{font-size:13px;font-weight:500}.billing-history h2{font-size:18px;font-weight:600}.update-card-modal h2{font-size:14px;font-weight:600;margin-bottom:30px;border-bottom:1px solid #d9d9d9;width:fit-content;padding-bottom:10px}.staff-modal .offcanvas-body{max-width:100%!important;overflow-x:hidden}.staff-modal .staff-modal-title{font-weight:600}.staff-modal .btn-close{color:#000!important}.staff-modal .staff-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.staff-modal .staff-profile img{width:96px;height:96px;border-radius:50%}.staff-modal .staff-profile h6{font-weight:600}.staff-modal .staff-profile p{color:var(--gray-text)}.staff-modal .staff-document{margin-top:10px}.staff-modal .staff-document h5{font-weight:600;font-size:15px;margin:10px 0}.staff-modal .staff-document .document{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border-color:#e4e4e4;border-radius:12px;background:#f7f7f7;margin-bottom:8px}.staff-modal .staff-document .document span{font-weight:500;text-decoration:underline;cursor:pointer}.staff-modal .staff-document .document img{width:28px;height:28px}.staff-modal .staff-information{margin-top:15px;padding-bottom:30px}.staff-modal .staff-information .info-container{border-radius:12px;border-color:var(--gray-1)}.staff-modal .staff-information h5{font-weight:600;font-size:15px}.staff-modal .staff-information .info-container{padding:10px;height:100%}.staff-modal .staff-information .info-container .section{margin-top:10px;padding-bottom:10px;border-bottom:1px solid var(--gray-1);display:flex;flex-direction:column;gap:8px}.staff-modal .staff-information .info-container .section .title{font-size:13px;color:#757477}.staff-modal .staff-information .info-container .section .desc{font-size:12px;font-weight:600}.custom-pagination-container{min-height:5vh;display:flex;align-items:center;justify-content:space-between}.custom-pagination-container .pagination-nav{display:flex;align-items:center;gap:20px}.custom-pagination-container p{font-size:13px;color:var(--gray-text);font-weight:500}.custom-pagination-container .pagination-nav h6{padding:0;margin:0;cursor:pointer;font-size:15px}.custom-pagination-container .pagination-nav ul{display:flex;gap:15px;align-items:center;padding:0;margin:0}.custom-pagination-container .pagination-nav ul li{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;padding:5px 12px;border-radius:4px}.custom-pagination-container .pagination-nav ul li:hover{background:var(--primary-color-opacity-50)}.custom-pagination-container .pagination-nav ul .active{background:var(--primary-color);color:#fff}.custom-pagination-container .pagination-nav .disabled{color:var(--gray-text)}@media (max-width:670px){.custom-pagination-container{min-height:5vh;display:flex;gap:15px;flex-direction:column;align-items:start;justify-content:start}.custom-pagination-container .pagination-nav{display:flex;align-items:center;gap:20px}.custom-pagination-container p{font-size:13px;color:var(--gray-text);font-weight:500}.custom-pagination-container .pagination-nav h6{padding:0;margin:0;cursor:pointer;font-size:15px}.custom-pagination-container .pagination-nav ul{display:flex;gap:15px;align-items:center;padding:0;margin:0}.custom-pagination-container .pagination-nav ul li{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;padding:5px 12px;border-radius:4px}.custom-pagination-container .pagination-nav ul li:hover{background:var(--primary-color-opacity-50)}.custom-pagination-container .pagination-nav ul .active{background:var(--primary-color);color:#fff}.custom-pagination-container .pagination-nav .disabled{color:var(--gray-text)}}.loading-content-container{min-height:30vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.loading-content-container h2{font-size:15px}.loading-content{width:50px;aspect-ratio:1;display:grid;border-radius:50%;border:4px solid #0000;border-right-color:#2a2a87;animation:l15 1s linear infinite}.loading-content:after,.loading-content:before{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;animation:l15 2s infinite}.loading-content:after{margin:8px;animation-duration:3s}@keyframes l15{to{transform:rotate(1turn)}}@media (max-width:670px){.loading-content{width:50px;height:50px;aspect-ratio:1;display:grid;border-radius:50%;border:3px solid #0000;border-right-color:#2a2a87;animation:l15 1s linear infinite}}