*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#f7f7fb;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.auth-container{background:#fff;justify-content:center;align-items:stretch;min-height:560px;display:flex;overflow:hidden;box-shadow:0 14px 40px #0f172a1f}.auth-left{flex-direction:column;flex:0 0 45%;justify-content:center;align-items:start;min-width:0;display:flex;overflow:hidden}.auth-left img{object-fit:contain;width:87%;height:auto;max-height:100%;display:block}.auth-right{flex-direction:column;flex:56%;justify-content:center;min-width:0;padding:clamp(24px,4.2vw,76px);display:flex;overflow:hidden}.auth-right>*{width:min(100%,600px)}.auth-header h1{color:#101323;margin:0 0 8px;font-size:clamp(30px,3.3vw,48px);font-weight:700;line-height:1.08}.auth-header p{color:#5d6478;margin:0;font-size:clamp(15px,1.35vw,18px);line-height:1.5}@media (width<=768px){.auth-header{text-align:center}}.inputGroup{margin-bottom:10px}.inputGroup label{color:#111827;margin-bottom:12px;font-size:17px;font-weight:600;display:block}.inputWrapper{background:#fff;border:1px solid #d0d5dd;border-radius:10px;align-items:center;width:95%;height:40px;padding-right:20px;display:flex}.leftIcon,.rightIcon{color:#667085;justify-content:center;align-items:center;padding-left:6px;display:flex;font-size:20px!important}.inputWrapper input{color:#111827;background:0 0;border:none;outline:none;flex:1;height:100%;padding:10px;font-size:15px}.inputWrapper input::placeholder{color:#667085}.leftIcon svg,.rightIcon svg{width:20px;height:20px}.importantIcon{color:red;padding-left:2px}.fieldError{color:red;margin-top:5px;margin-left:2px;font-size:13px}.btn{cursor:pointer;border:none;outline:none;font-weight:600;transition:all .3s}.primaryBtn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6d28ff,#4f00ff);border:none;border-radius:16px;width:95%;height:50px;font-size:20px}.primaryBtn:hover{opacity:.9}.secondaryBtn{color:#111827;background-color:#f3f4f6;border-radius:12px;padding:12px 20px;font-size:16px}.secondaryBtn:hover{background-color:#e5e7eb}.outlineBtn{color:#111827;background:0 0;border:1px solid #d1d5db;border-radius:12px;padding:12px 20px;font-size:16px}.outlineBtn:hover{background-color:#f9fafb}.iconBtn{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:40px;height:40px}.loginForm{width:100%;max-width:650px}.form-group label{color:#111827;margin-bottom:8px;font-size:clamp(14px,1.1vw,16px);font-weight:600;display:block}.error-text{color:#dc2626;margin-top:6px;font-size:13px;font-weight:500}.eye-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.eye-btn:focus{outline:none}.eye-icon{color:#6b7280;width:20px;height:20px;transition:color .25s}.eye-btn:hover .eye-icon{color:#5f2eea}.login-links{justify-content:end;align-items:center;width:95%;margin:14px 0 22px;font-size:15px;display:flex}.login-links label{cursor:pointer;color:#4b5563;align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.login-links input[type=checkbox]{accent-color:#5f2eea;cursor:pointer;width:18px;height:18px}.login-links a{color:#4f19d8;font-weight:600;text-decoration:none;transition:color .2s}.login-links a:hover{color:#3710a3}.loginForm button[type=submit]{width:95%;margin-top:10px}.bottom-text a:hover{text-decoration:underline}.span{align-items:center;gap:16px;margin:24px 0;display:flex}.span:before,.span:after{content:"";background:#d6d8e1;flex:1;height:1px}.span span{color:#6b7280;white-space:nowrap;font-size:14px}@media (width<=768px){.login-links,.loginForm button[type=submit]{width:100%}}@media (width<=576px){.login-links{flex-direction:column;align-items:flex-start;gap:12px}.span{gap:10px}}.signup-form{width:100%;max-width:500px;margin:0 auto}.auth-header{text-align:left;margin-bottom:28px}.form-group{margin-bottom:18px}.signup-btn{width:100%}@media (width>=769px){.auth-right:has(.form-group:nth-of-type(4)){padding-top:clamp(18px,2.8vw,42px);padding-bottom:clamp(18px,2.8vw,42px)}.auth-right:has(.form-group:nth-of-type(4)) .auth-header{margin-bottom:clamp(12px,1.8vh,18px)}.auth-right:has(.form-group:nth-of-type(4)) .auth-header h1{font-size:clamp(26px,2.5vw,38px)}.auth-right:has(.form-group:nth-of-type(4)) .auth-header p{font-size:clamp(13px,1.1vw,15px)}.auth-right:has(.form-group:nth-of-type(4)) .form-group{margin-bottom:clamp(9px,1.3vh,13px)}.auth-right:has(.form-group:nth-of-type(4)) .form-group label{margin-bottom:6px;font-size:13px}.auth-right:has(.form-group:nth-of-type(4)) .input-box{min-height:42px;padding:0 14px}.auth-right:has(.form-group:nth-of-type(4)) .custom-btn{min-height:44px;margin-top:6px}.auth-right:has(.form-group:nth-of-type(4)) .span{margin-top:clamp(12px,1.8vh,18px)}.auth-right:has(.form-group:nth-of-type(4)) .social-container{margin-top:12px}.auth-right:has(.form-group:nth-of-type(4)) .social-btn{min-height:42px;padding:10px 14px}.auth-right:has(.form-group:nth-of-type(4)) .bottom-text{margin-top:clamp(10px,1.6vh,16px)}}.password-info{color:#777;margin-top:6px;font-size:13px}.error-text{color:red;margin-top:5px;font-size:13px}.terms{color:#555;align-items:center;gap:10px;margin:18px 0 22px;font-size:14px;display:flex}.terms input{accent-color:#6c2cff;width:16px;height:16px}.terms a{color:#6c2cff;font-weight:600;text-decoration:none}.signup-btn{width:100%;margin-top:10px}.divider{align-items:center;margin:28px 0 20px;display:flex}.divider:before,.divider:after{content:"";background:#ddd;flex:1;height:1px}.divider span{color:#666;white-space:nowrap;margin:0 15px;font-size:14px}.social-buttons{justify-content:center;gap:15px;margin-top:10px;display:flex}.social-buttons button{flex:1}.bottom-text{text-align:center;color:#666;margin-top:24px;font-size:15px}.bottom-text a{color:#6c2cff;margin-left:5px;font-weight:600;text-decoration:none}@media (width<=768px){.signup-form{max-width:100%}.auth-header{text-align:center}.auth-header h1{font-size:34px}.auth-header p{font-size:15px}.terms{align-items:flex-start}}.headerSession{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;height:50px;padding:10px 20px;display:flex;box-shadow:0 2px 8px #00000014}.leftSectionheader{width:25%;padding-bottom:20px}.rightSectionHeader{align-items:center;gap:15px;margin-left:auto;display:flex}.userInfo h5{margin:0;font-size:14px}.userInfo h6{color:gray;margin:0;font-size:12px;font-weight:400}.userimage{object-fit:cover;border-radius:50%;width:40px;height:40px}.sidebar{color:#fff;box-sizing:border-box;background:#0a111a;border-radius:12px;flex-direction:column;width:250px;height:100vh;padding:15px;display:flex}.sidebarHeader{flex-shrink:0;padding-bottom:20px}.logoSection{align-items:center;gap:10px;display:flex}.logoIcon{color:#4f7cff}.logoSection h2{margin:0;font-size:25px;font-weight:700}.sidebarBody{flex:1;max-height:78%;overflow-y:auto}.menu{flex-direction:column;gap:6px;display:flex}.menuItem{color:#fff;cursor:pointer;box-sizing:border-box;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 15px;text-decoration:none;transition:all .3s;display:flex}.menuItem:hover{background:#ffffff14}.menuItem.active{color:#fff;background:linear-gradient(90deg,#2563eb,#4f7cff)}.menuItem svg{flex-shrink:0}.menuItem span{flex:1}.arrowIcon{margin-left:auto}.submenu{flex-direction:column;margin-left:35px;display:flex}.submenu-item{color:#d8d8d8;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.submenu-item:hover{background:#ffffff14}.active-submenu{color:#fff;background:#2563eb}.sidebarFooter{border-top:1px solid #ffffff1a;flex-shrink:0;padding-top:5px}.logout{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 15px;display:flex}.logout:hover{background:#ffffff14}.graphSection{grid-template-columns:2fr 1fr;align-items:stretch;gap:10px;width:100%;margin-top:5px;margin-bottom:5px;display:grid}.lineChartSection{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex:0 0 65%;max-width:100%;box-shadow:0 2px 10px #0000000d}.pieChartSection{flex-direction:column;display:flex}.cardContainer{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:5px;display:grid}@media (width<=992px){.chartGrid{grid-template-columns:1fr}.piechart h3{margin-bottom:20px;font-size:22px}}.bottomCards{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:5px;display:grid}.recentCard{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;padding:10px}.cardHeader{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.cardHeader h3{margin:0;font-size:18px;font-weight:600}.cardHeader span{color:#4f46e5;cursor:pointer;font-size:14px}@media (width<=768px){.bottomCards{grid-template-columns:1fr}}.pieWrapper{align-items:center;display:flex;position:relative}.centerText{text-align:center;position:absolute;top:52%;left:23%;transform:translate(-50%,-50%)}.centerText h2{font-size:32px;font-weight:700}.centerText p{color:gray}.brandItem{justify-content:space-between;margin-bottom:10px;font-size:15px;display:flex}.brandLeft{align-items:center;gap:10px;display:flex}.colorDot{border-radius:50%;width:10px;height:10px}.chartCard{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;height:100%;padding:5px;box-shadow:0 2px 10px #0000000d}.chartCard h3{margin:0}.lineCard{width:100%;box-shadow:none;background:0 0;border-radius:0;padding:0}.lineHeader{justify-content:space-between;align-items:center;padding-left:8px;padding-right:10px;display:flex}.lineHeader h3{color:#111827;margin:0;font-size:20px;font-weight:600}.lineHeader select{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;margin-top:5px;padding:8px 14px}.legendBox{gap:20px;margin-left:100px;display:flex}.legendItem{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.revenue{background:#2563eb}.orders{background:#7c9cff}.statecard{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;min-width:0;padding:10px;transition:all .3s;box-shadow:0 2px 10px #00000014}.statecard:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.cardTop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cardContent{flex:1;min-width:0}.statecard h4{color:#6b7280;margin:0;font-size:15px;font-weight:500;line-height:1.3}.statecard h2{color:#111827;margin:3px;font-size:20px;font-weight:700;line-height:1.2}.cardFooter{white-space:nowrap;align-items:center;gap:5px;display:flex}.percent{color:#16a34a;font-size:15px;font-weight:600}.lastMonth{color:#6b7280;font-size:15px;font-weight:400}.iconBox{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:25px;min-width:25px;height:25px;min-height:25px;font-size:22px;display:flex}.dashboardHeaders{justify-content:space-between;align-items:flex-start;width:100%;margin:0;display:flex}.headersubTitle{color:#111827;align-items:center;gap:8px;margin:0;padding-top:5px;padding-bottom:5px;font-weight:700;display:flex}.headerLeft p{color:#9ca3af;margin:1px;font-size:16px;font-weight:500}.dateFilter{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;min-width:175px;height:40px;margin:5px;padding:5px;display:flex;box-shadow:0 1px 2px #00000008}.dateFilter span{color:#374151;font-size:15px;font-weight:500}.filterIcon{color:#6b7280;font-size:18px}.AddUserButton{background-color:#4f7cff;border-radius:10px;width:120px;height:40px;margin-top:10px;font-size:15px}.userRow{justify-content:space-between;align-items:center;display:flex;margin-bottom:5px!important}.userIcon{color:#111827;font-size:22px}.userText h4{margin:0;font-size:15px;font-weight:600}.userText p{color:#6b7280;margin:2px 0 0;font-size:13px}.dateText{color:#6b7280;font-size:13px}.activityInfo{align-items:center;gap:12px;display:flex}.dot{background:#47629d;border-radius:50%;width:7px;height:7px}.activityInfo p{color:#111827;margin:0;font-size:15px;font-weight:500}.admin_Layout{width:100%;height:100vh;display:flex}.sidebarSection{background:#111827;width:250px;height:100vh}.mainSection{background:#f5f5f5;flex:1}.childenSection{height:100%;padding-left:10px;padding-right:10px;overflow-y:auto}.bottomSection{padding-left:10px;padding-right:10px}.tableWrapper{flex-direction:column;height:calc(100vh - 175px);display:flex}.paginationWrapper{margin-top:auto}.userInitials{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.usersTopSection{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.tabsSection{flex-wrap:wrap;gap:18px;display:flex}.tabBtn{cursor:pointer;color:#666;background:0 0;border:none;font-size:15px}.tabBtn.active{color:#2563eb;background-color:#0000;border-bottom:2px solid #2563eb;padding:0;font-weight:600}.searchpart{align-items:center;gap:14px;display:flex}.searchBoxs{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;width:320px;height:40px;margin-top:2px;padding-left:10px;padding-right:15px;display:flex}.searchInput{background:0 0;border:none;outline:none;width:100%;font-size:14px}.searchIcon{color:#6b7280;font-size:18px}.clearIcon{color:#6b7280;cursor:pointer;width:18px;height:18px;transition:color .2s}.clearIcon:hover{color:#111827}.filterIcon{color:gray;margin-right:10px}.filterButton{color:gray;background:#fff;border:1px solid #d0d5dd;border-radius:10px;align-items:center;width:100%;height:40px;margin-top:2px;padding:0 22px;display:flex}.filterWrapper{position:relative}.filterDropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:10px;width:220px;padding:10px;position:absolute;top:50px;right:0;box-shadow:0 5px 15px #00000026}.filterSection{flex-direction:column;display:flex}.filterSection button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:8px 12px;transition:all .3s}.filterSection button:hover{background:#f5f5f5}.activeFilter{color:#fff;background:#6c5ce7!important;border-color:#6c5ce7!important}.roleHeader{justify-content:space-between;align-items:flex-start;width:100%;padding-bottom:15px;display:flex}.roleHeader h4{margin:0}.roleHeader svg{cursor:pointer;background-color:#eceaea}.paginationContainer{background:#fff;border-top:1px solid #f2f4f7;justify-content:space-between;align-items:center;height:45px;padding:3px 13px;display:flex}.showEntries{align-items:center;display:flex}.showEntries span{color:#667085;font-size:14px;font-weight:500}.paginationRight{align-items:center;gap:8px;display:flex}.pageBtn{color:#667085;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:38px;height:32px;transition:all .2s;display:flex}.pageBtn:hover:not(:disabled){background:#f9fafb}.activePage{color:#155eef;background:#f9fafb;border:1px solid #d0d5dd;font-weight:600}.pageBtn:disabled{opacity:.5;cursor:not-allowed}.dots{padding:0 6px;font-size:14px}.tableContainer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;flex:1;margin-top:5px;display:flex}.tableScroll{flex:1;height:99%;overflow-y:auto}.paginationContainer{flex-shrink:0;margin-top:auto}.tableScroll::-webkit-scrollbar{width:6px;height:6px}.tableScroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.tableScroll::-webkit-scrollbar-track{background:0 0}.commonTable{border-collapse:collapse;table-layout:fixed;width:100%}.commonTable thead th{z-index:10;background:#dee1e5;padding-top:10px;padding-bottom:10px;position:sticky;top:0}.commonTable th{text-align:left;color:#374151;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:14px;font-weight:600}.commonTable td{white-space:nowrap;color:#374151;border-bottom:1px solid #e5e7eb;padding-top:3px;padding-bottom:3px;padding-left:12px;font-size:14px}.users-table-section{flex-direction:column;flex:1;min-height:0;display:flex}.brandInfo{align-items:center;gap:12px;display:flex}.brandLogo{color:#fff;background:#000;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;font-weight:600;display:flex}.userInfo{align-items:center;gap:12px;display:flex}.userInfo img{border-radius:50%;width:36px;height:36px}.statusBadge,.status,.role{border-radius:8px;justify-content:center;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.approved{color:#16a34a;background:#dcfce7}.pending{color:#d97706;background:#fef3c7}.rejected{color:#dc2626;background:#fee2e2}.active{color:#16a34a;background:#dcfce7}.inactive{color:#d97706;background:#fef3c7}.blocked{color:#dc2626;background:#fee2e2}.actionBtns,.actionButtons{align-items:center;gap:10px;display:flex}.actionBtn{cursor:pointer;width:18px;height:18px}.actionBtn.disabled{opacity:.5;pointer-events:none}.actionButtons button{cursor:pointer;color:#111827;background:#f3f4f6;border:none;border-radius:8px;width:32px;height:32px;font-size:18px}.actionButtons button:hover{background:#e5e7eb}.tableHeader{justify-content:space-between;align-items:center;display:flex}.sortableHeader{cursor:pointer;-webkit-user-select:none;user-select:none}.headerContent{align-items:center;gap:6px;display:inline-flex}.headerContent svg{font-size:12px}.formFullPage{background:#f5f7fb;width:100%;height:100vh;display:flex;overflow:hidden}.formSection{flex:1;overflow-y:auto}.formSectionBottom{padding:20px}.buttonSection{justify-content:space-between;margin-top:25px;padding-bottom:30px;display:flex}.AddcancelBtn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:120px;height:40px;font-size:15px}.createBtn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;width:160px;height:40px;font-size:15px;font-weight:500}.inputGroup input,.inputGroup select,.inputGroup textarea,.selectWrapper select{scroll-margin-top:120px}.cardSection{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:10px;padding:22px}.cardTitle{color:#111827;align-items:center;gap:10px;margin-bottom:15px;font-size:18px;display:flex}.cardTitle span{color:#4f46e5;align-items:center;display:flex}.formGrid{grid-template-columns:repeat(2,1fr);width:95%;display:grid}.selectField{flex-direction:column;gap:8px;display:flex}.selectField label{color:#111827;font-weight:600}.selectWrapper{background:#fff;border:1px solid #d1d5db;border-radius:10px;grid-template-columns:1fr 40px;align-items:center;width:95%;height:40px;display:grid;overflow:hidden}.selectWrapper select{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 15px;font-size:14px}.selectIcon{color:#6b7280;cursor:pointer;place-items:center;height:100%;display:grid}.passwordBox h4{color:#4f46e5;margin-bottom:10px;font-size:14px}.passwordBox ul{padding:0;list-style:none}.passwordBox li{color:#374151;margin-bottom:8px;font-size:14px}.textAreaSection{margin-top:10px}.textAreaSection label{margin-bottom:8px;font-size:17px;font-weight:600;display:block}.textAreaSection textarea{resize:none;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:110px;padding:15px;font-size:14px}.uploadSection{margin-top:10px}.uploadLabel{color:#344054;margin-bottom:10px;font-size:17px;font-weight:600;display:block}.uploadBox{cursor:pointer;background:#fff;border:1.5px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:95%;height:180px;transition:all .2s;display:flex}.uploadBox:hover{background:#f9fafb}.uploadCircle{border:1px solid #d0d5dd;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;display:flex}.uploadIcon{color:#667085;font-size:18px}.uploadBox p{color:#667085;margin:0;font-size:14px;font-weight:500}.uploadBox span{color:#98a2b3;margin-top:4px;font-size:12px}@media (width<=768px){.formGrid{grid-template-columns:1fr}}.selectWrapper.inputError{border:1px solid red}.passwordBox{background:#f8f9fa;border-radius:8px;width:93%;margin-top:10px;padding:15px}.passwordBox h4{margin-bottom:12px;font-size:15px;font-weight:600}.passwordRule{color:#6b7280;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.passwordRule input[type=checkbox]{accent-color:#16a34a;cursor:default;width:16px;height:16px}.passwordRule.success{color:#16a34a;font-weight:600}.previewImage{object-fit:contain;border-radius:8px;max-width:180px;max-height:120px}.errorMessage{color:red;margin-top:4px;font-size:13px}.uploadBox{text-align:center;cursor:pointer;border:2px dashed #d1d5db;border-radius:8px;padding:25px;transition:all .2s}.uploadBox:hover{border-color:#6366f1}.uploadBox.dragging{background-color:#f5f7ff;border-color:#6366f1}.fileInput{display:none}.uploadCircle{border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:0 auto 10px;display:flex}.uploadIcon{font-size:20px}.previewImage{object-fit:cover;border-radius:8px;width:120px;height:120px}.user-details-page{background:#f8fafc;min-height:100vh;padding:10px}.pageHeader{justify-content:space-between;align-items:center;display:flex}.pageHeader h2{font-size:34px;margin:5px!important}.pageHeader p{color:#6b7280;margin:5px!important}.profileCard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;grid-template-columns:60% 40%;align-items:center;padding:10px 25px;display:grid;box-shadow:0 4px 15px #0000000d}.profileLeft{align-items:center;gap:25px;display:flex}.profile-image{object-fit:cover;border:4px solid #8b5cf6;border-radius:50%;width:120px;height:120px}.profileLeft h2{margin:5px;font-size:34px;font-weight:500}.profileLeft p{color:#6b7280;margin:5px}.statusBadges{border-radius:30px;align-items:center;gap:6px;margin-top:10px;padding:8px 18px;font-weight:600;display:inline-flex}.statusBadges .active{color:#15803d;background:#dcfce7}.statusBadges .inactive{color:#b45309;background:#fef3c7}.statusBadges .blocked{color:#dc2626;background:#fee2e2}.profileRight{border-left:1px solid #e5e7eb;align-items:center;gap:150px;width:100%;padding-left:40px;display:flex}.topCard span{color:#6b7280;margin-bottom:10px;display:block}.sectionCard h3{margin:10px;font-size:24px}.infoGrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.infoCard{border:1px solid #eef2f7;border-radius:14px;padding:10px}.infoCard label{color:#6b7280;margin-bottom:8px;font-size:14px;display:block}.infoCard h4{color:#111827;margin:3px;font-size:20px;font-weight:500}.addressCard{border:1px solid #eef2f7;border-radius:14px;padding:10px}.addressCard h4{margin-bottom:10px}.addressCard p{color:#374151;line-height:28px}.ViewEditBtn{width:145px}.detailsSection{grid-template-columns:2fr 1fr;gap:20px;margin-top:10px;display:grid}.sectionCard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;height:100%;padding:10px;box-shadow:0 4px 15px #0000000d}.userHeader{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.userHeader>div:first-child{flex:1}.ViewEditBtn{flex-shrink:0;width:145px}.filters{box-sizing:border-box;background:#fff;align-items:center;width:100%;height:55px;padding:6px;display:flex;margin:0 px!important}.brandSearchBox{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;width:300px;height:40px;padding:0 14px;display:flex}.searchIcon{color:#9ca3af;width:20px;height:20px}.searchInput{background:0 0;border:none;outline:none;width:100%;margin-left:10px;font-size:15px}.searchInput::placeholder{color:#9ca3af}.RightSection{align-items:center;gap:20px;margin-left:auto;display:flex}.statusSelectWrapper{display:inline-block;position:relative}.statusSelects{cursor:pointer;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:145px;height:40px;padding:0 20px 0 10px;font-size:15px}.addButton{border-radius:8px;justify-content:center;align-items:center;width:145px;height:40px;padding:0 24px;font-size:15px;font-weight:600;display:flex}.plusIcon{margin-right:6px;font-size:20px;line-height:1}.tableWrapper{flex-direction:column;flex:1;min-height:0;display:flex}.selectArrow{color:#6b7280;pointer-events:none;font-size:22px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.addBrandForm{gap:24px;margin-top:10px;display:flex}.formCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding-left:24px;padding-right:24px}.formCard h2{margin-bottom:8px;font-size:22px}.subText{color:#6b7280;margin-bottom:24px}.textareaGroup{flex-direction:column;margin-top:20px;display:flex}.textareaGroup label{margin-bottom:8px;font-weight:500}.textareaGroup label span{color:red}.textareaGroup textarea{resize:none;border:1px solid #d1d5db;border-radius:8px;outline:none;width:95%;min-height:120px;padding:12px}.charCount{text-align:right;color:#6b7280;width:95%;margin-top:5px}.uploadGroup{margin-bottom:20px}.uploadGroup label{margin-bottom:8px;font-weight:500;display:block}.uploadGroup select{color:#4f46e5;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;height:48px;padding:0 12px;font-weight:600}.fileInfo{color:#6b7280;margin-top:40px;font-size:14px}.buttonSection{justify-content:flex-end;gap:16px;margin-top:10px;display:flex}.cancelBtn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 32px}.submitBtn{cursor:pointer;width:240px;padding:12px 32px}.addBrandForm label{color:#111827;margin-bottom:12px;font-size:17px;font-weight:600;display:block}.inputError{border:1px solid red!important}.fieldError{color:red;margin-top:4px;font-size:12px}.wrapperClassName{padding:0}.topSection{grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:10px;display:grid}.brandsection{background:#fff;border:1px solid #eaecf0;border-radius:12px;align-items:center;gap:32px;padding:24px;display:flex}.logoBox{color:#101828;justify-content:center;align-items:center;width:150px;min-width:250px;font-size:48px;font-weight:700;display:flex}.brandDetailsInfo{flex-direction:column;flex:1;gap:14px;display:flex}.brandDetailsInfo p{color:#667085;margin:0;font-size:15px}.titleRow{align-items:center;gap:12px;display:flex}.titleRow h2{margin:0;font-size:28px;font-weight:700}.rightSection{padding-top:60px;position:relative}.editBtn{color:#fff;cursor:pointer;background:#5b3df5;border:none;border-radius:8px;padding:12px 18px;position:absolute;top:0;right:0}.infosection,.statissection{background:#fff;border:1px solid #eaecf0;border-radius:12px;padding:10px}.documentRow{grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:14px 0;display:grid}.statsGrid{grid-template-columns:repeat(3,1fr);margin-top:10px;display:grid}.statItem{padding:0 30px}.statItem:not(:last-child){border-right:1px solid #eaecf0}.downloadIcon{width:15px}.AboutBrand{margin:0}.brandDetailsContainer{margin:10px}.Orderscard{grid-template-columns:repeat(5,minmax(180px,1fr));gap:16px;margin-bottom:5px;display:grid}.orderFilters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:5px;display:flex}.searchBox{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;width:360px;height:35px;padding:0 12px;display:flex}.searchBox input{border:none;outline:none;flex:1;margin-left:8px}.searchIcon{color:#6b7280}.statusSelect{border:1px solid #d1d5db;border-radius:8px;width:150px;height:35px;padding:0 12px}.datePicker{background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;width:200px;height:35px;padding:0 12px;display:flex}.datePicker input{background:0 0;border:none;outline:none;width:100%}.filterBtn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:110px;height:35px;display:flex}.filterBtn:hover{background:#f3f4f6}.status{border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.status.active{color:#16a34a;background:#dcfce7}.status.inactive{color:#d97706;background:#fef3c7}.status.blocked{color:#dc2626;background:#fee2e2}.roles-page{padding:30px}.roles-header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.roles-header h1{color:#111827;font-size:36px;font-weight:700}.roles-header p{color:#6b7280;margin-top:8px;font-size:15px}.add-role-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s}.add-role-btn:hover{background:#1d4ed8}.roles-toolbar{margin-bottom:25px}.roles-search{border:1px solid #ddd;border-radius:10px;outline:none;width:320px;height:42px;padding:0 15px;font-size:14px}.roles-search:focus{border-color:#2563eb}.roles-table-container{background:#fff;border-radius:16px;margin-bottom:20px;overflow:visible;box-shadow:0 2px 8px #0000000d}.roles-table{border-collapse:collapse;width:100%}.roles-table thead{background:#f8fafc}.roles-table th{text-align:left;color:#374151;padding:18px;font-size:14px;font-weight:600}.roles-table td{color:#374151;border-top:1px solid #f1f5f9;padding:24px 16px;font-size:14px}.roles-table tbody tr:hover{background:#fafafa}.status-active{color:#15803d;background:#dcfce7;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.status-inactive{color:#dc2626;background:#fee2e2;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.action-buttons{white-space:nowrap;align-items:center;gap:10px;display:flex}.icon-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.icon-btn:hover{color:#fff;background:#2563eb}.roles-table th:last-child,.roles-table td:last-child{width:160px;min-width:160px}.delete-btn{color:#ff4d4f}.roles-search-wrapper{width:320px;position:relative}.roles-search-icon{color:#6b7280;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.roles-search{border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 14px 10px 42px;font-size:14px}.roles-search:focus{border-color:#2563eb;outline:none}.roles-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.roles-filter{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:180px;height:42px;padding:0 12px}.roles-filter-group{align-items:center;gap:12px;display:flex}.roles-date-filter{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:180px;height:42px;padding:0 12px;font-size:14px}.roles-date-filter:focus{border-color:#2563eb;outline:none}.role-form-page{padding:30px}.page-header h1{color:#111827;font-size:34px;font-weight:700}.page-header p{color:#6b7280;margin-top:8px;margin-bottom:25px}.role-content{grid-template-columns:350px 1fr;gap:24px;display:grid}.role-form-container{align-items:flex-start;gap:32px;display:flex}.role-info-card,.permissions-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d}.role-info-card h2,.permissions-card h2,.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:600;display:block}.status-options{gap:24px;display:flex}.status-options label{cursor:pointer;align-items:center;gap:8px;display:flex}.button-group{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.cancel-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px 28px}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 28px}.permission-table{border-collapse:collapse;width:100%;margin-top:20px}.permission-table thead{background:#f8fafc}.permission-table th{text-align:center;padding:16px;font-size:14px;font-weight:600}.permission-table td{text-align:center;vertical-align:middle;border-top:1px solid #f1f5f9;padding:22px 18px}.permission-table th:first-child,.permission-table td:first-child{text-align:left;width:40%}.permission-table td:first-child{font-weight:500}.permission-table input[type=checkbox]{cursor:pointer;width:18px;height:18px}.inputWrapper input:-webkit-autofill{-webkit-text-fill-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}.inputWrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}.inputWrapper input:-webkit-autofill:focus{-webkit-text-fill-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}.inputWrapper input:-webkit-autofill:active{-webkit-text-fill-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}h2,p{margin:0;padding:0}.sidebarBody::-webkit-scrollbar{display:none}