@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}select,input,button,input[type=password],input[type=email],input[type=text],textarea,body{font-family:var(--primary-font)}body a{text-decoration:none}.wrap{width:100%;margin:0 auto;padding:0 ptr(40px);max-width:var(--boxed-content-width)}:root{--boxed-content-width: ptr(1280px);--primary-font: "Lato", sans-serif;--secondary-font: "Fira Sans", sans-serif;--black: #000;--white: #fff;--bg-color: #eaeef1;--blue: #006fcf;--red: #c30101}.auth-background{display:flex;min-height:100vh;padding:105px 32px 32px;align-items:center;justify-content:center;background-color:var(--bg-color)}.auth-background .auth-container{width:100%;margin:0 auto;max-width:450px}.auth-background .login-btn{margin:0;border:none;outline:none;display:block;cursor:pointer;font-weight:700;font-style:normal;height:40px;color:var(--white);line-height:normal;font-size:14px;background:var(--blue);border-radius:5px;padding:10px 24px}.auth-background .auth-card{padding:32px;border-radius:5px;background-color:var(--white);box-shadow:0 4px 12px #0000000d}.auth-background .auth-header{text-align:center;margin-bottom:32px}.auth-background .auth-title{font-weight:700;color:var(--black);font-size:16px;margin-bottom:8px;font-family:var(--primary-font)}.auth-background .auth-subtitle{font-weight:400;line-height:normal;color:var(--black);font-size:12px}.auth-background .form-group{margin-bottom:24px}.auth-background .form-group label{display:block;font-weight:500;color:var(--black);font-size:14px;margin-bottom:8px}.auth-background .form-control{width:100%;height:40px;padding:0 10px;font-size:14px;border-radius:5px;border:1px solid var(--blue);background-color:var(--white);transition:border-color .2s ease}.auth-background .form-control:focus{outline:none;border-color:var(--blue)}.auth-background .form-control::-moz-placeholder{color:#d9d9d9;font-weight:400;font-style:normal;line-height:normal;font-size:14px}.auth-background .form-control::placeholder{color:#d9d9d9;font-weight:400;font-style:normal;line-height:normal;font-size:14px}.auth-background .form-check{display:flex;align-items:center;margin-bottom:24px}.auth-background .form-check-input{margin-right:8px;accent-color:var(--blue)}.auth-background .form-check-label{font-size:14px;color:var(--black)}.auth-background .auth-actions{margin-top:24px}.auth-background .auth-actions .primary-button{margin:0;border:none;outline:none;display:block;cursor:pointer;font-weight:700;font-style:normal;height:40px;color:var(--white);line-height:normal;font-size:14px;background:var(--blue);border-radius:5px;padding:10px 24px;width:100%;text-align:center}.auth-background .auth-actions .primary-button:hover{background-color:var(--primary-font)}.auth-background .auth-links{display:flex;gap:12px;text-align:center;margin-top:24px;flex-direction:column}.auth-background .auth-links a{color:var(--blue);font-size:12px;text-decoration:none;transition:color .2s ease}.auth-background .auth-links a:hover{text-decoration:underline}.auth-background .auth-footer{opacity:.7;text-align:center;color:var(--black);font-size:12px}.auth-background .alert-message{font-size:14px;border-radius:5px;margin-bottom:24px;padding:12px 16px}.auth-background .alert-message.success{color:var(--blue);background-color:#006fcf1a;border:1px solid rgba(0,111,207,.3)}.auth-background .alert-message.error{color:var(--red);background-color:#c301011a;border:1px solid rgba(195,1,1,.3)}.auth-background .text-sm.text-red-600{color:var(--red);font-size:12px;margin-top:4px}.auth-background .text-sm.text-green-600{color:#28a745;text-align:center;font-size:12px;margin-bottom:12px}@media (max-width: 640px){.auth-background{padding:105px 16px 32px}.auth-background .auth-card{padding:24px}.auth-background .auth-container{padding:0;width:100%}}.main-header{top:0;left:0;right:0;width:100%;z-index:100;display:flex;position:fixed;padding:9px 21px;justify-content:space-between;background-color:var(--white)}.main-header .logo{display:flex;align-items:center}.main-header .logo a{display:block}.main-header .logo img{width:auto;display:block;height:55px}.main-header .user-profile-menu{display:flex;align-items:center}.main-header .user-profile-menu .relative{position:relative}.main-header .user-profile-menu .custom-dropdown-content{right:0;top:100%;z-index:50;position:absolute;min-width:120px;border-radius:4px;background-color:var(--white);box-shadow:0 10px 15px #0000001a}.main-header .user-profile-menu .custom-dropdown-content a{display:block;color:var(--black);font-size:14px;padding:8px 16px}.main-header .user-profile-button{border:none;outline:none;display:flex;cursor:pointer;gap:10px;background:none}.main-header .user-profile-button .img-wrap{display:flex;width:32px;height:32px;border-radius:50%;align-items:center;background:#cfcfcf;justify-content:center}.main-header .user-profile-button .user-avatar{width:16px;height:16px;display:block}.main-header .user-profile-button .user-name{font-weight:700;font-style:normal;color:var(--black);line-height:normal;font-size:12px;margin-bottom:5px}.main-header .user-profile-button .user-name span{font-weight:400}.main-header .user-profile-button .user-role{font-weight:400;color:var(--white);position:relative;font-size:9px;border-radius:2px;text-transform:uppercase;padding:1px 3px;background-color:var(--blue)}.main-header .user-profile-button .user-role-wrap{display:flex;gap:6.6px;position:relative;align-items:center}.main-header .user-profile-button .user-role-wrap:after{content:"";width:6px;height:6px;margin-top:3px;pointer-events:none;border-right:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:translateY(-50%) rotate(45deg)}.main-header .hamburger{display:none}.main-header .modal-outer{top:0;right:0;bottom:0;left:0;width:100%;z-index:100;display:flex;position:fixed;align-items:center;justify-content:center;background-color:#00000080}.main-header .modal-outer .modal-content{width:100%;overflow:auto;max-height:90vh;padding:20px;max-width:400px;border-radius:10px;background:var(--white);box-shadow:0 4px 10px #0000001a}.main-header .modal-outer .modal-title{font-weight:700;font-style:normal;color:var(--black);line-height:normal;font-size:16px}.main-header .modal-outer .form-wrap{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.main-header .modal-outer .form-wrap .input-wrap{width:calc(50% - 8px)}.main-header .modal-outer .buttons{width:100%;display:flex;gap:20px;margin-bottom:0;margin-top:12px}.main-header .modal-outer .buttons .btn{margin:0;width:100%;border:none;outline:none;display:block;cursor:pointer;font-weight:700;font-style:normal;height:40px;color:var(--white);line-height:normal;font-size:14px;background:var(--blue);border-radius:5px;padding:10px 24px}.main-header .modal-outer .buttons .btn-cancel{background:var(--red)}.main-header .modal-outer .label-wrap{display:flex;flex-wrap:wrap;margin-bottom:5px;justify-content:space-between}.main-header .modal-outer label,.main-header .modal-outer input{font-weight:500;color:var(--black);font-style:normal;line-height:normal;font-size:14px}.main-header .modal-outer .input-wrap input,.main-header .modal-outer .input-wrap select{width:100%;height:40px;border-radius:4px;border:1px solid var(--blue);padding:8px 10px;transition:border-color .3s}.main-header .modal-outer .input-wrap input:focus{border:2px solid var(--blue);outline:var(--bg-color);box-shadow:#63636333 0 2px 8px}.main-header .modal-outer .input-wrap select:focus{background-color:#f4f4f4}.main-header .modal-outer .input-wrap button:focus{outline:2px solid var(--black);box-shadow:#63636333 0 2px 8px}.main-header .modal-outer .input-wrap .error{display:block;color:var(--red);text-align:right;font-style:normal;font-weight:500;line-height:normal;font-size:12px}.main-header .modal-outer .input-wrap input:invalid,.main-header .modal-outer .input-wrap select:invalid,.main-header .modal-outer .input-wrap textarea:invalid{border-color:var(--blue)}.main-header .modal-outer .alert-success{margin-top:12px;background-color:#d4edda;border-color:#c3e6cb;color:#155724;padding:12px 20px;border-radius:4px;margin-bottom:16px}.main-header .modal-outer .alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24;padding:12px 20px;border-radius:4px;margin-bottom:16px}@media (max-width: 1023px){.new-customer-page{background-color:#fff}}main{gap:0;display:flex;padding-top:75px;justify-content:flex-start}main .main-content{min-height:calc(100vh - 75px)}main .modal-outer{top:0;right:0;bottom:0;left:0;width:100%;z-index:100;display:flex;position:fixed;align-items:center;justify-content:center;background-color:#00000080}main .modal-outer .modal-content{width:100%;overflow:auto;max-height:90vh;padding:20px;max-width:400px;border-radius:10px;background:var(--white);box-shadow:0 4px 10px #0000001a}main .modal-outer .modal-title{font-weight:700;font-style:normal;color:var(--black);line-height:normal;font-size:16px}main .modal-outer .order-id{font-size:12px;font-weight:400}main .modal-outer .form-title{font-weight:700;font-size:16px;margin-top:16px;margin-bottom:14px}main .modal-outer .details-row{width:100%;display:flex;padding:6px 0;margin-top:14px;border-top:2px solid var(--black);border-bottom:2px solid var(--black)}main .modal-outer .details-row .col{flex-grow:1;font-weight:400;color:var(--black);padding:0 8px;font-size:12px;border-right:1px solid #e6e6e6}main .modal-outer .details-row .col:last-child{border:none}main .modal-outer .details-row .col:first-child{padding-left:0;max-width:120px}main .modal-outer .details-row .col .value{color:var(--black);font-size:16px;font-style:normal;font-weight:700;line-height:normal}main .modal-outer .details-row .col .value.warning{color:var(--red)}main .modal-outer .status-details-row{width:100%;display:flex;flex-direction:column;padding:6px 0;margin-top:14px;border-top:2px solid var(--black);border-bottom:2px solid var(--black)}main .modal-outer .status-details-row .details-row-1{display:flex;justify-content:space-between;border-bottom:1px solid #e6e6e6}main .modal-outer .status-details-row .details-row-1 .col{padding-bottom:13px}main .modal-outer .status-details-row .details-row-2{display:flex}main .modal-outer .status-details-row .details-row-2 .col{padding-top:12px;padding-right:8px}main .modal-outer .status-details-row .details-row-2 .col:last-child{padding-right:0}main .modal-outer .status-details-row .col{flex-grow:1;font-weight:400;color:var(--black);padding:0 8px;min-width:70px;font-size:12px;border-right:1px solid #e6e6e6}main .modal-outer .status-details-row .col:last-child{border:none}main .modal-outer .status-details-row .col:first-child{padding-left:0}main .modal-outer .status-details-row .col .value{color:var(--black);font-size:16px;font-weight:700}main .modal-outer .status-details-row .col .value.warning{color:var(--red)}main .modal-outer .status-details-row .col select{width:100%;border:none;outline:none;font-weight:700;color:var(--black);font-size:16px}main .modal-outer .order-status-table-header{width:100%;display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e6e6e6}main .modal-outer .order-status-table-header .col{width:20%;font-weight:400;color:var(--black);font-style:normal;line-height:normal;font-size:12px}main .modal-outer .order-status-table-header .col-1{width:40%;padding-right:39px}main .modal-outer .input-table-header{width:100%;display:flex;padding-bottom:8px;justify-content:space-between}main .modal-outer .input-table-header .col{font-weight:400;color:var(--black);font-style:normal;line-height:normal;font-size:12px}main .modal-outer .change-item{width:100%;display:flex;align-items:center;margin-bottom:8px;justify-content:space-between;border-bottom:1px solid #e6e6e6;padding:10px 0}main .modal-outer .change-item .label{width:40%;font-weight:400;color:var(--black);font-size:16px}main .modal-outer .change-item .label-1{padding-right:29px}main .modal-outer .change-item input[type=radio].order-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:5px;border:1px solid var(--blue);background-color:var(--bg-color);cursor:pointer}main .modal-outer .change-item input[type=radio].order-input:checked{outline:none;border:none;background-size:contain;background-color:#229300;background-position:center;background-repeat:no-repeat;background-image:url(../../img/square-green-tick.webp)}main .modal-outer input[readonly]{pointer-events:none}main .modal-outer .order-input[readonly]{opacity:1;cursor:not-allowed}main .modal-outer .change-item-col{width:20%}main .modal-outer .quantity-input{padding:0;border:none;width:64px;height:32px;text-align:center}main .modal-outer .update-item{width:100%;display:flex;align-items:center;justify-content:space-between}main .modal-outer .update-item .label{font-weight:400;color:var(--black);font-size:16px;font-style:normal;line-height:normal}main .modal-outer .update-item input{width:100%;padding:5px;height:40px;max-width:100px;background:var(--bg-color);border-radius:5px;border:1px solid var(--blue)}main .modal-outer .message{margin-top:8px;margin-bottom:17px}main .modal-outer .message .message-note{font-size:12px;font-weight:400}main .modal-outer .change-order-status{row-gap:0}main .modal-outer .change-order-status .form-title{margin-top:0}main .modal-outer .buttons{width:100%;display:flex;margin-top:0;gap:20px;margin-bottom:0}main .modal-outer .buttons .btn{width:100%}main .modal-outer .buttons .btn-cancel{background:var(--red)}main .modal-outer .inventory-wrapper{margin:16px 0;border-bottom:2px solid #000}main .modal-outer .inventory-wrapper h4{font-weight:700;font-size:12px;margin-bottom:10px}main .modal-outer .inventory-wrapper .inventory-status{display:flex;gap:1px;flex-wrap:wrap;padding-bottom:15px}main .modal-outer .inventory-wrapper .inventory-item{display:flex;font-weight:600;padding:10px;align-items:center;width:calc((100% - 2px) / 3)}main .modal-outer .inventory-wrapper .inventory-item .icon img{width:12px;height:12px;margin-right:8px;display:block}main .modal-outer .inventory-wrapper .inventory-item .alert-icon img{width:16px;height:15px;margin-right:8px;display:block}main .modal-outer .inventory-wrapper .inventory-item .flex-div{display:flex;width:100%;justify-content:space-between;align-items:center}main .modal-outer .inventory-wrapper .inventory-item .flex-div .label{color:#000;font-size:12px;font-weight:400}main .modal-outer .inventory-wrapper .inventory-item .flex-div .count{color:#000;font-size:12px;font-weight:700}main .modal-outer .inventory-wrapper .green{background-color:#d4edda;color:#155724}main .modal-outer .inventory-wrapper .red{background-color:#f8d7da;color:#721c24}main .modal-outer .form-group{width:100%;margin-top:16px}main .modal-outer .form-group label{display:block;font-weight:500;color:var(--black);font-size:14px;margin-bottom:10px}main .modal-outer .form-group textarea{width:100%;resize:none;padding:8px;height:120px;border-radius:5px;background:var(--white);border:1px solid var(--blue)}main .modal-outer#passwordModal #changePasswordForm{margin-top:8px}main .modal-outer#passwordModal #changePasswordForm .input-wrap{width:calc(50% - 15px)}main .toast{opacity:0;z-index:9999;top:20px;right:20px;position:fixed;color:var(--white);font-size:16px;min-width:300px;border-radius:8px;padding:16px 24px;animation:fadeInOut 10s ease forwards;box-shadow:0 4px 12px #00000026}main .toast-success{background-color:#28a745}main .toast-error{background-color:#dc3545}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.dashboard-container{padding:10px 0}@media (max-width: 1023px){.dashboard-container{padding-top:0}}.dashboard-container .create-new-button{gap:8px;align-items:center;min-width:150px;justify-content:center;display:flex!important}.dashboard-container .dashboard-filters{display:flex;gap:20px;margin-bottom:32px;justify-content:space-between}@media (max-width: 1023px){.dashboard-container .dashboard-filters{flex-direction:column}.dashboard-container .dashboard-filters .select-wrap{max-width:156px;width:calc((100% - 20px)/2)}}.dashboard-container .filter-group{display:flex;gap:20px}@media (max-width: 1023px){.dashboard-container .filter-group{flex-wrap:wrap;row-gap:12px}}.dashboard-container .metric-section{margin-bottom:24px}.dashboard-container .metric-section .section-title{display:flex;align-items:center;margin-bottom:16px;justify-content:space-between}.dashboard-container .metric-section .section-title h2{font-weight:700;color:var(--black);font-size:16px;line-height:20px}.dashboard-container .metric-section .section-title p{font-weight:400;color:var(--black);font-size:12px;line-height:16px}@media (max-width: 1023px){.dashboard-container .metric-section .section-title p{display:none}}.dashboard-container .metric-section .cards-container{display:flex;gap:10px}@media (max-width: 1023px){.dashboard-container .metric-section .cards-container{flex-wrap:wrap;gap:20px;row-gap:10px}}.dashboard-container .metric-section .metric-card{width:100%;padding:20px;min-height:100px;border-radius:5px;background-color:var(--white)}@media (max-width: 1023px){.dashboard-container .metric-section .metric-card{max-width:166px;width:calc((100% - 20px)/2)}}.dashboard-container .metric-section .metric-card .metric-value{font-weight:700;text-align:center;color:var(--black);font-size:32px;line-height:40px;margin-bottom:8px}.dashboard-container .metric-section .metric-card .metric-label{text-align:center;color:var(--black);font-size:16px;line-height:20px}.dashboard-container .metric-section .nc-wrap{display:flex;gap:9px}.dashboard-container .metric-section .notification-cards{width:100%;padding:18px;border-radius:5px;border:1px solid var(--red);background-color:#c301011a}.dashboard-container .metric-section .notification-card-top{gap:5px;display:flex;align-items:center;margin-bottom:7px;justify-content:center}.dashboard-container .metric-section .notification-card-top img{display:block;width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.dashboard-container .metric-section .notification-card-top p{font-weight:700;color:var(--red);line-height:100%;font-size:32px}.dashboard-container .metric-section .notification-card-bottom{line-height:150%;text-align:center;color:var(--black);font-size:16px}.dashboard-container .metric-section .notification-card-bottom strong{font-weight:700}.dashboard-container .metric-section .notification-card-bottom a{color:var(--red);text-decoration:underline}.dashboard-container .loading{position:relative;min-height:24px;color:transparent!important}.dashboard-container .loading:after{content:"";top:50%;left:50%;width:20px;height:20px;position:absolute;border-radius:50%;margin-top:-10px;margin-left:-10px;border-top-color:var(--blue);animation:spin .8s linear infinite;border:2px solid rgba(var(--blue),.2)}.dashboard-container .chart-container{width:100%;height:156px;padding:0 8px;margin-top:10px;border-radius:5px;background-color:var(--white)}@media (max-width: 1023px){.dashboard-container .chart-container{margin-top:26px}}.dashboard-container .chart-container #ordersChart{width:100%;height:156px;border-radius:5px}.dashboard-container .metric-value{transition:background-color .3s ease}.dashboard-container .metric-value.updated{background-color:rgba(var(--blue),.1);transition:background-color 0s}.dashboard-container .metric-value.updated:after{top:0;right:0;bottom:0;left:0;content:"";position:absolute;animation:fade-out 1.5s forwards;background-color:rgba(var(--blue),.1)}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.dashboard-container .dropdown-container{position:relative;display:inline-block;font-family:sans-serif}.dashboard-container .dropdown-container .btn{width:100%;display:flex;gap:5px;height:40px;position:relative;align-items:center;max-width:150px;justify-content:center}.dashboard-container .dropdown-container .btn:after{content:"";display:block;width:11px;height:10px;background-size:11px;background-repeat:no-repeat;background-position:center;background-image:url(../../img/icon-arrow-white.svg)}.dashboard-container .dropdown-container .dropdown-menu{right:0;top:100%;left:auto;z-index:10;display:none;margin-top:6px;min-width:180px;position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 10px #0000001a}.dashboard-container .dropdown-container [x-cloak]{display:none!important}.dashboard-container .dropdown-container .dropdown-menu[x-show=open]{display:block}.dashboard-container .dropdown-container .dropdown-item{display:block;padding:10px 14px;color:#333;text-decoration:none;font-size:14px}.dashboard-container .dropdown-container .dropdown-item:hover{color:#000;background-color:#f1f1f1}.notifications-section{margin-top:20px}.notifications-section .notifications-container{background-color:var(--white);border-radius:5px;padding:15px}.notifications-section .notification-card{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:10px;border-bottom:1px solid #eaeef1}.notifications-section .notification-card:last-child{border-bottom:none;margin-bottom:0}.notifications-section .notification-customer{font-weight:700;width:25%}.notifications-section .notification-customer a{color:var(--blue);text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.notifications-section .notification-details{width:55%}.notifications-section .notification-item{margin-bottom:5px;display:flex;align-items:center}.notifications-section .notification-item:last-child{margin-bottom:0}.notifications-section .notification-icon{margin-right:8px}.notifications-section .notification-text{color:var(--red);font-weight:500}.notifications-section .notification-actions{width:20%;text-align:right}.notifications-section .notification-actions .btn{min-width:auto;height:32px;font-size:12px;padding:6px 12px}.notifications-section .no-notifications{text-align:center;padding:20px;color:#666}@media (max-width: 1023px){.main-content.new-customer-page,.new-customer-page .add-admin{background-color:var(--white)}.new-customer-page .add-admin .main-content-topbar .left{gap:0;flex-direction:column}}.new-customer-page .add-admin .main-content-topbar .save-edit{display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 1023px){.main-content .main-content-topbar{gap:13px;flex-direction:column}.main-content .main-content-topbar .left{display:flex;gap:30px;justify-content:space-between}}.main-content .main-content-topbar .left .btn-add-mobile{display:none}@media (max-width: 1023px){.main-content .main-content-topbar .left .btn-add-mobile{display:block;display:flex;justify-content:center;flex-shrink:0;padding:0 24px;align-items:center}}@media (max-width: 1023px){.main-content .main-content-topbar .right{justify-content:space-between}}.main-content .main-content-topbar .right .btn-add{display:block}@media (max-width: 1023px){.main-content .main-content-topbar .right .btn-add{display:none}}.main-content .left-div .page-title{font-weight:700;font-style:normal;color:var(--black);line-height:normal;font-size:16px;margin-bottom:4px;font-family:var(--primary-font)}.main-content .left-div .page-title-label{font-weight:400;color:var(--black);font-style:normal;line-height:normal;font-size:12px}@media (max-width: 1023px){.main-content .left-div .page-title-label{display:none}}.main-content .admin-agent-filter-form,.main-content .filter-form{display:flex;gap:9px;flex-wrap:nowrap;align-items:center}@media (max-width: 1023px){.main-content .admin-agent-filter-form,.main-content .filter-form{flex-wrap:wrap;justify-content:space-between}}@media (max-width: 1023px){.main-content .order-mobile{flex-wrap:wrap;row-gap:13px}.main-content .order-mobile .order-search-input{max-width:100%;min-width:1;width:100%}}@media (max-width: 1023px){.main-content .manage-admin-agent-table,.main-content .table-style{overflow:auto}}.main-content .manage-admin-agent-table table,.main-content .table-style table{overflow:hidden;width:100%;border-radius:5px}.main-content .manage-admin-agent-table table th,.main-content .table-style table th{font-weight:500;text-align:left;color:var(--black);font-style:normal;line-height:normal;font-size:14px;vertical-align:middle;padding:11px 10px 12px;border:1px solid var(--bg-color)}.main-content .manage-admin-agent-table table td,.main-content .table-style table td{font-weight:500;text-align:left;padding:5px;color:var(--black);font-style:normal;line-height:normal;vertical-align:middle;font-size:14px;border:1px solid var(--bg-color)}.main-content .manage-admin-agent-table table td input,.main-content .table-style table td input{padding:6px 5px 7px}.main-content .manage-admin-agent-table table td.col-action,.main-content .table-style table td.col-action{padding-top:0;padding-bottom:0}.main-content .manage-admin-agent-table table td.col-role,.main-content .manage-admin-agent-table table td.col-id,.main-content .table-style table td.col-role,.main-content .table-style table td.col-id{padding:11px 10px 12px}.main-content .manage-admin-agent-table table thead,.main-content .table-style table thead{background-color:#f7f7f9}.main-content .manage-admin-agent-table table tbody td,.main-content .table-style table tbody td{background-color:var(--white)}.main-content .manage-admin-agent-table table tbody td a,.main-content .table-style table tbody td a{color:var(--blue);text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.main-content .manage-admin-agent-table table tbody td input,.main-content .table-style table tbody td input{border:none;width:100%;outline:none}.main-content .manage-admin-agent-table table tbody td input:disabled,.main-content .table-style table tbody td input:disabled{color:var(--black)}.main-content .manage-admin-agent-table table tbody .btn-wrap,.main-content .table-style table tbody .btn-wrap{display:flex;gap:15px}.main-content .manage-admin-agent-table table tbody .leadbtn-edit,.main-content .manage-admin-agent-table table tbody .btn-edit,.main-content .manage-admin-agent-table table tbody .btn-delete,.main-content .manage-admin-agent-table table tbody .lead-btn-delete,.main-content .manage-admin-agent-table table tbody .btn-save,.main-content .manage-admin-agent-table table tbody .btn-cancel,.main-content .manage-admin-agent-table table tbody .btn-wrap button,.main-content .table-style table tbody .leadbtn-edit,.main-content .table-style table tbody .btn-edit,.main-content .table-style table tbody .btn-delete,.main-content .table-style table tbody .lead-btn-delete,.main-content .table-style table tbody .btn-save,.main-content .table-style table tbody .btn-cancel,.main-content .table-style table tbody .btn-wrap button{margin:0;padding:0;border:none;outline:none;display:flex;cursor:pointer;width:32px;height:32px;align-items:center;justify-content:center;border-radius:5px;background-color:transparent;position:relative}.main-content .manage-admin-agent-table table tbody .leadbtn-edit img,.main-content .manage-admin-agent-table table tbody .btn-edit img,.main-content .manage-admin-agent-table table tbody .btn-delete img,.main-content .manage-admin-agent-table table tbody .lead-btn-delete img,.main-content .manage-admin-agent-table table tbody .btn-save img,.main-content .manage-admin-agent-table table tbody .btn-cancel img,.main-content .manage-admin-agent-table table tbody .btn-wrap button img,.main-content .table-style table tbody .leadbtn-edit img,.main-content .table-style table tbody .btn-edit img,.main-content .table-style table tbody .btn-delete img,.main-content .table-style table tbody .lead-btn-delete img,.main-content .table-style table tbody .btn-save img,.main-content .table-style table tbody .btn-cancel img,.main-content .table-style table tbody .btn-wrap button img{width:auto;display:block;height:16px}.main-content .manage-admin-agent-table table tbody .leadbtn-edit:hover,.main-content .manage-admin-agent-table table tbody .btn-edit:hover,.main-content .manage-admin-agent-table table tbody .btn-delete:hover,.main-content .manage-admin-agent-table table tbody .lead-btn-delete:hover,.main-content .manage-admin-agent-table table tbody .btn-save:hover,.main-content .manage-admin-agent-table table tbody .btn-cancel:hover,.main-content .manage-admin-agent-table table tbody .btn-wrap button:hover,.main-content .table-style table tbody .leadbtn-edit:hover,.main-content .table-style table tbody .btn-edit:hover,.main-content .table-style table tbody .btn-delete:hover,.main-content .table-style table tbody .lead-btn-delete:hover,.main-content .table-style table tbody .btn-save:hover,.main-content .table-style table tbody .btn-cancel:hover,.main-content .table-style table tbody .btn-wrap button:hover{background-color:#f7f7f9}.main-content .manage-admin-agent-table table tbody .leadbtn-edit img,.main-content .table-style table tbody .leadbtn-edit img{width:auto}.main-content .manage-admin-agent-table table tbody .btn-cancel,.main-content .table-style table tbody .btn-cancel{position:relative}.main-content .manage-admin-agent-table table tbody .btn-cancel:before,.main-content .manage-admin-agent-table table tbody .btn-cancel:after,.main-content .table-style table tbody .btn-cancel:before,.main-content .table-style table tbody .btn-cancel:after{top:50%;left:50%;content:"";height:2px;width:16px;position:absolute;background:var(--red);transform-origin:center}.main-content .manage-admin-agent-table table tbody .btn-cancel:before,.main-content .table-style table tbody .btn-cancel:before{transform:translate(-50%,-50%) rotate(45deg)}.main-content .manage-admin-agent-table table tbody .btn-cancel:after,.main-content .table-style table tbody .btn-cancel:after{transform:translate(-50%,-50%) rotate(-45deg)}.main-content .manage-admin-agent-table table tbody .edit-controls,.main-content .table-style table tbody .edit-controls{display:none}.main-content .manage-admin-agent-table table tbody tr.editing input,.main-content .table-style table tbody tr.editing input{border-radius:5px;border:1px solid var(--blue)}.main-content .manage-admin-agent-table table tbody tr.editing .btn-wrap,.main-content .table-style table tbody tr.editing .btn-wrap{display:none}.main-content .manage-admin-agent-table table tbody tr.editing .edit-controls,.main-content .table-style table tbody tr.editing .edit-controls{display:flex;gap:15px}.main-content .manage-admin-agent-table table tbody .no-results,.main-content .table-style table tbody .no-results{padding:20px;text-align:center}.main-content .manage-admin-agent-table table tbody .editable-field.invalid,.main-content .table-style table tbody .editable-field.invalid{border-color:red;background-color:#fff0f0}@media (max-width: 1023px){.main-content .main-content-form .current-inventory .flex-div{flex-wrap:wrap}.main-content .main-content-form .current-inventory .flex-div .rate{max-width:156px;width:calc((100% - 20px)/2)}}.inventory-history-modal-content{max-width:600px!important}.inventory-history-table-container{margin:15px 0;max-height:400px;overflow-y:auto}.inventory-history-loading,.inventory-history-empty{text-align:center;padding:20px;color:#666}.inventory-history-table{width:100%;border-collapse:collapse}.inventory-history-table th,.inventory-history-table td{padding:8px 10px;border:1px solid #eaeef1;text-align:left}.inventory-history-table th{background-color:#f7f7f9;font-weight:700;position:sticky;top:0;z-index:1}.inventory-history-table td{font-weight:400;background-color:var(--white)}.inventory-history-table .positive-change{color:#229300;font-weight:700}.inventory-history-table .negative-change{color:var(--red);font-weight:700}@media (max-height: 700px){.inventory-history-modal-content{max-height:90vh;overflow-y:auto}}.cattle-history-modal-content{max-width:600px!important}.customer-cattle-history-loading,.customer-cattle-history-empty{text-align:center;padding:20px;color:#666}.customer-cattle-history-table{width:100%;border-collapse:collapse}.customer-cattle-history-table th,.customer-cattle-history-table td{padding:8px 10px;border:1px solid #eaeef1;text-align:left}.customer-cattle-history-table th{background-color:#f7f7f9;font-weight:700;position:sticky;top:0;z-index:1}.customer-cattle-history-table td{font-weight:400;background-color:var(--white)}.customer-cattle-history-table .positive-change{color:#229300;font-weight:700}.customer-cattle-history-table .negative-change{color:var(--red);font-weight:700}main>.main-content{max-width:calc(100% - 200px)}.sidebar{width:100%;z-index:10;flex:0 0 auto;max-width:200px;border-top:1px solid #eaeef1}@media (max-width: 1023px){.sidebar{max-width:100%;width:auto}}.sidebar .sidebar-wrap{left:0;right:auto;width:100%;max-width:200px;position:fixed}@media (max-width: 1023px){.sidebar .sidebar-wrap{top:auto;bottom:0;max-width:100%}}.sidebar .sidebar-title{color:#003c70;font-weight:700;font-size:12px;background:var(--white);border-bottom:1px solid #eaeef1;padding:18px 20px}@media (max-width: 1023px){.sidebar .sidebar-title{display:none}}.sidebar .sidebar-nav{width:100%;display:flex;flex-direction:column}@media (max-width: 1023px){.sidebar .sidebar-nav{display:flex;flex-direction:row;box-shadow:0 0 20px #00000040}}.sidebar .sidebar-nav .nav-item{display:flex;gap:14px;align-items:center;background:var(--white);border-bottom:1px solid #eaeef1;padding:15px 20px}@media (max-width: 1023px){.sidebar .sidebar-nav .nav-item{width:100%;justify-content:center;height:75px}}.sidebar .sidebar-nav .nav-item.active,.sidebar .sidebar-nav .nav-item:hover{background-color:#003c70}@media (max-width: 1023px){.sidebar .sidebar-nav .nav-item.active,.sidebar .sidebar-nav .nav-item:hover{background-color:#006fcf}}.sidebar .sidebar-nav .nav-item.active .nav-name,.sidebar .sidebar-nav .nav-item:hover .nav-name{color:var(--white)}.sidebar .sidebar-nav .nav-item.active .nav-icon img,.sidebar .sidebar-nav .nav-item:hover .nav-icon img{filter:brightness(0) invert(1)}.sidebar .sidebar-nav .nav-item .nav-icon img{display:block;width:auto;height:12px}@media (max-width: 1023px){.sidebar .sidebar-nav .nav-item .nav-icon img{height:auto;width:24px}}.sidebar .sidebar-nav .nav-item .nav-name{color:var(--blue);font-weight:400;font-size:12px}@media (max-width: 1023px){.sidebar .sidebar-nav .nav-item .nav-name{display:none}.new-customer-page{background-color:var(--white)}.new-customer-page .add-customer{padding:0;background-color:var(--white)}.new-customer-page .add-customer .main-content-topbar .left{gap:0;flex-direction:column}}@media (max-width: 1023px){.main-content{padding:0 0 80px}}@media (max-width: 1023px){.main-content .search-input{min-width:180px;max-width:100%;padding:8px}}@media (max-width: 1023px){.main-content .main-content-table{overflow:auto}}.main-content .main-content-table table{overflow:hidden;width:100%;border-radius:5px}.main-content .main-content-table table th{font-weight:700;text-align:left;color:var(--black);font-style:normal;line-height:normal;font-size:14px;padding:11px 10px 12px;border:1px solid var(--bg-color)}.main-content .main-content-table table td{font-weight:500;text-align:left;color:var(--black);font-style:normal;line-height:normal;font-size:14px;padding:11px 10px 12px;border:1px solid var(--bg-color)}.main-content .main-content-table table td.col-action{padding-top:0;padding-bottom:0}.main-content .main-content-table table thead{background-color:#f7f7f9}.main-content .main-content-table table tbody td{background-color:var(--white)}.main-content .main-content-table table tbody td a{color:var(--blue);text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.main-content .main-content-table table tbody td .processing{color:#2a6394;align-items:center;display:inline-flex;background:#eaeef1;justify-content:center;padding:5px 10px}.main-content .main-content-table table tbody td .pick-up{background:#fb0;color:var(--black);align-items:center;display:inline-flex;justify-content:center;padding:5px 10px;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.main-content .main-content-table table tbody td .delivered{background:#229300;color:var(--white);align-items:center;display:inline-flex;justify-content:center;padding:5px 10px;font-size:14px}.main-content .main-content-table table tbody td .via img{width:24px;height:auto}.main-content .main-content-table table tbody .btn-wrap{display:flex;gap:15px}.main-content .main-content-table table tbody .btn-edit,.main-content .main-content-table table tbody .btn-delete{margin:0;padding:0;border:none;outline:none;display:flex;cursor:pointer;width:32px;height:32px;align-items:center;justify-content:center;border-radius:5px;background-color:transparent;position:relative}.main-content .main-content-table table tbody .btn-edit img,.main-content .main-content-table table tbody .btn-delete img{display:block;width:16px;height:16px}.main-content .main-content-table table tbody .btn-edit:hover,.main-content .main-content-table table tbody .btn-delete:hover{background-color:#f7f7f9}@media (max-width: 1023px){.main-content form .input-wrap{width:100%!important;max-width:100%}.main-content form .input-wrap .label-wrap{justify-content:left}.main-content form .input-wrap .label-wrap .field-error{border-color:1px solid red}.main-content form .input-wrap .label-wrap label{margin-right:58px}.main-content form .has-error .label-wrap input{border-color:1px solid red}}.main-content form .input-wrap input,.main-content form .input-wrap select{width:100%;height:40px;border-radius:4px;border:1px solid var(--blue);padding:8px 10px;transition:border-color .3s}.main-content form .input-wrap input:focus{border:2px solid var(--blue);outline:var(--bg-color);box-shadow:#63636333 0 2px 8px}.main-content form .input-wrap select:focus{background-color:#f4f4f4}.main-content form .input-wrap button:focus{outline:2px solid var(--black);box-shadow:#63636333 0 2px 8px}.main-content form .select-wrap:after{top:50%;content:"";position:absolute;right:15px;pointer-events:none;width:6px;height:6px;border-right:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:translateY(-50%) rotate(45deg)}.main-content form .select-wrap:before{top:0;right:0;bottom:0;content:"";height:100%;width:40px;position:absolute;pointer-events:none;background-color:var(--bg-color);border-left:1px solid var(--blue)}.main-content form .assign-input-div .label{font-weight:700;color:var(--blue);font-style:normal;line-height:normal;font-size:14px;margin-top:16px;margin-bottom:19px}.main-content .current-inventory .page-title{margin-top:20px;margin-bottom:14px}.main-content .current-inventory .flex-div{display:flex;gap:10px}@media (max-width: 1023px){.main-content .current-inventory .flex-div{flex-wrap:wrap}}.main-content .current-inventory .flex-div .rate{width:195.8px;height:100px;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}@media (max-width: 1023px){.main-content .current-inventory .flex-div .rate{max-width:156px;width:calc((100% - 20px)/2)}}.main-content .current-inventory .flex-div .rate h2{color:#000;text-align:center;font-size:32px;font-weight:700}.main-content .agent-sales .assign-input-div{display:flex;gap:10px;margin-top:19px;margin-bottom:21px}.main-content .agent-sales .flex-div{display:flex;gap:10px}@media (max-width: 1023px){.main-content .agent-sales .flex-div{flex-wrap:wrap}}.main-content .agent-sales .flex-div .rate{width:195.8px;height:100px;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}@media (max-width: 1023px){.main-content .agent-sales .flex-div .rate{max-width:156px;width:calc((100% - 20px)/2)}}.main-content .agent-sales .flex-div .rate h2{color:#000;text-align:center;font-size:32px;font-weight:700}.main-content .agent-orders{margin-top:33px;margin-bottom:13px}.main-content .agent-orders .select-wrap{margin-top:20px;margin-bottom:21px}.main-content .inventory-buttons,.main-content .buttons{gap:10px;display:flex;margin-top:12px;margin-bottom:32px}@media (max-width: 1023px){.main-content .inventory-buttons,.main-content .buttons{flex-direction:column}.main-content.add-admin{padding:0 0 40px}}.modal{top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;position:fixed;align-items:center;justify-content:center;background-color:#00000080}.modal .leadmodal__content{width:90%;max-width:260px;border-radius:5px;background-color:var(--white);padding:15px 20px 20px;box-shadow:0 4px 8px #0003}.modal .leadmodal__header{padding-bottom:18px}.modal .leadmodal__title{font-weight:700;color:var(--blue);font-size:16px;line-height:22px;margin-bottom:2px}.modal .leadmodal__subtitle{font-weight:400;color:var(--black);font-size:12px;line-height:16px}.modal .leadmodal__body form{display:block}.modal .form-group{margin-bottom:17px}.modal .form-group label{display:block;font-weight:500;font-size:14px;line-height:18px;margin-bottom:5px}.modal .form-group .form-control{width:100%;height:40px;padding:0 12px;font-size:14px;border-radius:5px;border:1px solid var(--blue)}.modal .leadmodal__footer .btn{width:100%}.modal .leadmodal__footer .btn.lead-btn-save{margin-bottom:20px}.modal .leadmodal__footer .btn.lead-btn-cancel{background-color:var(--red)}.alert-message{position:relative;border-radius:5px;margin-bottom:20px;padding:12px 15px}.alert-message.success{color:var(--blue);border:1px solid var(--blue);background-color:rgba(var(--blue),.1)}.alert-message.error{color:var(--red);border:1px solid var(--red);background-color:rgba(var(--red),.1)}.alert-message .close-alert{border:none;top:10px;color:inherit;cursor:pointer;right:10px;background:none;position:absolute;font-size:18px}.alert-message .close-alert:after{content:"×"}@media (max-width: 1023px){.customer-management,.add-customer{padding:0}}.customer-management table .category-cell .category-icon,.add-customer table .category-cell .category-icon{margin:0 auto;display:block;width:30px;height:30px}.customer-management table .col-updated.warning,.add-customer table .col-updated.warning{background-color:#fcf2f2}.customer-management table .col-updated.warning .date-wrapper,.add-customer table .col-updated.warning .date-wrapper{display:flex;color:#c30101;font-weight:700;justify-content:space-between}.customer-management table .col-updated.warning .date-wrapper img,.add-customer table .col-updated.warning .date-wrapper img{display:block;width:16px;height:16px}.customer-management .readonly-input .input-div,.add-customer .readonly-input .input-div{width:100%;position:relative;background:#eaeef1}.customer-management .readonly-input .input-div img,.add-customer .readonly-input .input-div img{top:50%;left:auto;right:12px;width:12px;height:16px;position:absolute;transform:translateY(-50%)}.customer-management .readonly-input .input-div input,.add-customer .readonly-input .input-div input{cursor:not-allowed;background:#eaeef1}.btn.warning{background-color:var(--red)!important}.main-content{width:100%;background-color:var(--bg-color);padding:20px 20px 20px 31px}@media (max-width: 1023px){.main-content{padding:20px 20px 80px}}.main-content .main-content-topbar{display:flex;justify-content:space-between;margin-bottom:20.5px}@media (max-width: 1023px){.main-content .main-content-topbar .left{gap:30px}}.main-content .main-content-topbar .right{display:flex;gap:20px;justify-content:flex-end}@media (max-width: 1023px){.main-content .main-content-topbar .right{flex-wrap:wrap;justify-content:space-between}}.main-content .page-title{font-weight:700;font-style:normal;color:var(--black);line-height:normal;font-size:16px;margin-bottom:4px;font-family:var(--primary-font)}.main-content .page-title-label{font-weight:400;color:var(--black);font-style:normal;line-height:normal;font-size:12px}.main-content .select-wrap{overflow:hidden;width:-moz-fit-content;width:fit-content;position:relative;height:40px;background:var(--white);border-radius:5px;border:1px solid var(--blue)}.main-content .select-wrap:after{top:50%;content:"";position:absolute;right:15px;pointer-events:none;width:6px;height:6px;border-right:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:translateY(-50%) rotate(45deg)}.main-content .select-wrap:before{top:0;right:0;bottom:0;content:"";height:100%;width:40px;position:absolute;pointer-events:none;background-color:var(--bg-color);border-left:1px solid var(--blue)}.main-content .select-wrap select{border:none;outline:none;font-weight:400;font-style:normal;line-height:normal;color:var(--black);padding:10px;font-size:14px;min-width:159px;background:var(--white)}@media (max-width: 1023px){.main-content .select-wrap select{min-width:140px}}.main-content .search-input{height:40px;padding:10px;min-width:200px;background:var(--white);border-radius:5px;border:1px solid var(--blue)}@media (max-width: 1023px){.main-content .search-input{min-width:178px;max-width:100%;padding:7px}}.main-content .search-input::-moz-placeholder{color:#d9d9d9;font-weight:400;font-style:normal;line-height:normal;font-size:14px}.main-content .search-input::placeholder{color:#d9d9d9;font-weight:400;font-style:normal;line-height:normal;font-size:14px}.main-content .btn{margin:0;border:none;outline:none;display:block;cursor:pointer;font-weight:700;font-style:normal;height:40px;color:var(--white);line-height:normal;font-size:14px;background:var(--blue);border-radius:5px;padding:10px 24px}.main-content table{overflow:hidden;width:100%;border-radius:5px}.main-content table th{font-weight:700;text-align:left;color:var(--black);font-style:normal;line-height:normal;font-size:14px;padding:11px 10px 12px;border:1px solid var(--bg-color)}.main-content table td{font-weight:500;text-align:left;color:var(--black);font-style:normal;line-height:normal;font-size:14px;padding:11px 10px 12px;border:1px solid var(--bg-color)}.main-content table td.col-action{padding-top:0;padding-bottom:0}.main-content table thead{background-color:#f7f7f9}.main-content table tbody td{background-color:var(--white)}.main-content table tbody td a{color:var(--blue);text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.main-content table tbody td.status div{align-items:center;display:inline-flex;background:#eaeef1;justify-content:center;padding:1px 10px}.main-content table tbody td.status div.processing{color:#2a6394;background:#eaeef1}.main-content table tbody td.status div.pick-up{background:#fb0;color:var(--black)}.main-content table tbody td.status div.delivered{color:var(--white);background:#229300}.main-content table tbody td.status div.delayed{color:var(--white);background:var(--red)}.main-content table tbody td .via img{width:24px;height:auto}.main-content table tbody .btn-wrap{display:flex;gap:15px}.main-content table tbody .btn-icon{margin:0;padding:0;border:none;outline:none;display:flex;cursor:pointer;width:32px;height:32px;align-items:center;justify-content:center;border-radius:5px;background-color:transparent;position:relative}.main-content table tbody .btn-icon img{display:block;width:16px;height:16px}.main-content table tbody .btn-icon:hover{background-color:#f7f7f9}.main-content .main-content-form{background-color:var(--white);padding:16px 20px}@media (max-width: 1023px){.main-content .main-content-form{padding:0}}.main-content form{display:flex;gap:30px;row-gap:16px;flex-wrap:wrap}.main-content form .input-wrap{width:calc(25% - 30px)}.main-content form .input-wrap.readonly-input input{background-color:#eaeef1}@media (max-width: 1023px){.main-content form .has-error .label-wrap{justify-content:left}.main-content form .has-error .label-wrap label{margin-right:58px}}.main-content form .label-wrap{display:flex;flex-wrap:wrap;margin-bottom:5px;justify-content:space-between}.main-content form label,.main-content form input{font-weight:500;color:var(--black);font-style:normal;line-height:normal;font-size:14px}.main-content form .category-div{width:100%;height:40px;border-radius:4px;padding:8px 10px;border:1px solid var(--blue)}.main-content form .input-wrap input,.main-content form .input-wrap select{width:100%;height:40px;border-radius:4px;padding:8px 10px;border:1px solid var(--blue);transition:border-color .3s}.main-content form .input-wrap input:focus,.main-content form .input-wrap select:focus{outline:none;border-color:var(--blue)}.main-content form .input-wrap .error{display:block;color:var(--red);text-align:right;font-style:normal;font-weight:500;line-height:normal;font-size:12px}.main-content form .input-wrap input:invalid,.main-content form .input-wrap select:invalid,.main-content form .input-wrap textarea:invalid{border-color:var(--blue)}.main-content form .select-wrap{width:100%;overflow:hidden;position:relative;background:var(--white);border-radius:5px;border:1px solid var(--blue)}.main-content form .select-wrap:after{top:50%;z-index:1;content:"";width:6px;right:15px;height:6px;position:absolute;pointer-events:none;border-right:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:translateY(-50%) rotate(45deg)}.main-content form .select-wrap:before{top:0;right:0;bottom:0;z-index:1;content:"";height:100%;width:40px;position:absolute;pointer-events:none;background-color:var(--bg-color);border-left:1px solid var(--blue)}.main-content form .select-wrap select{border:none;outline:none;font-weight:400;font-style:normal;line-height:normal;color:var(--black);padding:10px;font-size:14px;min-width:159px;background:var(--white)}.main-content form .assign-input-div{width:100%}.main-content form .assign-input-div .label{font-weight:700;color:var(--blue);font-style:normal;line-height:normal;font-size:14px;margin-bottom:19px}.main-content form .assign-input-div .assign-input-wrap{display:flex;gap:11px;align-items:flex-end}@media (max-width: 1023px){.main-content form .assign-input-div .assign-input-wrap{justify-content:space-between}}.main-content form .assign-input-div .assign-input-wrap .input-wrap{width:-moz-fit-content;width:fit-content}@media (max-width: 1023px){.main-content form .assign-input-div .assign-input-wrap .input-wrap{width:100%}}.main-content .assigned-data-wrap{margin-top:24px}.main-content .assigned-data-wrap .label{font-weight:700;color:var(--black);font-style:normal;line-height:normal;font-size:14px;margin-bottom:16px}.main-content .assigned-data-wrap .assigned-value-list{display:flex;flex-wrap:wrap;gap:12px}.main-content .assigned-data-wrap .assigned-value{display:flex;align-items:center;border-radius:20px;border:1px solid var(--blue);padding:5px 11px;background:#006fcf1a}.main-content .assigned-data-wrap .assigned-value .btn-remove{padding:0;border:none;outline:none;display:block;cursor:pointer;width:32px;position:relative;height:32px;background:transparent;margin:0 0 0 10px}.main-content .assigned-data-wrap .assigned-value .btn-remove:before,.main-content .assigned-data-wrap .assigned-value .btn-remove:after{top:50%;left:50%;content:"";height:2px;display:block;width:16px;position:absolute;background:var(--red)}.main-content .assigned-data-wrap .assigned-value .btn-remove:before{transform:translate(-50%,-50%) rotate(45deg)}.main-content .assigned-data-wrap .assigned-value .btn-remove:after{transform:translate(-50%,-50%) rotate(-45deg)}.main-content .assigned-data-wrap .assigned-value .btn-remove:hover{background-color:var(--bg-color)}.main-content .cattle .page-title{margin-top:20px;margin-bottom:12px}.main-content .cattle .label{margin-bottom:20px}.main-content .cattle .label span{font-weight:700}.main-content .cattle .flex-div{display:flex;gap:10px}.main-content .cattle .flex-div .rate{width:calc((100% - 30px) / 3);height:100px;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.main-content .cattle .flex-div .rate h2{color:#000;text-align:center;font-size:32px;font-weight:700;transition:background-color .3s ease}.main-content .cattle .flex-div .rate h2.updated{animation:highlight 1.5s ease-out}.main-content .cattle .flex-div .rate h2.loading{position:relative;color:transparent!important}.main-content .cattle .flex-div .rate h2.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid rgba(0,111,207,.2);border-top-color:#006fcf;animation:spin .8s linear infinite}.main-content .cattle .flex-div .rate p,.main-content .cattle .flex-div .rate .label{margin-bottom:0}.main-content .loading-indicator{text-align:center;padding:20px;color:#666}@keyframes spin{to{transform:rotate(360deg)}}@keyframes highlight{0%{background-color:#006fcf33}to{background-color:transparent}}.main-content .warning .flex-div .rate{border:1px solid var(--red)}.main-content .warning .flex-div .rate h2{color:var(--red)}.main-content .warning .flex-div .rate .label,.main-content .warning .flex-div .rate p{margin-bottom:0}.main-content .customer-inventory{margin-bottom:32px}.main-content .customer-inventory .page-title{margin-top:20px;margin-bottom:14px}.main-content .customer-inventory p{margin-bottom:20px}.main-content .customer-inventory p span{font-weight:700}.main-content .customer-inventory p span.warning{color:#c30101}.main-content .customer-inventory .flex-div{width:100%;display:flex;gap:10px}.main-content .customer-inventory .flex-div .rate{width:calc((100% - 50px)/5);height:100px;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.main-content .customer-inventory .flex-div .rate h2{color:#000;text-align:center;font-size:32px;font-weight:700}.main-content .customer-inventory .flex-div .rate p,.main-content .customer-inventory .flex-div .rate .label{margin-bottom:0}.main-content .customer-inventory .flex-div.warning .rate{border:1px solid var(--red)}.main-content .customer-inventory .flex-div.warning .rate h2{color:var(--red)}.main-content .customer-purchase .filter-row{justify-content:space-between;display:flex;gap:10px;margin-top:19px;margin-bottom:21px}.main-content .customer-purchase .filter-row .left{display:flex;gap:9px}.main-content .customer-purchase .filter-row .right .buttons{margin-top:0;margin-bottom:0}.main-content .customer-purchase .flex-div{width:100%;display:flex;gap:10px}.main-content .customer-purchase .flex-div .rate{width:100%;height:100px;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.main-content .customer-purchase .flex-div .rate h2{color:#000;text-align:center;font-size:32px;font-weight:700}.main-content .customer-purchase .flex-div .rate p,.main-content .customer-purchase .flex-div .rate .label{margin-bottom:0}.main-content .customer-orders{margin-top:33px;margin-bottom:13px}.main-content .customer-orders .select-wrap{margin-top:20px;margin-bottom:21px}.main-content .buttons{gap:10px;display:flex;margin-top:12px;margin-bottom:32px}.main-content .save-add{margin-top:20px}.main-content.add-admin .btn-save{min-width:178px}@media (max-width: 1023px){.main-content.add-admin .btn-save{min-width:100%}}form.filter-row.submitting{position:relative}form.filter-row.submitting:after{display:none}select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.customer-purchase .filter-row{margin-bottom:20px}.customer-orders table tbody tr td .loading-indicator{display:flex;justify-content:center;align-items:center;padding:30px 0}.customer-orders table tbody tr td .loading-indicator:before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;border-radius:50%;border:2px solid rgba(0,111,207,.2);border-top-color:#006fcf;animation:spin .8s linear infinite}.order{margin-top:2px;margin-left:-2px}.order form{display:block}.order .ordercreate__wrap{margin-top:11px;border-radius:5px;margin-bottom:27px;background-color:var(--white);padding:16px 22px 12px}@media (max-width: 1023px){.order .ordercreate__wrap{margin-bottom:20px;padding:20px 20px 30px}}.order .ordercreate__mobile{margin-bottom:25px}.order .ordercreate__mobile label{display:block;font-weight:500;font-size:14px;line-height:17px;margin-bottom:8px}.order .ordercreate__mobile .ordercreate__mobile--wrap{display:flex;gap:20px}.order .ordercreate__mobile .ordercreate__mobile--wrap .select-wrap{width:100%;max-width:209px}.order .ordercreate__mobile .ordercreate__mobile--wrap select{flex:1;width:100%;height:40px;padding:0 12px;font-size:14px;border-radius:5px;background-color:var(--white)}.order .ordercreate__mobile .ordercreate__mobile--wrap select:focus{outline:none;border-color:transparent}.order .ordercreate__customer{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.order .ordercreate__customer .ordercreate__customer--single{min-width:91px;max-width:250px}.order .ordercreate__customer p{font-weight:700;line-height:150%;color:var(--black);font-size:16px}.order .ordercreate__customer p.label{font-weight:500;font-size:14px}.order .orderproduct{display:flex;gap:10px;margin-top:8px;margin-bottom:28px}@media (max-width: 1023px){.order .orderproduct{flex-direction:column;margin-bottom:20px}}.order .orderproduct .orderproduct__single{width:100%;display:flex;max-width:337px;border-radius:5px;background-color:var(--white);justify-content:space-between;padding:10px 19px 8px 22px}@media (max-width: 1023px){.order .orderproduct .orderproduct__single{max-width:100%;padding:10px 25px 13px 20px}}.order .orderproduct .orderproduct__single h3{font-weight:700;line-height:150%;color:var(--black);font-size:16px}.order .orderproduct .orderproduct__single .orderproduct__single--stock{display:block;font-weight:400;line-height:150%;color:var(--black);font-size:12px;margin-top:-5px}.order .orderproduct .orderproduct__single--input{width:100%;display:flex;overflow:hidden;height:40px;margin-left:auto;background:#eaeef1;max-width:120px;border-radius:5px;border:1px solid var(--blue)}.order .orderproduct .orderproduct__single--input input{width:100%;border:none;font-weight:400;height:40px;text-align:center;color:var(--black);max-width:40px;font-size:16px;background:transparent}@media (max-width: 1023px){.order .orderproduct .orderproduct__single--input input{text-align:center}}.order .orderproduct .orderproduct__single--input button{cursor:pointer;width:41px;height:41px;color:var(--black);font-size:16px;margin-top:-1px;line-height:38px;border-radius:5px;background:var(--white);border:1px solid var(--blue)}.order .orderproduct .orderproduct__single--input button.decrease-product{margin-left:-1px}.order .orderproduct .orderproduct__single--input button.increase-product{margin-right:-1px}.order .orderproduct .orderproduct__single--amount{font-weight:400;line-height:150%;text-align:center;color:var(--black);font-size:12px;margin-top:3px}.order .orderprice{width:100%;display:flex;margin-top:7px;max-width:337px;border-radius:5px;margin-bottom:26px;background:var(--white);justify-content:space-between;padding:10px 15px 13px 23px}@media (max-width: 1023px){.order .orderprice{max-width:100%;margin-bottom:20px}}.order .orderprice .orderprice__title,.order .orderprice .orderprice__price{font-weight:700;line-height:150%;color:var(--black);font-size:16px}.order .orderprice .orderprice__pricetext{font-weight:400;line-height:150%;color:var(--black);font-size:12px;margin-top:-5px}.order .orderdelivery{width:100%;margin-top:7px;max-width:433px;border-radius:5px;margin-bottom:26px;background:var(--white);padding:16px 15px 13px 22px}.order .orderdelivery .orderdelivery__radio{display:block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;padding-left:39px;margin-bottom:22px}.order .orderdelivery .orderdelivery__radio:last-child{margin-bottom:0}.order .orderdelivery .orderdelivery__radio input{width:0;height:0;opacity:0;cursor:pointer;position:absolute}.order .orderdelivery .orderdelivery__radio .checkmark{left:0;top:6px;width:24px;height:24px;position:absolute;border-radius:5px;background-color:#eaeef1;border:1px solid var(--blue)}.order .orderdelivery .orderdelivery__radio .orderdelivery__radio--title{font-weight:700;line-height:150%;color:var(--black);font-size:16px}.order .orderdelivery .orderdelivery__radio .orderdelivery__radio--subtitle{font-weight:400;line-height:150%;color:var(--black);font-size:12px;margin-top:-6px}.order .orderdelivery .orderdelivery__radio input:checked~.checkmark{border:1px solid #229300;background-color:#229300}.order .orderdelivery .orderdelivery__radio .checkmark:after{content:"";top:3px;display:none;left:9px;width:5px;height:10px;position:absolute;transform:rotate(45deg);border-right:3px solid var(--white);border-bottom:3px solid var(--white)}.order .orderdelivery .orderdelivery__radio input:checked~.checkmark:after{display:block}.order .btn-submit{min-width:170px}.change-order-status .order-input[readonly]{pointer-events:none;cursor:not-allowed}.change-order-status .quantity-input{border:1px solid var(--blue);background-color:#fff;font-weight:600}.change-order-status .quantity-input.insufficient{background-color:#fee;border-color:var(--red)}.change-order-status .change-item.updated{background-color:rgba(var(--blue),.1);transition:background-color .5s ease}.change-order-status .change-item.quantity-changed{background-color:#f0f8ff;transition:background-color .5s ease}@media (max-width: 1023px){.order-manage-table,.table-style{overflow:auto}}.order-manage-table table,.table-style table{overflow:hidden;width:100%;border-radius:5px}.order-manage-table table th,.table-style table th{font-weight:700;text-align:left;color:var(--black);font-style:normal;line-height:normal;font-size:14px;vertical-align:middle;padding:11px 10px 12px;border:1px solid var(--bg-color)}.order-manage-table table td,.table-style table td{font-weight:500;text-align:left;padding:5px;color:var(--black);font-style:normal;line-height:normal;vertical-align:middle;font-size:14px;border:1px solid var(--bg-color)}.order-manage-table table td input,.table-style table td input{padding:6px 5px 7px}.order-manage-table table td.col-action,.table-style table td.col-action{padding-top:0;padding-bottom:0}.order-manage-table table td.col-status .col-status-wrap,.table-style table td.col-status .col-status-wrap{display:flex;font-weight:400;color:#2a6394;font-size:14px}.order-manage-table table td.col-status .col-status-wrap p,.table-style table td.col-status .col-status-wrap p{background:#eaeef1;padding:5px 10px}.order-manage-table table td.col-status .col-status-wrap.delivered p,.table-style table td.col-status .col-status-wrap.delivered p{color:var(--white);background:#229300}.order-manage-table table td.col-status .col-status-wrap.delayed p,.table-style table td.col-status .col-status-wrap.delayed p{color:var(--white);background:#c30101}.order-manage-table table td.col-status .col-status-wrap.ready-for-pickup p,.table-style table td.col-status .col-status-wrap.ready-for-pickup p{color:var(--black);background:#fb0}.order-manage-table table td.col-action,.table-style table td.col-action{padding-bottom:3px;padding-top:4px}.order-manage-table table td.col-role,.order-manage-table table td.col-id,.table-style table td.col-role,.table-style table td.col-id{padding:11px 10px 12px}.order-manage-table table td.col-customer .col-customer-wrap,.table-style table td.col-customer .col-customer-wrap{gap:5px;display:flex;align-items:center}.order-manage-table table td.col-customer .col-customer-wrap img,.table-style table td.col-customer .col-customer-wrap img{display:block;width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.order-manage-table table thead,.table-style table thead{background-color:#f7f7f9}.order-manage-table table tbody tr.hidden-row,.table-style table tbody tr.hidden-row{display:none}.order-manage-table table tbody td,.table-style table tbody td{background-color:var(--white)}.order-manage-table table tbody td a,.table-style table tbody td a{color:var(--blue);text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.order-manage-table table tbody td input,.table-style table tbody td input{border:none;width:100%;outline:none}.order-manage-table table tbody td input:disabled,.table-style table tbody td input:disabled{color:var(--black)}.order-manage-table table tbody .btn-wrap,.table-style table tbody .btn-wrap{display:flex;gap:15px}.order-manage-table table tbody .leadbtn-edit,.order-manage-table table tbody .btn-edit,.order-manage-table table tbody .btn-delete,.order-manage-table table tbody .lead-btn-delete,.order-manage-table table tbody .btn-save,.order-manage-table table tbody .btn-cancel,.order-manage-table table tbody .btn-wrap button,.table-style table tbody .leadbtn-edit,.table-style table tbody .btn-edit,.table-style table tbody .btn-delete,.table-style table tbody .lead-btn-delete,.table-style table tbody .btn-save,.table-style table tbody .btn-cancel,.table-style table tbody .btn-wrap button{margin:0;padding:0;border:none;outline:none;display:flex;cursor:pointer;width:32px;height:32px;align-items:center;justify-content:center;border-radius:5px;background-color:transparent;position:relative}.order-manage-table table tbody .leadbtn-edit img,.order-manage-table table tbody .btn-edit img,.order-manage-table table tbody .btn-delete img,.order-manage-table table tbody .lead-btn-delete img,.order-manage-table table tbody .btn-save img,.order-manage-table table tbody .btn-cancel img,.order-manage-table table tbody .btn-wrap button img,.table-style table tbody .leadbtn-edit img,.table-style table tbody .btn-edit img,.table-style table tbody .btn-delete img,.table-style table tbody .lead-btn-delete img,.table-style table tbody .btn-save img,.table-style table tbody .btn-cancel img,.table-style table tbody .btn-wrap button img{display:block;width:16px;height:16px}.order-manage-table table tbody .leadbtn-edit:hover,.order-manage-table table tbody .btn-edit:hover,.order-manage-table table tbody .btn-delete:hover,.order-manage-table table tbody .lead-btn-delete:hover,.order-manage-table table tbody .btn-save:hover,.order-manage-table table tbody .btn-cancel:hover,.order-manage-table table tbody .btn-wrap button:hover,.table-style table tbody .leadbtn-edit:hover,.table-style table tbody .btn-edit:hover,.table-style table tbody .btn-delete:hover,.table-style table tbody .lead-btn-delete:hover,.table-style table tbody .btn-save:hover,.table-style table tbody .btn-cancel:hover,.table-style table tbody .btn-wrap button:hover{background-color:#f7f7f9}.order-manage-table table tbody .leadbtn-edit img,.table-style table tbody .leadbtn-edit img{width:auto}.order-manage-table table tbody .btn-cancel,.table-style table tbody .btn-cancel{position:relative}.order-manage-table table tbody .btn-cancel:before,.order-manage-table table tbody .btn-cancel:after,.table-style table tbody .btn-cancel:before,.table-style table tbody .btn-cancel:after{top:50%;left:50%;content:"";height:2px;width:16px;position:absolute;background:var(--red);transform-origin:center}.order-manage-table table tbody .btn-cancel:before,.table-style table tbody .btn-cancel:before{transform:translate(-50%,-50%) rotate(45deg)}.order-manage-table table tbody .btn-cancel:after,.table-style table tbody .btn-cancel:after{transform:translate(-50%,-50%) rotate(-45deg)}.order-manage-table table tbody .edit-controls,.table-style table tbody .edit-controls{display:none}.order-manage-table table tbody tr.editing input,.table-style table tbody tr.editing input{border-radius:5px;border:1px solid var(--blue)}.order-manage-table table tbody tr.editing .btn-wrap,.table-style table tbody tr.editing .btn-wrap{display:none}.order-manage-table table tbody tr.editing .edit-controls,.table-style table tbody tr.editing .edit-controls{display:flex;gap:15px}.order-manage-table table tbody .no-results,.table-style table tbody .no-results{padding:20px;text-align:center}.order-manage-table table tbody .editable-field.invalid,.table-style table tbody .editable-field.invalid{border-color:red;background-color:#fff0f0}@media (max-width: 1023px){.edit-order{padding:0}}.edit-order .main-content-topbar .left{flex-direction:column;gap:0}.edit-order .edit-orders-form{padding:20px}.edit-order .tracking-content .left{margin-top:31px}.edit-order .tracking-content .tracking-container{display:flex;justify-content:space-between;align-items:center;position:relative;margin-top:17px;margin-bottom:33px;z-index:1}@media (max-width: 1023px){.edit-order .tracking-content .tracking-container{gap:30px;flex-direction:column}}.edit-order .tracking-content .tracking-step{background-color:#fff;padding:10px;border-radius:30px;display:flex;max-width:100%;align-items:center;width:calc((100% - 128px) / 3);text-align:left}@media (max-width: 1023px){.edit-order .tracking-content .tracking-step{width:100%}}.edit-order .tracking-content .tracking-container:before{content:"";position:absolute;transform:translateY(-50%);width:100%;max-width:100%;top:50%;left:0;right:0;height:1px;background-color:#fff;z-index:-1}@media (max-width: 1023px){.edit-order .tracking-content .tracking-container:before{height:100%;width:1px;bottom:0%;left:50%}}.edit-order .tracking-content .tracking-icon{display:flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;color:#fff;margin-right:15px;flex-shrink:0;background-color:#28a745}.edit-order .tracking-content .tracking-icon.pending{background-color:#eaeef1}.edit-order .tracking-content .tracking-content{z-index:1}.edit-order .tracking-content .tracking-title{font-size:12px;margin:0}.edit-order .tracking-content .tracking-title strong{font-weight:700}.edit-order .tracking-content .tracking-date{font-weight:700;font-size:16px}.edit-order .tracking-content .pending{color:#c30101}.edit-order .order-details-section{display:flex;flex-wrap:wrap;margin-top:55px;justify-content:space-between}@media (max-width: 1023px){.edit-order .order-details-section{flex-direction:column;gap:20px}}.edit-order .item-breakdown{width:60%}@media (max-width: 1023px){.edit-order .item-breakdown{width:100%}}.edit-order .item-breakdown table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:5px;overflow:hidden}.edit-order .total-row{background-color:#d3e2ee}.edit-order .total-row td{background-color:#d3e2ee!important;font-weight:700!important}.edit-order .payment-info{width:35%;display:flex;flex-direction:column;justify-content:start}@media (max-width: 1023px){.edit-order .payment-info{width:100%}}.edit-order .payment-info .section-title{margin-bottom:20px}.edit-order .payment-block{background-color:var(--white);display:flex;align-items:center;gap:9px;border-radius:10px;margin-bottom:11px}.edit-order .payment-block .source{padding:15px 0 15px 10px;border-right:1px solid #eaeef1}.edit-order .payment-block .payment{padding:15px 15px 15px 10px;border-right:1px solid #eaeef1}.edit-order .payment-block label{font-weight:700;width:80px}.edit-order .whatsapp-icon{display:flex;align-items:center;gap:6px}.edit-order .upi-icon{display:flex;align-items:center;gap:10px}.edit-order .upi-icon img{height:24px}.edit-order .section-title{font-weight:700;margin-bottom:20px}.edit-order .order-notes-section{margin-top:32px}.edit-order .order-notes-title{font-weight:700;margin-bottom:11px}.edit-order .order-note{background-color:var(--white);padding:18px 18px 22px 21px;border-radius:5px;line-height:1.6;margin-bottom:20px}.edit-order .order-note small{display:block;margin-top:10px}.edit-order .order-note strong{color:#000;font-weight:700}.edit-order .order-history-container{margin-top:42px}.edit-order .order-history-container .order-history-title{margin-bottom:23px;font-weight:700;font-size:16px}.edit-order .order-history-container .order-history-table{width:100%;border-collapse:collapse}