*{padding:0;margin:0;box-sizing:border-box;scrollbar-width:none;font-family:Arial,sans-serif;scroll-behavior:smooth}:disabled{cursor:not-allowed!important}.disabled{cursor:not-allowed!important;pointer-events:none}.loaderWrapper{display:flex;align-items:center;justify-content:center}.app-container{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.main-content{width:100%;height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;margin-left:260px;background-color:#f5f5f5}.icon{font-size:0px}[data-sonner-toast]{background-color:#1e293b!important;color:#f1f5f9!important;border-radius:10px}[data-sonner-toast][data-type=success]{background-color:#00af4e!important}[data-sonner-toast][data-type=error]{background-color:#dc2626!important}[data-sonner-toast][data-type=warning]{background-color:#f59e0b!important;color:#fff!important}[data-sonner-toast][data-type=info]{background-color:#3b82f6!important;color:#fff!important}.mobile-topbar-container{position:absolute;top:0;left:0;width:100vw;background:linear-gradient(180deg,#0265a1,#0288d1)!important;display:none;align-items:center;justify-content:space-between;padding:12px}.mobile-topbar-container>.sidebar-logo{height:36px;width:36px}.mobile-topbar-container>button{font-size:0px;border:none;background:transparent;color:#fff}.sidebar-container{position:fixed;top:0;left:0;width:260px;height:100vh;transition:.3s;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #e4e7ec;z-index:100;overflow-y:auto}.sidebar-desktop-closed{width:65px}.main-content-half-sidebar{margin-left:65px}.mobile-sidebar-container{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:15px 10px}.sidebar-header>div{width:fit-content}.sidebar-logo{height:50px}.sidebar-close-btn{font-size:0px;border:1px solid #0367a3;color:#0367a3;background:#0367a317;border-radius:3px;cursor:pointer;padding:3px}.sidebar-close-btn>span{display:inline-block;transition:.3s}.sidebar-close-btn:hover>.right-arrow{transform:translate(2px)}.sidebar-close-btn:hover>.left-arrow{transform:translate(-2px)}.mobile-sidebar-close-btn{display:none}.desktop-sidebar-close-btn{display:block}.sidebar-divider{height:1px;background-color:#e4e7ec}.sidebar-menu{padding:16px;flex:1}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;margin-bottom:6px;cursor:pointer;color:#344054;transition:background .2s ease}.sidebar-item:hover{background-color:#f5f5f5}.sidebar-item-active{background:linear-gradient(180deg,#0265a1,#0288d1)!important;color:#fff!important;position:relative}.sidebar-icon{width:20px;height:20px}.sidebar-label{font-size:15px}.sidebar-footer{padding:16px;border-top:1px solid #e4e7ec}.sidebar-logout-btn{width:100%;background-color:transparent;border:none;padding:10px;border-radius:8px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:start;gap:14px;cursor:pointer;transition:.3s}.sidebar-logout-btn:hover{background-color:#ff000021;color:#e90e0e}.sidebar-logout-btn>span{transition:.3s}.sidebar-logout-btn:hover>span{transform:scale(1.1)}@media(max-width:768px){.desktop-sidebar-container{display:none}.mobile-sidebar-container{display:flex}.main-content-half-sidebar{margin-left:0!important}.main-content{margin-top:60px;margin-left:0!important}.sidebar-closed{left:-260px}.mobile-topbar-container{display:flex}.sidebar-logo{height:50px}.sidebar-close-btn{padding:0}}.modal-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;overflow:hidden;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#0000005e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{width:420px;max-width:95vw;background:#fff;border-radius:8px;padding:24px}.logout-modal{max-width:98vw;width:500px;text-align:center}.logout-icon{color:#0265a1;margin-bottom:20px}.logout-title{font-size:32px;font-weight:500;margin-bottom:12px;color:#000}.logout-text{color:#111827;margin-bottom:36px}.logout-actions{display:flex;justify-content:center;gap:24px}.logout-action-btn{display:flex;align-items:center;gap:10px;border:none;padding:16px 28px;border-radius:25px;font-size:18px;font-weight:600;cursor:pointer;transition:.3s}.logout-action-btn:hover{gap:14px}.logout-action-primary{background:#f6f6f6bd;color:#000;box-shadow:0 0 16px #00000036}.logout-action-secondary{background:#0265a1;color:#fff;box-shadow:0 0 18px #0264a157}@media(max-width:768px){.modal-content{padding:clamp(12px,2vw,24px)}.logout-icon{margin-bottom:clamp(13px,2vw,20px)}.logout-title{font-size:clamp(14px,2vw,32px)}.logout-text{font-size:clamp(12px,2vw,20px);margin-bottom:clamp(20px,2vw,32px)}.logout-actions{gap:clamp(14px,2vw,24px)}.logout-action-btn{padding:clamp(12px,2vw,16px) clamp(16px,2vw,28px);border-radius:999px;font-size:clamp(12px,2vw,18px)}.logout-action-btn svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}}.login-bg-container{height:100vh;width:100vw;background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Arial,sans-serif}.login-overlay{height:100%;width:100%;background:linear-gradient(135deg,#0265a1d9,#0288d1d9);display:flex;align-items:center;justify-content:center}.login-card{background:#fff;width:420px;padding:40px;border-radius:14px;box-shadow:0 20px 40px #0003;text-align:center}.login-logo img{width:70px;margin-bottom:20px}.login-title{font-size:26px;font-weight:700;color:#000;margin-bottom:10px}.login-subtitle{font-size:14px;color:#6b7280;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:16px}.login-input{height:46px;padding:0 14px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.login-input:focus{outline:none;border-color:#0288d1}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:13px}.login-checkbox{display:flex;align-items:center;gap:6px;color:#374151}.login-forgot{color:#0288d1;cursor:pointer;transition:.3s}.login-forgot:hover{text-decoration:underline}.login-button{margin-top:10px;height:46px;border:none;border-radius:8px;background-color:#0265a1;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:.3s}.login-button:hover{background-color:#026aa7}.login-reset-title{font-size:20px;font-weight:600;margin-bottom:12px;color:#000}.login-reset-text{font-size:14px;color:#5f6c7b;margin-bottom:20px;line-height:1.5}.login-reset-input{width:100%;padding:12px 14px;font-size:14px;border:1px solid #dcdfe4;border-radius:4px;margin-bottom:20px;outline:none}.login-reset-input:focus{border-color:#0265a1}.login-reset-actions{display:flex;gap:12px;width:100%}.login-reset-submit{background-color:#0265a1;color:#fff;border:none;padding:12px 18px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;width:100%}.login-reset-cancel{background:#fff;color:#344054;border:1px solid #d0d5dd;padding:12px 18px;font-size:14px;border-radius:4px;cursor:pointer;width:100%}.login-reset-submit:hover{background-color:#025a90}.login-reset-cancel:hover{background-color:#f5f5f5}.login-reset-success{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px 0 16px}.login-reset-success-icon{width:72px;height:72px;border-radius:50%;background-color:#d1fadf;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.login-reset-success-icon svg{width:32px;height:32px;color:#12b76a}.login-reset-success-title{font-size:20px;font-weight:600;color:#101828;margin-bottom:8px}.login-reset-success-text{font-size:14px;color:#667085;text-align:center;line-height:1.5}@media(max-width:768px){.login-card{background-color:transparent;padding:clamp(20px,2vw,40px)}.login-logo img{background-color:#fff;width:60px;margin-bottom:14px;padding:6px 6px 8px;border-radius:5px}.login-title,.login-checkbox,.login-forgot{color:#fff}.login-subtitle{color:#d8d8d8}.login-reset-submit{padding:8px 14px}}.container_509563{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--uib-size) * .6);width:var(--uib-size)}.inner_231322{display:flex;align-items:flex-end;padding-bottom:20%;justify-content:space-between;width:var(--uib-size);height:calc(var(--uib-size) * .6)}.cube_568da8{flex-shrink:0;width:calc(var(--uib-size) * .2);height:calc(var(--uib-size) * .2);animation:jump_990af1 var(--uib-speed) ease-in-out infinite}.cube__inner_37e6c8{display:block;height:100%;width:100%;border-radius:25%;background-color:var(--uib-color);transform-origin:center bottom;animation:morph_6c2aa2 var(--uib-speed) ease-in-out infinite;transition:background-color .3s ease}.cube_568da8:nth-child(2){animation-delay:calc(var(--uib-speed) * -.36)}.cube_568da8:nth-child(2) .cube__inner_37e6c8{animation-delay:calc(var(--uib-speed) * -.36)}.cube_568da8:nth-child(3){animation-delay:calc(var(--uib-speed) * -.2)}.cube_568da8:nth-child(3) .cube__inner_37e6c8{animation-delay:calc(var(--uib-speed) * -.2)}@keyframes jump_990af1{0%{transform:translateY(0)}28%{transform:translateY(0);animation-timing-function:ease-out}50%{transform:translateY(-200%);animation-timing-function:ease-in}74%{transform:translateY(0);animation-timing-function:ease-in}}@keyframes morph_6c2aa2{0%{transform:scaleY(1)}10%{transform:scaleY(1)}20%,25%{transform:scaleY(.6) scaleX(1.3);animation-timing-function:ease-in-out}30%{transform:scaleY(1.15) scaleX(.9);animation-timing-function:ease-in-out}40%{transform:scaleY(1)}72%,87%,to{transform:scaleY(1)}77%{transform:scaleY(.8) scaleX(1.2)}}.dashboard-page{padding:24px;background:#f6f9fc;font-family:Arial,sans-serif;min-height:100vh}.dashboard-charts-wrapper{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;margin-bottom:40px}.chart-container{background-color:#fff;border-radius:1rem;box-shadow:0 0 12px #0000001a;width:100%;overflow:hidden;height:100%}.chart-header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff}.chart-header-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.chart-header-icon svg{width:22px;height:22px;color:#fff}.chart-header-content h2{font-size:20px;font-weight:700;color:#0f172a}.chart-header-content p{margin:2px 0 0;font-size:14px;font-weight:400;color:#64748b}.chart-content-cotainer{width:100%;height:100%;background-color:#fff;padding:20px}.recharts-wrapper *,.recharts-wrapper *:focus{outline:none!important}.recharts-legend-wrapper .recharts-default-legend{display:flex;width:100%;align-items:center;justify-content:center;flex-direction:row-reverse}@media(max-width:768px){.dashboard-page{padding:clamp(8px,2vw,24px)}.chart-header{padding:clamp(10px,2vw,16px) clamp(12px,2vw,20px)}.chart-header-icon{height:clamp(22px,2vw,44px);width:clamp(22px,2vw,44px);border-radius:clamp(10px,2vw,14px)}.chart-header-icon>svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}.chart-header-content h2{font-size:clamp(12px,2vw,20px)}.chart-header-content p{font-size:clamp(10px,2vw,14px)}.dashboard-charts-wrapper{flex-direction:column}.chart-content-cotainer{padding:clamp(12px,2vw,20px)}}.dashboard-header{padding:15px 10px}.dashboard-title{font-size:28px;font-weight:500;margin-bottom:6px;color:#141413}.dashboard-subtitle{color:#667085;margin-bottom:28px}@media(max-width:768px){.dashboard-header{padding:clamp(10px,2vw,15px) clamp(6px,2vw,10px)}.dashboard-title{font-size:clamp(14px,2vw,28px)}.dashboard-subtitle{font-size:clamp(13px,2vw,18px);margin-bottom:clamp(14px,2vw,28px)}}.customers-stat-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #00000012;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 10px #00000009}.customers-stat-card-content{display:flex;flex-direction:column;gap:30px;align-items:start;justify-content:space-between}.customers-stat-title{font-size:14px;color:#6b7280}.customers-stat-value{font-size:22px;font-weight:700}.customers-stat-icon{height:50px;width:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.customers-tabs{display:flex;background:#eef2f7;border-radius:10px;padding:8px;margin-bottom:40px;position:relative;transition:.5s}.customers-tab{flex:1;padding:10px;border:none;background:transparent;text-align:center;font-weight:600;cursor:pointer;z-index:1;transition:.5s}.customers-tab-active-indicator{position:absolute;background:linear-gradient(180deg,#0265a1,#0288d1)!important;color:#fff;border-radius:8px;left:0;height:70%;transition:.5s;z-index:0}.customers-badge{background:#facc15;padding:3px 6px;font-size:10px;border-radius:20px;margin-left:6px}.customers-tab.active>.customers-badge{background:#ffffff40;border:1px solid #ffffff;color:#fff}.customers-search-box{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;width:100%;min-width:275px;background:#fff;border-radius:8px;border:1px solid #e4e7ec;transition:.3s}.customers-search-box:focus-within{border-color:#026caa;box-shadow:0 0 0 3px #026caa15}.customers-search-icon{color:#98a2b3;transition:.3s}.customers-search-box:focus-within>.customers-search-icon{color:#026caa}.customers-search-input{border:none;outline:none;width:100%}.customers-filter-container{position:relative;padding:8px 12px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;width:fit-content}.customers-filter-selector{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:100px}.customers-filter-selection-container{position:absolute;opacity:0;top:100%;right:0;background:#fff;width:240px;border:1px solid #e4e7ec;border-radius:4px;box-shadow:0 0 8px #00000012;z-index:100;animation:fadeInUp .45s ease forwards}.customers-filter-item{text-align:start;padding:11px 12px;font-size:14px;border:none;width:100%;background-color:#fff;border-bottom:1px solid #e4e7ec;cursor:pointer;transition:.3s}.customers-filter-item:hover{background-color:#f5f5f5}.customers-filter-item.active{display:flex;align-items:center;gap:8px;background-color:#0279bd26;color:#0279bd}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ellipsisSelector-filter-container{position:relative;padding:6px;border:1px solid #0271b122;border-radius:8px;background-color:#0271b117;color:#0270b1;transition:.3s;cursor:pointer;font-size:14px;display:flex;align-items:center;width:fit-content}.ellipsisSelector-filter-container:hover{box-shadow:0 0 8px #0271b122}.ellipsisSelector-filter-selector{display:flex;align-items:center;justify-content:space-between;gap:6px}.ellipsisSelector-filter-selection-container{position:absolute;opacity:0;top:100%;right:0;background:#fff;width:240px;border:1px solid #e4e7ec;border-radius:4px;box-shadow:0 0 8px #00000012;z-index:100;animation:fadeInUp .45s ease forwards}.ellipsisSelector-filter-item{display:flex;align-items:center;justify-content:start;width:100%;border:none;color:#000;background-color:#fff;gap:12px;padding:11px 12px;font-size:14px;border-bottom:1px solid #e4e7ec;cursor:pointer;transition:.3s}.ellipsisSelector-filter-item:hover{background-color:#0271b12a;color:#0270b1}.pagination-container{margin-top:16px;display:flex;justify-content:space-between;align-items:center;padding:3px 5px}.pagination-content{color:#6a7282;font-size:14px;font-weight:400}.pagination-actions-container{display:flex;align-items:center;justify-content:center;gap:10px}.pagination-btn{border:1px solid #0288d1;background:transparent;padding:6px 14px;border-radius:20px;cursor:pointer;color:#0288d1;width:85px;transition:.3s}.pagination-btn:hover{background:#0289d113}.pagination-btn:disabled{border:1px solid #0000003d;color:#0000005c}.job-stat-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #00000012;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:20px;box-shadow:0 0 10px #00000009}.job-stat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.job-stat-card-content{display:flex;flex-direction:column;gap:10px;align-items:start;justify-content:space-between}.job-stat-title{font-size:14px;color:#000}.job-stat-value{font-size:22px;font-weight:700}.job-stat-icon{height:50px;width:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.dashboard-states-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.dashboard-states-card{position:relative;background:#fff;border-radius:20px;padding:24px 24px 28px;box-shadow:0 0 10px #00000014;overflow:hidden}.dashboard-states-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px}.dashboard-states-card.users:before{background:linear-gradient(180deg,#0265a1,#0288d1)}.dashboard-states-card.contractors:before{background:linear-gradient(180deg,#f29c2c,#f5b55f)}.dashboard-states-card.jobs:before{background:linear-gradient(180deg,#38b2ac,#4fd1c5)}.dashboard-states-card.bids:before{background:linear-gradient(180deg,#48bb78,#68d391)}.dashboard-states-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dashboard-states-title{font-size:14px;font-weight:600;letter-spacing:.08em;line-height:18px;color:#5f6b7a}.dashboard-states-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.dashboard-states-value{font-size:30px;font-weight:700}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-heder-title{font-size:22px;font-weight:600;color:#0f172a;margin:0}.modal-heder-close-btn{background:transparent;border:none;cursor:pointer;color:#64748b;padding:4px;display:flex;align-items:center}.modal-heder-close-btn:hover{color:#0f172a}.modal-content-area{margin-top:16px}.modal-content-area p{font-size:16px;line-height:1.6;color:#64748b;margin-bottom:32px}.modal-confirm-actions{display:flex;justify-content:flex-end;gap:16px}.modal-confirm-action-cencel{background:#fff;border:2px solid #0284c7;color:#0284c7;padding:12px 28px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.modal-confirm-action-cencel:hover{background:#f0f9ff;transform:scale(1.04)}.modal-confirm-action-confirm{background:linear-gradient(180deg,#0265a1,#0288d1);color:#fff;border:none;padding:12px 32px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.modal-confirm-action-confirm:hover{transform:scale(1.05)}.details-page-back-btn{width:100%;text-align:start;margin:15px 0}.details-page-back-btn>button{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:2px solid #0265a1;border-radius:10px;background:transparent;color:#0265a1;cursor:pointer;transition:.3s}.details-page-back-btn>button>.icon{font-size:0px;transition:.3s}.details-page-back-btn>button:hover>.icon{transform:translate(-3px)}.profile-image-container{color:#fff;border:2px solid #0265a133;background:transparent;height:45px;width:45px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-image-container>div{background:linear-gradient(180deg,#0265a1,#0288d1);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-image-container>div>img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.dashboard-states-wrapper{gap:clamp(14px,2vw,24px);margin-bottom:clamp(20px,2vw,40px);grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.dashboard-states-card{padding:clamp(12px,2vw,24px);border-radius:clamp(10px,2vw,20px)}.dashboard-states-card:before{height:clamp(2px,2vw,6px)}.dashboard-states-title{font-size:clamp(8px,2vw,14px)}.dashboard-states-icon{height:clamp(30px,2vw,52px);width:clamp(30px,2vw,52px);border-radius:clamp(8px,2vw,14px)}.dashboard-states-icon>svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}.dashboard-states-value{font-size:clamp(15px,2vw,30px)}.customers-tab:last-child{text-align:end}.customers-filter-selection-container-left{left:0}.customers-badge{padding:clamp(1px,1vw,3px) clamp(5px,1vw,6px);font-size:clamp(6px,2vw,10px)}.job-stat-card{padding:clamp(10px,1vw,20px);border-radius:clamp(8px,1vw,12px);gap:clamp(10px,1vw,20px)}.job-stat-title{font-size:clamp(10px,1vw,14px)}.job-stat-value{font-size:clamp(12px,1vw,22px)}.pagination-content{font-size:clamp(8px,2vw,14px)}.job-stat-icon{height:clamp(25px,2vw,50px);width:clamp(25px,2vw,50px);border-radius:clamp(6px,2vw,10px)}.job-stat-icon svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}.job-stat-subtitle{font-size:clamp(10px,2vw,14px)}.pagination-actions-container{gap:clamp(6px,2vw,10px)}.pagination-btn{font-size:clamp(8px,2vw,14px);padding:clamp(2px,2vw,6px) clamp(8px,2vw,14px);width:clamp(55px,2vw,85px)}.modal-heder-title{font-size:clamp(14px,2vw,22px)}.modal-heder-close-btn svg{height:clamp(18px,2vw,24px);width:clamp(18px,2vw,24px)}.modal-content-area{margin-top:clamp(12px,2vw,16px)}.modal-content-area p{font-size:clamp(14px,2vw,16px);margin-bottom:clamp(24px,2vw,32px)}.modal-confirm-action-cencel{font-size:clamp(12px,2vw,16px);padding:clamp(8px,2vw,12px) clamp(16px,2vw,28px)}.modal-confirm-action-confirm{font-size:clamp(12px,2vw,16px);padding:clamp(8px,2vw,12px) clamp(20px,2vw,32px)}.modal-confirm-actions{gap:clamp(12px,2vw,16px)}}.customers-page{padding:24px;background:#f6f9fc;font-family:Arial,sans-serif;min-height:100vh}.customers-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.customers-table-card{background:#fff;padding:20px;border-radius:14px;box-shadow:0 4px 12px #00000014}.customers-section-title{font-size:18px;margin-bottom:16px}.customers-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.customers-table-wrapper{background:#fff;border-radius:12px;border:1px solid #e4e7ec;overflow:auto}.customers-table{width:100%;border-collapse:collapse;min-width:935px;table-layout:fixed}.customers-table th{background:#f8fafc;text-align:left;padding:20px;font-size:15px;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customers-table-action{text-align:end;display:flex;align-items:center;justify-content:end;overflow:visible!important}.customers-table tbody tr:last-child .ellipsisSelector-filter-selection-container{top:-100%}.customers-table tr{transition:.3s}.customers-table tr:hover{background-color:#0289d10a}.customers-table td{padding:16px;border-top:1px solid #e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customers-table td p{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.customers-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.customers-status-active{background:#dcfce7;color:#15803d}.customers-status-pending{background:#fef9c2;color:#a65f00}.customers-status-suspended{background:#ffedd5;color:#c2410c}.customers-status-banned{background:#ffe2e2;color:#c10007}.request-action-btns{display:flex;align-items:center;justify-self:center;gap:12px}.request-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px;width:100px;height:35px;border-radius:22px;border:none;color:#fff;cursor:pointer}.request-approve-btn{background-color:#00a63e;box-shadow:0 0 8px #00a63e54}.request-reject-btn{background-color:#fb2c36;box-shadow:0 0 8px #fb2c3644}.customer-detail-container{width:100%;height:100%;overflow:auto;padding:24px;background:#f8fafc;font-family:Inter,sans-serif}.customer-detail-header{display:flex;gap:20px;background:#fff;padding:22px 26px;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #0f172a14}.customer-detail-header-profile{height:70px;width:70px}.customer-detail-info{flex:1}.customer-detail-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:5px}.customer-detail-title{display:flex;align-items:center;gap:10px}.customer-detail-name{font-size:24px;font-weight:700;color:#0f172a}.status-badge{padding:4px 12px;border-radius:25px;font-size:13px;font-weight:600}.status-badge.active{background:#dcfce7;color:#15803d}.verified-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:25px;font-size:13px;font-weight:600;background:#e0edff;color:#2563eb}.verified-badge.unverified{background:#fee2e2;color:#b91c1c}.customer-detail-actions{display:flex;gap:12px}.customer-detail-actions>button{display:inline-flex;align-items:center;gap:6px;padding:8px 25px;background-color:transparent;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer}.btn-warning{color:#a65f00;border:2px solid #ffdf20}.btn-danger{color:#e7000b;border:2px solid #ffa2a2}.customer-detail-meta-list{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px}.customer-detail-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#000}.customer-detail-meta>svg{color:#64748b}.customer-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0}.customer-detail-tabs{display:flex;align-items:center;justify-content:start;overflow:auto;gap:10px;border-bottom:1px solid #e2e8f0}.customer-detail-tab{width:fit-content;padding:10px 8px;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:.3s}.customer-detail-tab.active{color:#0265a1;border-bottom:2px solid #0265a1}.customer-detail-jobs{display:flex;flex-direction:column;gap:20px}.customer-detail-job-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#fff;border-radius:16px;padding:24px 28px;margin-bottom:24px;box-shadow:0 8px 24px #00000014;border:1px solid #eef1f4}.customer-detail-job-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.customer-detail-job-title{font-size:22px;font-weight:700;color:#0f172a}.customer-detail-job-status{padding:5px 12px;border-radius:25px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.customer-detail-job-status>span{font-size:0px}.customer-detail-open{background:#dbeafe;color:#0265a1;border:1px solid #bedbff}.customer-detail-completed{background:#e9f9ef;color:#16a34a;border:1px solid #86efac}.customer-detail-in-progress{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.customer-detail-job-badges{display:flex;align-items:center;justify-content:start;gap:30px}.customer-detail-job-badge{font-size:16px;font-weight:400;color:#62748e;margin:6px 0;display:flex;flex-direction:column;align-items:start;gap:4px}.customer-detail-job-badge>span{font-size:15px;font-weight:500;color:#314158}.customer-detail-job-final{color:#16a34a;font-weight:700}.customer-detail-job-review{margin-top:18px;padding:16px 18px;border-radius:12px;background:#f0fdf4;border:1px solid #86efac;color:#166534;font-size:16px;font-style:italic}.customer-detail-job-review-rating-container{display:flex;align-items:center;justify-content:start;gap:4px;margin-bottom:5px;font-size:16px;font-weight:500;color:#314158}.customer-detail-job-review-rating{font-size:0px}.customer-detail-job-card-right{width:fit-content;min-width:150px;text-align:end}.customer-detail-job-view-btn{display:flex;align-items:center;gap:10px;border:2px solid #0265a1;background-color:transparent;color:#0265a1;padding:8px 18px;border-radius:6px;font-weight:600;cursor:pointer;transition:.3s}.customer-detail-job-view-btn:hover{transform:scale(1.05)}@media(max-width:768px){.customers-page{padding:clamp(8px,2vw,24px)}.customers-stats-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(12px,2vw,20px);margin-bottom:clamp(20px,2vw,40px)}.customers-stat-card{padding:clamp(12px,2vw,20px)}.customers-stat-card-content{gap:clamp(15px,2vw,30px)}.customers-stat-title{font-size:clamp(8px,2vw,14px)}.customers-stat-value{font-size:clamp(11px,2vw,22px)}.customers-stat-icon{height:clamp(25px,2vw,50px);width:clamp(25px,2vw,50px);border-radius:clamp(6px,2vw,10px)}.customers-stat-icon>svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}.customers-tabs{padding:clamp(4px,2vw,8px);margin-bottom:clamp(20px,2vw,40px)}.customers-tab{padding:clamp(6px,2vw,10px);font-size:clamp(10px,2vw,16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customers-table-card{padding:clamp(12px,2vw,20px)}.customers-section-title{font-size:clamp(12px,2vw,18px)}.customers-table{min-width:900px}.customers-table th{padding:clamp(12px,2vw,20px);font-size:clamp(14px,2vw,18px)}.customers-table td{padding:clamp(10px,2vw,16px);font-size:clamp(15px,2vw,18px)}.customers-table td strong{font-size:clamp(13px,2vw,15px)}.customers-table td p{font-size:clamp(11px,2vw,13px)}.customers-status{padding:clamp(2px,2vw,4px) clamp(10px,2vw,12px);font-size:clamp(10px,2vw,12px)}.customer-detail-container{padding:clamp(8px,2vw,24px)}.details-page-back-btn{margin:clamp(6px,2vw,15px) 0}.details-page-back-btn>button{padding:6px 8px}.details-page-back-btn>button svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}.details-page-back-btn>button>p{font-size:clamp(10px,2vw,13px)}.customer-detail-header{padding:clamp(10px,2vw,22px) clamp(10px,2vw,26px);gap:clamp(12px,2vw,20px)}.customer-detail-header-profile{height:clamp(35px,2vw,70px);width:clamp(35px,2vw,70px)}.customer-detail-title{gap:clamp(4px,2vw,10px)}.customer-detail-name{font-size:clamp(12px,2vw,24px)}.status-badge,.verified-badge{padding:clamp(1px,2vw,4px) clamp(8px,2vw,12px);font-size:clamp(9px,2vw,13px);gap:clamp(3px,1vw,6px)}.verified-badge svg{height:clamp(8px,2vw,14px);width:clamp(8px,2vw,14px)}.customer-detail-actions{gap:clamp(8px,1vw,12px)}.customer-detail-actions>button{gap:clamp(3px,1vw,6px);padding:clamp(4px,1vw,8px) clamp(12px,2vw,25px);font-size:clamp(8px,2vw,14px)}.customer-detail-actions>button svg{height:clamp(12px,2vw,16px);width:clamp(12px,2vw,16px)}.customer-detail-meta-list{gap:clamp(12px,2vw,16px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.customer-detail-meta{font-size:clamp(10px,2vw,14px);gap:clamp(4px,1vw,8px)}.customer-detail-meta svg{height:clamp(10px,2vw,16px);width:clamp(10px,2vw,16px)}.customer-detail-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.customer-detail-jobs{gap:clamp(12px,2vw,20px)}.customer-detail-tabs{gap:clamp(5px,2vw,10px)}.customer-detail-tab{padding:clamp(5px,2vw,10px) clamp(4px,2vw,8px);font-size:clamp(10px,2vw,16px)}.customer-detail-job-card{padding:clamp(12px,2vw,24px);margin-bottom:clamp(12px,2vw,24px);flex-direction:column}.customer-detail-job-card-left{width:100%}.customer-detail-job-header{justify-content:space-between;width:100%}.customer-detail-job-title{font-size:clamp(12px,2vw,22px)}.customer-detail-job-status{padding:clamp(2px,1vw,5px) clamp(8px,2vw,12px);font-size:clamp(10px,2vw,14px);gap:clamp(2px,1vw,6px)}.customer-detail-job-status svg{height:clamp(10px,2vw,14px);width:clamp(10px,2vw,14px)}.customer-detail-job-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(15px,2vw,30px)}.customer-detail-job-badge,.customer-detail-job-badge>span,.customer-detail-job-review-rating-container{font-size:clamp(10px,2vw,16px)}.customer-detail-job-review{padding:clamp(10px,2vw,16px);font-size:clamp(10px,2vw,16px)}.customer-detail-job-review-rating-container svg{height:clamp(12px,2vw,16px);width:clamp(12px,2vw,16px)}.customer-detail-job-card-right{min-width:fit-content}.customer-detail-job-view-btn{padding:clamp(4px,1vw,8px);font-size:clamp(8px,2vw,12px);gap:clamp(4px,2vw,8px)}.customer-detail-job-view-btn svg{height:clamp(12px,2vw,16px);width:clamp(12px,2vw,16px)}}.customers-specialty-status{background-color:#fff;border:2px solid #0265a1;color:#0265a1;min-width:80px;width:fit-content;text-align:center;display:block}.customers-verification-status-Verified{background-color:#dbeafe;color:#1447e6;display:block;min-width:80px;width:fit-content;text-align:center}.customers-verification-status-Unverified{background:linear-gradient(180deg,#f29c2c,#f5b55f);color:#fff;display:block;min-width:80px;width:fit-content;text-align:center}@media(max-width:768px){.customers-specialty-status{min-width:clamp(40px,2vw,80px);font-size:clamp(8px,2vw,12px)}}.job-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.job-header-left-title{display:flex;align-items:center;justify-content:start;gap:3px;font-weight:500;margin-bottom:4px}.job-header-left>p{color:#718096}.job-filters{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:15px;margin:20px 0}.job-filters-left{min-width:650px}.job-filters-left>.customers-tabs{margin:0}.jobs-list-container{display:flex;flex-direction:column;gap:20px;margin:20px 0}.jobs-card{display:flex;justify-content:space-between;background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 0 18px #00000012}.jobs-card-left{flex:1}.jobs-header{display:flex;align-items:center;gap:12px}.jobs-title{font-size:20px;font-weight:600}.jobs-status{padding:4px 12px;border-radius:999px;font-size:13px;font-weight:500;white-space:nowrap}.jobs-open{background:#e0f2fe;color:#0369a1}.jobs-progress{background:#fff7ed;color:#c2410c}.jobs-completed{background:#dcfce7;color:#166534}.jobs-description{margin:10px 0 16px;color:#475569;font-size:14px}.jobs-info-row{display:flex;flex-wrap:wrap;gap:24px}.jobs-info-container{min-width:160px;display:flex;align-items:center;justify-content:start;gap:6px}.jobs-label{font-size:12px;color:#64748b;display:block}.jobs-value{font-size:14px;font-weight:500}.jobs-footer{margin-top:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px}.jobs-date{font-size:14px;color:#475569}.jobs-completed-footer{font-size:12px;color:#475569}.jobs-details-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:6px;background:#fff;border:2px solid #0284c7;color:#0284c7;font-size:12px;font-weight:600;transition:.3s;cursor:pointer}.jobs-details-btn>span{font-size:0px;transition:.3s}.jobs-details-btn:hover>span{transform:scale(1.07)}.job-detail-header-info{display:flex;align-items:center;justify-content:space-between;gap:10px}.job-detail-title{font-size:22px;font-weight:700;color:#0f172a}.job-detail-subtitle{color:#718096;font-size:14px;font-weight:400;margin:12px 0;max-width:600px;line-height:21px}.job-detail-tags{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.job-detail-tags>span{margin-right:12px;font-size:15px;color:#45556c}.job-detail-actions>button{margin-left:10px;cursor:pointer}.job-detail-grid{position:relative;display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.job-detail-right-panel{display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;min-width:0px}.job-detail-left-panel{position:sticky;top:0;height:fit-content}.job-detail-card{width:100%;background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 40px #00000014;margin-bottom:24px}.job-detail-card:last-child{margin-bottom:0}.job-detail-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-bottom:15px}.job-detail-card-header-title{font-size:16px;font-weight:500;color:#1a202c}.job-detail-card-header-title>span{font-size:0px;color:#0265a1;margin-right:4px}.job-detail-section{display:flex;flex-direction:column;gap:8px;margin:26px 0}.job-detail-section>h4{font-size:16px;font-weight:600;color:#1d293d}.job-detail-section>p{font-size:16px;font-weight:400;color:#45556c}.job-detail-images{display:flex;align-items:center;justify-content:start;gap:10px;width:100%;overflow:auto;padding:10px;background:#0288d126;border:2px solid #0265a1;border-radius:8px}.job-detail-image{height:80px;width:80px;border-radius:10px;border:1.5px solid #0265a1;overflow:hidden;flex-shrink:0}.job-detail-image>img{height:100%;width:100%;object-fit:cover}.job-detail-info-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:20px;margin-top:20px;border-top:1px solid #e2e8f0}.job-detail-info-row>div{display:flex;flex-direction:column;align-items:start;gap:8px;color:#62748e}.job-detail-info-row>div>span{color:#1d293d}.job-detail-info-row>div>span>span{font-size:0px;margin-right:3px}.job-detail-customer-review-rating-container{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:15px;font-size:16px;font-weight:500;color:#314158}.job-detail-bid-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.job-detail-btn-primary{background:linear-gradient(180deg,#0265a1,#0288d1);color:#fff;border:none;padding:12px 14px;border-radius:8px;cursor:pointer}.job-detail-customer-btn{background:linear-gradient(180deg,#0265a1,#0288d1);color:#fff;border:none;padding:12px 14px;border-radius:8px;transition:.3s;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;width:100%}.job-detail-customer-btn:hover{transform:scale(1.02)}.job-detail-btn-outline{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:8px 14px;border-radius:8px}.job-detail-btn-success{background:linear-gradient(90deg,#00c950,#00a63e);color:#fff;border:none;padding:8px 14px;border-radius:8px}.job-detail-bid{background:#fff;border-radius:14px;padding:20px;margin-top:20px;box-shadow:0 6px 18px #0000000f;border:1px solid #eef0f3}.job-detail-bid-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.job-detail-bid-header>div:first-child{display:flex;align-items:center;justify-content:start;gap:15px}.job-detail-bid-header h4{font-size:16px;font-weight:700;color:#0f172a}.job-detail-bid-header span{font-size:14px;color:#64748b;display:flex;align-items:center;gap:6px}.job-detail-price{text-align:right}.job-detail-price strong{font-size:22px;font-weight:800;color:#0b67b2;display:block}.job-detail-price span{font-size:14px;color:#64748b}.job-detail-bid-proposal{margin:16px 0}.job-detail-bid-proposal>h3{font-size:14px;font-weight:600;color:#314158}.job-detail-bid-proposal>p{font-size:14px;font-weight:400;line-height:1.6;color:#334155}.job-detail-bid-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f3;padding-top:14px;font-size:14px;color:#64748b}.job-detail-bid-actions button{padding:10px 18px;font-size:14px;font-weight:600;border-radius:25px;cursor:pointer;transition:all .2s ease}.job-detail-bid-actions button:hover{transform:scale(1.07)}.job-detail-bid-actions button:first-child{margin-right:8px}.job-detail-customer-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;margin-bottom:20px}.job-detail-customer-info{display:flex;align-items:center;gap:16px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e2e8f0}.job-detail-customer-info-profile{height:65px;width:65px}.job-detail-customer-meta{display:flex;flex-direction:column}.job-detail-customer-name{font-size:18px}.job-detail-customer-since{color:#6b7280;font-size:14px}.job-detail-customer-row{display:flex;align-items:center;gap:12px;color:#374151;margin-bottom:12px;font-size:15px}.job-detail-timeline-list{display:flex;flex-direction:column;gap:20px}.job-detail-timeline-item{display:flex;align-items:flex-start;gap:16px}.job-detail-timeline-icon{width:40px;height:40px;background:linear-gradient(180deg,#0265a1,#0288d1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.job-detail-timeline-icon.work-started{background:linear-gradient(180deg,#f29c2c,#f5b55f)}.job-detail-timeline-icon.completed{background:linear-gradient(135deg,#00c950,#00a63e)}.job-detail-timeline-label{font-size:16px}.job-detail-timeline-date{font-size:14px;color:#6b7280}@media(max-width:1024px){.job-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.job-header{flex-wrap:wrap}.job-filters-left{min-width:100%;overflow:auto}.job-filters-left>.customers-tabs{width:100%;min-width:450px}.job-header-left-title{font-size:clamp(13px,2vw,18px)}.job-header-left-title svg{height:clamp(12px,2vw,16px);width:clamp(12px,2vw,16px)}.job-header-left>p{font-size:clamp(14px,2vw,16px)}.jobs-card{padding:clamp(14px,2vw,20px) clamp(16px,2vw,24px);gap:10px;flex-direction:column}.jobs-header{justify-content:space-between}.jobs-title{font-size:clamp(14px,2vw,20px)}.jobs-status{padding:clamp(1px,2vw,4px) clamp(8px,2vw,12px)}.jobs-description{font-size:clamp(12px,2vw,14px)}.jobs-info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.jobs-info-container{min-width:fit-content}.jobs-info-container svg{height:clamp(12px,2vw,18px);width:clamp(12px,2vw,18px)}.jobs-label{font-size:clamp(8px,2vw,12px)}.jobs-value{font-size:clamp(10px,2vw,14px)}.jobs-date{font-size:12px}.jobs-details-btn{padding:clamp(4px,1vw,8px);font-size:clamp(8px,2vw,12px);gap:clamp(4px,2vw,8px)}.jobs-details-btn svg{height:clamp(12px,2vw,16px);width:clamp(12px,2vw,16px)}.job-detail-customer-info-profile{height:clamp(45px,2vw,65px);width:clamp(45px,2vw,65px)}.job-detail-card{padding:clamp(14px,2vw,24px)}.job-detail-title{font-size:clamp(16px,2vw,22px)}.job-detail-tags{margin:10px 0 5px}.job-detail-tags>span{margin-right:8px;font-size:clamp(11px,2vw,15px)}.job-detail-tags>span svg{height:clamp(10px,2vw,14px);width:clamp(10px,2vw,14px)}.job-detail-section{margin:18px 0}.job-detail-section>h4,.job-detail-section>p{font-size:clamp(12px,2vw,16px)}.job-detail-images{padding:6px}.job-detail-image{height:60px;width:60px}.job-detail-info-row{gap:15px}.job-detail-info-row>div,.job-detail-info-row>div>span{font-size:clamp(8px,2vw,12px)}.job-detail-info-row>div>span svg{height:clamp(8px,2vw,14px);width:clamp(8px,2vw,14px)}.job-detail-bid{padding:clamp(10px,2vw,20px);margin-top:clamp(10px,2vw,20px)}.job-detail-bid-header>div:first-child{gap:8px}.job-detail-bid-header h4{font-size:clamp(12px,2vw,16px);white-space:nowrap}.job-detail-bid-header span{font-size:clamp(12px,2vw,14px)}.job-detail-bid-header span svg{height:clamp(10px,2vw,14px);width:clamp(10px,2vw,14px)}.job-detail-price strong{font-size:clamp(14px,2vw,22px)}.job-detail-bid-proposal>h3,.job-detail-bid-proposal>p{font-size:clamp(12px,2vw,14px)}.job-detail-bid-actions>span{font-size:clamp(10px,2vw,14px)}.job-detail-bid-actions>div{display:flex;align-items:center}.job-detail-bid-actions button{padding:clamp(5px,2vw,10px) clamp(10px,2vw,18px);font-size:clamp(10px,2vw,14px);white-space:nowrap}.job-detail-customer-title{gap:clamp(5px,2vw,10px);font-size:clamp(14px,2vw,20px);margin-bottom:clamp(14px,2vw,20px)}.job-detail-customer-title svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}.job-detail-customer-info{gap:clamp(12px,2vw,15px);padding-bottom:clamp(12px,2vw,15px);margin-bottom:clamp(12px,2vw,15px)}.job-detail-customer-name,.job-detail-customer-since{font-size:clamp(14px,2vw,18px)}.job-detail-customer-since svg{height:clamp(11px,2vw,16px);width:clamp(11px,2vw,16px);margin-right:3px}.job-detail-customer-row{gap:clamp(6px,2vw,12px);margin-bottom:clamp(6px,2vw,12px);font-size:clamp(12px,2vw,15px)}.job-detail-customer-row svg{height:clamp(10px,2vw,14px);width:clamp(10px,2vw,14px)}.job-detail-timeline-item{gap:clamp(12px,2vw,16px)}.job-detail-timeline-icon{height:clamp(25px,2vw,40px);width:clamp(25px,2vw,40px)}.job-detail-timeline-icon svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}.job-detail-timeline-label,.job-detail-timeline-date{font-size:clamp(12px,2vw,16px)}.job-detail-customer-review-rating-container{margin-bottom:clamp(10px,2vw,15px);font-size:clamp(10px,2vw,16px)}.job-detail-customer-review-rating-container svg{height:clamp(11px,2vw,16px);width:clamp(11px,2vw,16px);margin-right:3px}}.report-action-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:4px 10px;background-color:#fff;border:2px solid #0265a1;border-radius:25px;cursor:pointer;color:#0265a1;transition:.3s}.report-action-btn span{display:flex;align-items:center;justify-content:center;transition:.3s}.report-action-btn:hover span{transform:scale(1.1)}.report-severity{min-width:40px;width:95px;display:block;text-align:center;padding:4px;border-radius:20px}.report-severity-Low{color:#1447e6;background-color:#dbeafe}.report-severity-Medium{color:#a65f00;background-color:#fef9c2}.report-severity-High{color:#c10007;background-color:#ffe2e2}.report-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.report-detail-title{font-size:22px;font-weight:600;color:#1f2937}.report-detail-subtitle{margin-top:6px;font-size:14px;color:#6b7280}.report-detail-close{background:none;border:none;font-size:22px;cursor:pointer;color:#6b7280;transition:.3s;padding:1px 7px;border-radius:3px}.report-detail-close:hover{background-color:#00000014}.report-detail-content{margin-bottom:28px}.report-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 32px}.report-detail-item{display:flex;flex-direction:column;gap:6px}.report-detail-label{font-size:13px;color:#6b7280}.report-detail-value{font-size:15px;font-weight:500;color:#111827}.report-detail-badge{display:inline-block;padding:6px 14px;border-radius:25px;font-size:14px;font-weight:600;width:fit-content}.report-detail-badge-medium{background:#fff4cc;color:#a16207}.report-detail-reason{margin-top:24px}.report-detail-reason-text{margin-top:8px;font-size:15px;color:#111827;line-height:1.5}.report-detail-footer{display:flex;justify-content:flex-end;gap:14px;margin-top:10px}.report-detail-btn{padding:10px 18px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:.3s;width:100%;min-width:fit-content}.report-detail-btn-outline{background:#fff;color:#0f4c81;border-color:#0f4c81}.report-detail-btn-outline:hover{background:#f0f7ff}.report-detail-btn-primary{background:linear-gradient(180deg,#0265a1,#0288d1);color:#fff;border:none}.report-detail-btn-primary:hover{background:linear-gradient(180deg,#014976,#0280c3)}@media(max-width:768px){.report-action-btn{font-size:clamp(10px,2vw,16px);gap:clamp(4px,2vw,7px);padding:clamp(1px,2vw,4px) clamp(6px,2vw,10px)}.report-action-btn svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}.report-detail-header{margin-bottom:clamp(20px,2vw,24px)}.report-detail-title{font-size:clamp(12px,2vw,22px)}.report-detail-subtitle{font-size:clamp(12px,2vw,14px)}.report-detail-grid{gap:clamp(25px,2vw,32px)}.report-detail-label,.report-detail-value{font-size:clamp(12px,2vw,15px)}.report-detail-badge{padding:clamp(3px,2vw,6px) clamp(12px,2vw,14px);font-size:clamp(10px,2vw,14px)}.report-detail-reason-text{font-size:clamp(12px,2vw,15px)}.report-detail-footer{gap:clamp(10px,2vw,14px)}.report-detail-btn{padding:clamp(7px,2vw,10px) clamp(10px,2vw,18px);font-size:clamp(10px,2vw,14px);border-radius:clamp(5px,2vw,8px)}}.categories-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.categories-header>.customers-section-title{margin-bottom:0}.header-add-categories-btn{background:linear-gradient(180deg,#0265a1,#0288d1);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 18px 12px 15px;border:none;border-radius:16px;cursor:pointer;transition:.3s}.header-add-categories-btn:hover{transform:scale(1.04)}.sub-category-container{display:flex;align-items:center;justify-content:start;gap:4px;overflow:auto}.sub-category{background:linear-gradient(180deg,#f29c2c,#f5b55f);color:#fff;padding:6px 10px;border-radius:20px;font-size:14px}.category-action-btns-container{display:flex;align-items:center;justify-content:center;gap:12px}.category-action-btns-container>button{font-size:0px;cursor:pointer;transition:.3s;border-radius:5px;padding:5px}.category-action-edit{border:1px solid #15803d21;background:#dcfce7;color:#15803d}.category-action-edit:hover{box-shadow:0 0 8px #15803d2e;transform:scale(1.06)}.category-action-delete{border:1px solid #80151521;background:#fcdcdc;color:#ff0808}.category-action-delete:hover{box-shadow:0 0 8px #80151521;transform:scale(1.06)}.category-td>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categoriesModal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.categoriesModal-container{background:#fff;width:420px;max-width:98vw;border-radius:12px;padding:24px;position:relative;box-shadow:0 20px 40px #00000026}.categoriesModal-close{position:absolute;top:14px;right:16px;padding:1px 7px;background:none;border-radius:3px;border:none;font-size:22px;cursor:pointer;transition:.3s;background-color:transparent}.categoriesModal-close:hover{background-color:#00000017}.categoriesModal-title{font-size:20px;font-weight:600;margin-bottom:4px}.categoriesModal-subtitle{font-size:14px;color:#6b7280;margin-bottom:20px}.categoriesModal-field{margin-bottom:16px}.categoriesModal-label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.categoriesModal-input,.categoriesModal-textarea{width:100%;padding:10px 12px;border-radius:8px;border:1.5px solid #d1d5db70;font-size:14px;outline:none;resize:none;transition:.3s}.categoriesModal-textarea{min-height:100px}.categoriesModal-input:focus,.categoriesModal-textarea:focus{border-color:#0275b7;box-shadow:0 0 8px #2564eb36}.categoriesModal-helper{font-size:12px;color:#6b7280;margin-top:4px;display:block}.categoriesModal-status{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.categoriesModal-statusTitle{font-size:14px;font-weight:500}.categoriesModal-statusText{font-size:12px;color:#6b7280}.categoriesModal-switch{position:relative;width:42px;height:22px}.categoriesModal-switch input{opacity:0;width:0;height:0}.categoriesModal-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#cbd5e1;border-radius:999px;cursor:pointer;transition:.3s}.categoriesModal-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.3s}.categoriesModal-switch input:checked+.categoriesModal-slider{background-color:#0265a1}.categoriesModal-switch input:checked+.categoriesModal-slider:before{transform:translate(20px)}.categoriesModal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.categoriesModal-btn{padding:9px 22px;border-radius:8px;font-size:14px;cursor:pointer;border:none;transition:.3s}.categoriesModal-btn:hover{transform:scale(1.03)}.categoriesModal-cancel{background:#f1f5f9;color:#0265a1;border:2px solid #0265a1}.categoriesModal-submit{background:linear-gradient(180deg,#0265a1,#0288d1);color:#fff}@media(max-width:768px){.header-add-categories-btn{padding:clamp(7px,2vw,13px) clamp(9px,2vw,18px) clamp(4px,2vw,12px) clamp(8px,2vw,15px);font-size:clamp(10px,2vw,14px);border-radius:clamp(12px,2vw,16px)}.category-td>div{font-size:clamp(13px,2vw,18px)}.sub-category{padding:clamp(3px,2vw,6px) clamp(5px,2vw,10px);font-size:clamp(8px,2vw,14px)}.categoriesModal-container{padding:clamp(14px,2vw,24px)}.categoriesModal-close{font-size:clamp(20px,2vw,22px)}.categoriesModal-title{font-size:clamp(14px,2vw,20px)}.categoriesModal-subtitle{font-size:clamp(12px,2vw,14px)}}.notification-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.notification-header>.customers-section-title{margin-bottom:0}.notification-header-action-btns{display:flex;align-items:center;justify-content:center;gap:8px}.notification-header-action-btn{border:2px solid #0265a1;color:#0265a1;background-color:transparent;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px 7px 12px;border-radius:16px;cursor:pointer;transition:.3s}.notification-header-action-btn:hover{transform:scale(1.03)}.notification-user-container{display:flex;align-items:center;justify-content:start;gap:10px}.notification-user-profile-container{height:40px;width:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6a7282}.notification-user-profile-container>img{height:100%;width:100%;object-fit:cover}@media(max-width:768px){.notification-header-action-btn{padding:clamp(4px,2vw,8px) clamp(7px,2vw,14px) clamp(3px,2vw,7px) clamp(6px,2vw,12px);gap:clamp(6px,2vw,10px);font-size:clamp(8px,2vw,12px)}.notification-header-action-btn svg{height:clamp(12px,2vw,24px);width:clamp(12px,2vw,24px)}}