.chartBox{display:flex;height:100%}@media screen and (max-width: 768px){.chartBox{flex-direction:column;gap:20px}}.chartBox .boxInfo{flex:3;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 480px){.chartBox .boxInfo{gap:10px}}@media screen and (max-width: 768px){.chartBox .boxInfo{gap:10px}}.chartBox .boxInfo .title{display:flex;align-items:center;gap:10px}@media screen and (max-width: 1400px){.chartBox .boxInfo .title{font-size:14px}}@media screen and (max-width: 1400px){.chartBox .boxInfo h1{font-size:16px}}.chartBox .chartInfo{flex:2;display:flex;flex-direction:column;justify-content:space-between}.chartBox .chart{height:100%;width:100%}.chartBox .text{display:flex;flex-direction:column;text-align:right}.chartBox .text .percentage{font-weight:700;font-size:20px}@media screen and (max-width: 1400px){.chartBox .text .percentage{font-size:16px}}.chartBox .text .duration{font-size:14px}.topBox h1{margin-bottom:20px}@media screen and (max-width: 1400px){.topBox h1{font-size:24px}}@media screen and (max-width: 480px){.topBox h1{font-size:18px}}.topBox .list .listItem{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}@media screen and (max-width: 480px){.topBox .list .listItem span{font-size:12px}}.topBox .list .listItem .user{display:flex;gap:20px}.topBox .list .listItem .user img{width:40px;height:40px;border-radius:50%;object-fit:cover}@media screen and (max-width: 1400px){.topBox .list .listItem .user img{display:none}}@media screen and (max-width: 1024px){.topBox .list .listItem .user img{display:block}}.topBox .list .listItem .user .userTexts{display:flex;flex-direction:column;gap:5px}.topBox .list .listItem .user .userTexts .username{font-size:14px;font-weight:500}@media screen and (max-width: 480px){.topBox .list .listItem .user .userTexts .username{font-size:12px}}.topBox .list .listItem .user .userTexts .email{font-size:12px}@media screen and (max-width: 480px){.topBox .list .listItem .user .userTexts .email{font-size:11px}}@media screen and (max-width: 1400px){.topBox .list .listItem .user .userTexts .email{display:none}}@media screen and (max-width: 1024px){.topBox .list .listItem .user .userTexts .email{display:block}}.home{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense}@media screen and (max-width: 1200px){.home{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.home{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.home{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.home{grid-auto-rows:minmax(120px,auto)}}.home .box{padding:20px;border-radius:10px;box-shadow:#00000059 0 5px 15px}@media screen and (max-width: 480px){.home .box{width:100%;margin-left:auto;margin-right:auto}}.home .box-1,.home .box-4{grid-column:span 1;grid-row:span 3}@media screen and (max-width: 1400px){.home .box-4 h1{font-size:24px}}@media screen and (max-width: 480px){.home .box-4 h1{font-size:18px}}.home .box-7{grid-column:span 2;grid-row:span 2}@media screen and (max-width: 768px){.home .box-7{display:none}}@media screen and (max-width: 480px){.home .box-7{display:none}}@media screen and (max-width: 1400px){.home .box-7 h1{font-size:24px}}@media screen and (max-width: 480px){.home .box-7 h1{font-size:18px}}@media screen and (max-width: 1400px){.home .box-8 h1{font-size:24px}}@media screen and (max-width: 480px){.home .box-8 h1{font-size:18px}}@media screen and (max-width: 1400px){.home .box-9 h1{font-size:24px}}@media screen and (max-width: 480px){.home .box-9 h1{font-size:18px}}.chartBox{height:100%;width:100%}.chartBox h1{font-size:20px;margin-bottom:20px}.pieChart{height:100%;display:flex;flex-direction:column;justify-content:space-between}.pieChart .chart{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.pieChart .options{display:flex;justify-content:space-between;gap:10px;font-size:14px}@media screen and (max-width: 480px){.pieChart .options{font-size:11px}}.pieChart .options .option{display:flex;flex-direction:column;gap:10px;align-items:center}.pieChart .options .option .title{display:flex;gap:10px;align-items:center}.pieChart .options .option .title .dot{width:10px;height:10px;border-radius:50%}.bigChartBox{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.bigChartBox .chart{height:300px;width:100%}.dataTable .css-j9ad5u{height:auto;width:95%}@media screen and (max-width: 480px){.dataTable .css-j9ad5u{width:100%}}.dataTable .dataGrid{background:white}@media screen and (max-width: 480px){.dataTable .dataGrid .css-1qb993p-MuiDataGrid-columnHeaderTitle{font-size:12px}}.dataTable .dataGrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataTable .dataGrid .css-1rtad1{z-index:0}.dataTable .dataGrid img{height:32px;width:32px;border-radius:50%;object-fit:cover}.dataTable .dataGrid .action{display:flex;gap:15px}.dataTable .dataGrid .action .img,.dataTable .dataGrid .action div{height:20px;width:20px;cursor:pointer}@media screen and (max-width: 480px){.dataTable .css-163fvz6-MuiDataGrid-root .MuiDataGrid-cell{font-size:12px}}.users h1{font-size:24px}@media screen and (max-width: 480px){.users h1{font-size:18px}}.users .info{display:flex;gap:20px;margin-bottom:20px}.users .info button{padding:5px;cursor:pointer;border:none;border-radius:5px}.users .info .new-user-btn-light{background-color:#123456;color:#fff}.users .info .new-user-btn-dark{background-color:#fff;color:#123456}.users .info button:hover{background-color:#ff7948;color:#fff}.add{height:100vh;width:100vw;background-color:#0000009d;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0}.add .modal{padding:35px;border-radius:10px;background:linear-gradient(110.6deg,rgb(156,116,129) -18.3%,rgb(67,54,74) 16.4%,rgb(47,48,67) 68.2%,rgb(27,23,36) 99.1%);box-shadow:inset 0 0 0 9px #0000008f;z-index:6;position:relative}.add .modal h1{font-size:24px;color:#ddd}@media screen and (max-width: 768px){.add .modal h1{font-size:22px}}@media screen and (max-width: 480px){.add .modal h1{font-size:20px}}.add .modal .close{position:absolute;top:10px;right:10px;cursor:pointer;padding:7px 13px}.add .modal .close:hover{background-color:red}.add .modal form{display:flex;flex-direction:row;flex-wrap:wrap;width:40vw;max-width:500px;justify-content:space-between;background-color:transparent;box-shadow:none;gap:0}@media screen and (max-width: 768px){.add .modal form{width:65vw}}.add .modal form .item{width:47%;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}@media screen and (max-width: 1200px){.add .modal form .item{margin-bottom:10px}}@media screen and (max-width: 768px){.add .modal form .item{width:45%;gap:6px;margin-bottom:8px}}@media screen and (max-width: 480px){.add .modal form .item{gap:0;width:45%;padding:0}}.add .modal form label{font-size:14px}@media screen and (max-width: 480px){.add .modal form label{font-size:12px}}.add .modal form input{padding:5px;background-color:transparent;color:wheat;outline:none;border:1px solid #ddd;border-radius:3px}@media screen and (max-width: 768px){.add .modal form input{font-size:13px}}@media screen and (max-width: 480px){.add .modal form input{font-size:12px;padding:5px}}.add .modal form button{width:100%;padding:10px;cursor:pointer;border:none;border-radius:7px}.add .modal form button:hover{background-color:#06f;color:#fff}.add .modal form .colors-sizes{display:flex;justify-content:space-between;gap:10px;width:100%;-webkit-text-fill-color:white}@media screen and (max-width: 768px){.add .modal form .colors-sizes{margin-top:8px;margin-bottom:8px}}.add .modal-light{background:linear-gradient(99.6deg,rgb(209,227,255) 10.6%,rgb(242,227,234) 32.9%,rgb(234,202,213) 52.7%,rgb(220,227,239) 72.8%,rgb(185,205,227) 81.1%,rgb(154,180,212) 102.4%)}.add .modal-light form input{color:#000;border:1px solid rgba(0,0,0,.775)}.add .modal-light form button{background-color:#103456;color:#fff}.add .modal-light form button:hover{background-color:#ff4500}.add .modal-light form .colors-sizes{-webkit-text-fill-color:#000}.add .modal-light h1{color:#103456}@media screen and (max-width: 480px){.css-1x6bjyf-MuiAutocomplete-root .MuiAutocomplete-tag{max-height:23px}}.products h1{font-size:24px}@media screen and (max-width: 480px){.products h1{font-size:18px}}.products .info{display:flex;gap:20px;margin-bottom:20px}.products .info button{padding:5px;cursor:pointer;border:none;border-radius:5px}.products .info .new-product-btn-light{background-color:#123456;color:#fff}.products .info .new-product-btn-dark{background-color:#fff;color:#123456}.products .info button:hover{background-color:#ff7948;color:#fff}.navbar{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar .logo{display:flex;align-items:center;font-weight:700;gap:10px}@media screen and (max-width: 768px){.navbar .logo img{opacity:0}}.navbar .icons{display:flex;align-items:center;gap:20px}.navbar .icons .dark-mode-switch{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 480px){.navbar .icons .icon{display:none}}.navbar .icons .notification{position:relative}.navbar .icons .notification span{background-color:red;color:#fff;width:16px;height:16px;border-radius:50%;position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;font-size:12px}.navbar .icons .user{display:flex;align-items:center;gap:10px}.navbar .icons .user .profile{display:flex;align-items:center;gap:7px}.navbar .icons .user .profile img{width:26px;height:26px;border-radius:50%;object-fit:cover}@media screen and (max-width: 768px){.navbar .icons .user .profile span{font-size:13px}}@media screen and (max-width: 480px){.navbar .icons .user .profile span{font-size:11px}}.logout{display:flex;justify-content:right;align-items:center;height:20vh;width:20vw;position:absolute;top:15%;right:2vw;z-index:10}@media screen and (max-width: 1400px){.logout{top:23%}}@media screen and (max-width: 1200px){.logout{top:44%}}@media screen and (max-width: 480px){.logout{top:66%}}.logout .internal{height:79px;border-radius:5px;width:148px;justify-content:center;display:flex;align-items:center;background-color:#43364a76;border:1px solid gray}.logout .internal button{padding:8px;cursor:pointer;color:#fff;background-color:#2e69b5;width:60px;border-radius:5px;border:none}.logout .internal button:hover{background-color:#21497e}.menu .item{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.menu .item .title{font-size:12px;font-weight:200;text-transform:uppercase}@media screen and (max-width: 1024px){.menu .item .title{display:none}}.menu .item .listItem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px}.menu .item .listItem:hover{background-color:#5b7088;color:#fff}@media screen and (max-width: 1024px){.menu .item .listItem .listItemTitle{display:none}}.footer{display:flex;justify-content:space-between;position:absolute;background-color:gray;display:block;width:100%;text-align:center}.footer:first-child{font-weight:700}.footer:last-child{font-size:14px}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-image:linear-gradient(to top,#fbc2eb 0%,#a6c1ee 100%);padding:2rem;border-radius:5px;font-family:sans-serif}.login .login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;background-color:#235;padding:4rem;border-radius:10px}@media screen and (max-width: 480px){.login .login-container{padding:2rem}}.login .login-container hr{width:90%;margin-top:1rem;height:1px solid;border:1px solid gainsboro}.login .login-container img{width:70px;height:70px;margin-bottom:1rem}.login div h1{font-size:2rem;font-weight:700;text-align:center;color:#fffc70}@media screen and (max-width: 768px){.login div h1{font-size:1.5rem}}@media screen and (max-width: 480px){.login div h1{font-size:18px}}.login form{background-color:transparent;display:flex;flex-direction:column;width:100%;max-width:400px;border-radius:20px;box-shadow:none}.login form p{margin-bottom:.5rem;font-size:1.3rem;color:#fffc70}@media screen and (max-width: 768px){.login form p{font-size:1.2rem}}@media screen and (max-width: 480px){.login form p{font-size:12px;margin-bottom:0}}.login form input{padding:1rem;border:1px solid #ddd;border-radius:31px;margin-bottom:1rem;font-size:large}@media screen and (max-width: 480px){.login form input{padding:.7rem;font-size:small}}.login form input:focus{outline:none;border-color:#ffd84b}.login form button{padding:1.2rem 2rem;border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s ease}@media screen and (max-width: 480px){.login form button{padding:.7rem 1.5rem;font-size:12px}}.login form button[type=submit]{background-color:#ffd84b;color:#235}.login form button[type=button]{background-color:#4c9341;color:#fff}.login form button[type=submit]:hover{background-color:#b19531}.login form button[type=button]:hover{background-color:#315724}#notAccount{margin-top:13px}#notAccount span{text-decoration:underline;color:#6eceee;cursor:pointer}#errorMsg{width:80%;text-align:center;margin:0 auto 9px;color:#d30808}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.main{font-family:Inter,sans-serif;color:#fff;overflow-x:hidden}.container,.ocons{display:flex}.menuContainer{width:250px;padding:5px 20px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:relative;z-index:100}@media screen and (max-width: 1024px){.menuContainer{width:max-content}}.container .outletContainer{max-width:92%}@media screen and (max-width: 768px){.container .outletContainer{margin:0 auto}}.main .container .hamburger-menu{width:30px;height:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.main .container .hamburger-menu span{display:block;width:100%;height:3px;transition:all .3s ease-in-out}.main .container .ham-light span{background-color:#001924}.main .container .ham-dark span{background-color:#fff}.hamburger-menu.open span:nth-child(1){transform:translateY(4px) rotate(45deg)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 700px){.menuContainer{position:fixed;top:0;left:0;height:100vh;width:78px;padding-top:4rem;box-shadow:6px 0 8px #00000061;background:#fff;z-index:100;transform:translate(-100%) scale(.95);opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1)}.menuContainer.open{transform:translate(0) scale(1);opacity:1;pointer-events:auto;box-shadow:6px 0 15px #000000ba}.menu-light{background:linear-gradient(99.6deg,rgb(209,227,255) 10.6%,rgb(242,227,234) 32.9%,rgb(234,202,213) 52.7%,rgb(220,227,239) 72.8%,rgb(185,205,227) 81.1%,rgb(154,180,212) 102.4%);color:#001924}.menu-dark{background:#413549;color:#fff}.hamburger-menu{display:flex!important;position:fixed;top:23px;left:24px;z-index:200;border-radius:6px;box-shadow:0 2px 8px #00000014;padding:6px}.container{padding-left:0!important;height:100vh}}@media (min-width: 701px){.hamburger-menu{display:none!important}.menuContainer{position:relative;transform:none!important;opacity:1!important;pointer-events:auto!important;box-shadow:none;background:transparent;height:auto}}.main .container .open:hover span{background-color:#c40000}.single{display:flex}@media screen and (max-width: 1200px){.single{flex-direction:column;gap:50px}}@media screen and (max-width: 480px){.single{gap:25px}}.single .view{flex:1}.single .view .info .topInfo{display:flex;align-items:center;gap:20px}@media screen and (max-width: 768px){.single .view .info .topInfo{font-size:.6rem}}@media screen and (max-width: 480px){.single .view .info .topInfo{font-size:.5rem}}.single .view .info .topInfo img{width:100px;height:100px;border-radius:20px;object-fit:cover}.single .view .info .topInfo h1{font-weight:500}.single .view .info .topInfo button{padding:10px 20px;border-radius:5px;border:none;font-weight:700;cursor:pointer}@media screen and (max-width: 480px){.single .view .info .topInfo button{font-size:12px;padding:7px 15px}}.single .view .info .topInfo .update-btn-light{background-color:#123456;color:#fff}.single .view .info .topInfo .update-btn-dark{background-color:#fff;color:#123456}.single .view .info .topInfo button:hover{background-color:#ff7948;color:#fff}.single .view .info .details{font-size:18px}@media screen and (max-width: 768px){.single .view .info .details{font-size:14px}}@media screen and (max-width: 480px){.single .view .info .details{font-size:12px}}.single .view .info .details .item{margin:30px 0}@media screen and (max-width: 768px){.single .view .info .details .item{margin:20px 0}}@media screen and (max-width: 480px){.single .view .info .details .item{margin:10px 0}}.single .view .info .details .item .itemTitle{font-weight:600;margin-right:10px;text-transform:capitalize}.single .view hr{width:90%;height:0;border:.5px solid gray;margin:20px 0}@media screen and (max-width: 768px){.single .view hr{display:none}}.single .view .chart{margin-top:50px;width:80%;height:400px}@media screen and (max-width: 768px){.single .view .chart{display:none}}.single .activities{flex:1}.single .activities h2{margin-bottom:20px}@media screen and (max-width: 768px){.single .activities h2{font-size:18px}}@media screen and (max-width: 480px){.single .activities h2{font-size:16px}}.single .activities ul li{list-style-type:none;position:relative;width:1px;padding-top:50px;background-color:#f45b69}@media screen and (max-width: 480px){.single .activities ul li{padding-top:30px}}.single .activities ul li:after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;border-radius:50%;background-color:#f45b69;transform:translate(-50%)}.single .activities ul li div{min-width:480px;padding:15px;background-color:#f45b6810;border-radius:24px 0 0}@media screen and (max-width: 480px){.single .activities ul li div{padding:12px}}@media screen and (max-width: 768px){.single .activities ul li div{min-width:250px}}.single .activities ul li div p{margin-bottom:5px}@media screen and (max-width: 768px){.single .activities ul li div p{font-size:14px}}@media screen and (max-width: 480px){.single .activities ul li div p{font-size:12px}}.single .activities ul li div time{font-size:12px;color:gray}@media screen and (max-width: 480px){.single .activities ul li div time{font-size:11px}}.order-details-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000}.order-details-popup .popup-backdrop{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);opacity:1;transition:opacity .3s}.order-details-popup .popup-content{position:relative;width:90vw;max-width:600px;background:#2d2d2d;color:#fff;border-radius:10px;padding:20px;z-index:2;box-shadow:0 0 20px #00000080;animation:popup-fade-in .35s cubic-bezier(.4,0,.2,1)}.order-details-popup .popup-content.popup-exit{animation:popup-fade-out .25s cubic-bezier(.4,0,.2,1) forwards}.order-details-popup .popup-content .close-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:10}.order-details-popup .popup-content .header-section{padding-bottom:15px;border-bottom:1px solid #444}.order-details-popup .popup-content .header-section .customer-name{font-size:24px;font-weight:700;margin-bottom:5px;word-break:break-word}.order-details-popup .popup-content .header-section .order-number{display:inline-block;border-radius:4px;font-size:12px;word-break:break-word}.order-details-popup .popup-content .section{padding:15px 0;border-bottom:1px solid #444}.order-details-popup .popup-content .section:last-child{border-bottom:none}.order-details-popup .popup-content .section h3{text-transform:uppercase;font-weight:700;font-size:14px;color:#aaa;margin-bottom:10px}.order-details-popup .popup-content .destination-section .section-header{display:flex;gap:10px}.order-details-popup .popup-content .destination-section .section-header h3{height:34px;width:134px;display:flex;justify-content:center;align-items:center;border-radius:4px;background-color:#4f4f4f;color:#fff;cursor:pointer;transition:background .2s;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%,0 31%)}.order-details-popup .popup-content .destination-section .section-header h3:hover{background:#555}@media screen and (max-width: 768px){.order-details-popup .popup-content .destination-section .section-header h3{width:72px;font-size:11px;text-align:center;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 31%)}}.order-details-popup .popup-content .destination-section .section-header .active{background-color:#c36c00}.order-details-popup .popup-content .destination-section .customer-meta-table{width:100%;border-collapse:separate;border-spacing:0 6px;margin-top:8px}.order-details-popup .popup-content .destination-section .customer-meta-table th,.order-details-popup .popup-content .destination-section .customer-meta-table td{font-size:14px;padding:6px 8px;word-break:break-word}@media screen and (max-width: 768px){.order-details-popup .popup-content .destination-section .customer-meta-table th,.order-details-popup .popup-content .destination-section .customer-meta-table td{font-size:11px}}.order-details-popup .popup-content .destination-section .customer-meta-table th{text-align:left;color:#bbb;font-weight:500;text-transform:uppercase;background:transparent;border:none;width:110px}.order-details-popup .popup-content .destination-section .customer-meta-table td{color:#fff;text-transform:capitalize;border:none}.order-details-popup .popup-content .destination-section .customer-meta-table tr{transition:background .2s}.order-details-popup .popup-content .destination-section .customer-meta-table tr:hover td{background:#292929}.order-details-popup .popup-content .items-section{overflow-x:auto}.order-details-popup .popup-content .items-section table{width:100%;min-width:500px;border-collapse:collapse}.order-details-popup .popup-content .items-section table th,.order-details-popup .popup-content .items-section table td{padding:8px 5px;text-align:left;border-bottom:1px solid #444;font-size:14px;word-break:break-word}@media screen and (max-width: 768px){.order-details-popup .popup-content .items-section table th,.order-details-popup .popup-content .items-section table td{font-size:12px}}@media screen and (max-width: 480px){.order-details-popup .popup-content .items-section table th,.order-details-popup .popup-content .items-section table td{font-size:10px}}.order-details-popup .popup-content .items-section table th{font-weight:400;color:#aaa}.order-details-popup .popup-content .items-section table tr:last-child td{border-bottom:none}.order-details-popup .popup-content .total-section{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:18px;flex-wrap:wrap;gap:10px}.order-details-popup .popup-content .progress-section .steps{display:flex;justify-content:space-between;position:relative;margin-top:20px;flex-wrap:wrap;gap:8px}.order-details-popup .popup-content .progress-section .steps:before{content:"";position:absolute;top:10px;left:0;width:100%;height:2px;background:#444;z-index:1}.order-details-popup .popup-content .progress-section .steps .step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;cursor:pointer;min-width:60px}.order-details-popup .popup-content .progress-section .steps .step .step-circle{width:20px;height:20px;border-radius:50%;background:#444;margin-bottom:5px}.order-details-popup .popup-content .progress-section .steps .step .step-label{font-size:12px;text-align:center;word-break:break-word}.order-details-popup .popup-content .progress-section .steps .step.active .step-circle{background:#ff9800}.order-details-popup .popup-content .progress-section .steps .step.active .step-label{color:#ff9800;font-weight:700}@media screen and (max-width: 768px){.order-details-popup .popup-content{max-width:98vw;padding:10px;font-size:15px}.order-details-popup .popup-content .header-section .customer-name{font-size:18px}.order-details-popup .popup-content .section h3{font-size:13px}.order-details-popup .popup-content .items-section table{min-width:400px;font-size:13px}.order-details-popup .popup-content .total-section{font-size:15px}}@media screen and (max-width: 480px){.order-details-popup .popup-content{max-width:100vw;padding:5px;font-size:13px}.order-details-popup .popup-content .header-section .customer-name{font-size:15px}.order-details-popup .popup-content .order-number{font-size:10px}.order-details-popup .popup-content .section h3{font-size:12px}.order-details-popup .popup-content .items-section table{min-width:320px;font-size:12px}.order-details-popup .popup-content .total-section{font-size:13px}.order-details-popup .popup-content .progress-section .steps:before{display:none}}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popup-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.97)}}.view-btn{cursor:pointer;background:#123456;border:none;color:#fff;height:23px;padding:4px;border-radius:5px}.view-btn:hover{background:#0d263f}.signup-container{font-family:Inter,sans-serif;background-color:#f4f6f8;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px}.signup-container h2{color:#4a90e2;font-size:1.7rem;margin-bottom:1.2rem;font-weight:700;text-align:center}form{background-color:#fff;padding:1.2rem;border-radius:8px;box-shadow:0 4px 16px #00000014;max-width:340px;width:100%;display:flex;flex-direction:column;gap:.7rem}.signup-fieldset{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:.7rem;padding:.7rem .7rem .2rem}.signup-fieldset legend{font-size:1rem;color:#4a90e2;font-weight:600;padding:0 8px}.form-row .personal-info{display:flex;flex-direction:column;width:100%}.form-group label{display:block;color:#616060;font-size:.8rem;text-transform:capitalize;font-weight:500;margin-bottom:1px}.form-group input[type=text]{width:100%;background-color:#fff;border:1px solid #dcdfe6;border-radius:8px;padding:6px 5px 6px 8px;font-size:.9rem;color:#616060;outline:none;transition:border-color .3s;margin-bottom:.1rem}.form-group input[type=text]:focus{border-color:#4a90e2}.form-group .input-with-icon{position:relative;display:flex;align-items:center}.form-group .input-with-icon input[type=password],.form-group .input-with-icon input[type=text]{width:100%;background-color:#fff;border:1px solid #dcdfe6;border-radius:8px;padding:6px 5px 6px 8px;font-size:.9rem;color:#616060;outline:none;transition:border-color .3s;margin-bottom:.1rem}.form-group .input-with-icon input[type=password]:focus,.form-group .input-with-icon input[type=text]:focus{border-color:#4a90e2}.form-group .input-with-icon .toggle-password{position:absolute;right:2%;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1rem;color:#888;-webkit-user-select:none;user-select:none;transition:color .2s}.form-group .input-with-icon .toggle-password:hover{color:#4a90e2}.profile-pic-group{justify-content:flex-start}.profile-pic-group .profile-pic-upload{display:flex;align-items:center;gap:.7rem}.profile-pic-group .profile-pic-upload input[type=file]{font-size:.8rem;border:none;background:none;padding:0;max-width:255px}@media screen and (max-width: 480px){.profile-pic-group .profile-pic-upload input[type=file]{max-width:200px}}.profile-pic-group .profile-pic-upload .profile-preview{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #4a90e2;background:#f7f7f7}form .signup-fieldset .form-row .gender-field .gender-options{display:flex;gap:1rem;margin-top:.1rem}form .signup-fieldset .form-row .gender-field .gender-options .gender-label{display:flex;align-items:center;gap:.2rem;font-size:.8rem}form .signup-fieldset .form-row .gender-field .gender-options .gender-label input[type=radio]{accent-color:#4a90e2;width:14px;height:14px}.signup-container form button{display:block;background-color:#4a90e2;color:#fff;border:none;padding:7px 20px;font-size:13px;margin-top:10px;width:46%;margin-left:auto;margin-right:auto;border-radius:18px;cursor:pointer;transition:background-color .3s}.signup-container form button:hover{background-color:#2275d7}.signup-container form button[type=submit]{background-color:#4a90e2;color:#fff;border:none;padding:8px 0;font-size:.9rem;font-weight:600;border-radius:20px;cursor:pointer;margin-top:.7rem;transition:background-color .3s}.signup-container form button[type=submit]:hover{background-color:#2275d7}.signup-container form button[type=submit]:disabled{background:#b5c8e6;cursor:not-allowed}.signup-container form button[type=button]{background-color:gray;color:#fff;margin-top:.7rem;border-radius:20px;padding:8px 0;font-size:.9rem;font-weight:500;border:none;cursor:pointer}.signup-container form button[type=button]:hover{background-color:#555}.terms-group{margin-top:.7rem}.terms-group .terms-label,.terms-group .recaptcha-label{font-size:.8rem;color:#616060;display:flex;align-items:center;margin-bottom:.2rem}.terms-group .terms-label a,.terms-group .recaptcha-label a{color:#4a90e2;text-decoration:underline}.terms-group .terms-label a:hover,.terms-group .recaptcha-label a:hover{color:#2275d7}.terms-group .terms-label input[type=checkbox],.terms-group .recaptcha-label input[type=checkbox]{accent-color:#4a90e2;margin-right:4px;width:14px;height:14px}.recaptcha-group{display:flex;flex-direction:column;align-items:flex-start}.recaptcha-group .recaptcha-btn{background:#f1f1f1;color:#333;border:1px solid #bbb;border-radius:6px;padding:7px 18px;font-size:14px;cursor:pointer;margin-bottom:.2rem;transition:background .2s,color .2s}.recaptcha-group .recaptcha-btn.verified{background:#e0ffe0;color:#1a7f37;border-color:#1a7f37;font-weight:600}.recaptcha-group .recaptcha-btn:hover{background:#e9e9e9}@media (max-width: 700px){.form-row{flex-direction:column;gap:.5rem}form{padding:1rem}.signup-container h2{font-size:1.1rem}}@media (min-width: 1366px){.profile-pic-group .profile-pic-upload input[type=file]{font-size:large}.signup-container{padding:40px}.signup-container h2{font-size:2.3rem;margin-bottom:2rem}form{max-width:520px;padding:2.2rem 2.5rem;gap:1.3rem}.signup-fieldset{padding:1.3rem 1.3rem .7rem}.signup-fieldset legend{font-size:1.25rem}.form-group label{font-size:1.05rem}.form-group input[type=text],.form-group input[type=password],.form-group input[type=file],.form-group .input-with-icon input[type=password],.form-group .input-with-icon input[type=text]{font-size:1.08rem;padding:12px 10px 12px 14px}.form-group .input-with-icon .toggle-password{font-size:1.35rem}.profile-pic-group .profile-pic-upload .profile-preview{width:64px;height:64px}form .signup-fieldset .form-row .gender-field .gender-options .gender-label{font-size:1.05rem}form .signup-fieldset .form-row .gender-field .gender-options .gender-label input[type=radio]{width:18px;height:18px}.terms-group .terms-label,.terms-group .recaptcha-label{font-size:1.05rem}.terms-group .terms-label input[type=checkbox],.terms-group .recaptcha-label input[type=checkbox]{width:18px;height:18px}button,button[type=submit],.secondary-btn{font-size:1.08rem;padding:13px 0;border-radius:28px}.error,.success{font-size:1rem}}.error{color:#e74c3c;font-size:.7rem;margin-top:-.1rem}.success{color:#1a7f37;font-size:.7rem;margin-top:-.1rem}.terms-container{max-width:600px;margin:40px auto 0;background:#fff;border-radius:10px;box-shadow:0 4px 24px #00000012;padding:2rem 2.2rem;font-family:Inter,sans-serif;color:#333}.terms-container h1{color:#4a90e2;font-size:2rem;margin-bottom:1.2rem;font-weight:700;text-align:center}.terms-container p{font-size:1rem;margin-bottom:1.1rem;line-height:1.6}.terms-container ul{margin-bottom:1.1rem;padding-left:1.2rem}.terms-container ul li{font-size:.98rem;margin-bottom:.6rem;line-height:1.5;list-style:disc}.terms-container a{color:#4a90e2;text-decoration:underline}.terms-container a:hover{color:#2566b3}.terms-container strong{color:#222}@media (max-width: 700px){.terms-container{padding:1.1rem .7rem}.terms-container h1{font-size:1.3rem}.terms-container p,.terms-container ul li{font-size:.93rem}}