*{box-sizing:border-box;margin:0;padding:0}body{direction:rtl;text-align:right;background-color:#f1f1f1;font-family:IBM Plex Sans Arabic,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.bttn{all:unset;padding:.5rem 1.5rem;width:-moz-fit-content;width:fit-content;transition:.3s;outline:none!important;border-radius:4px;font-weight:300;scale:1;border:1px solid transparent;font-size:.875rem;cursor:pointer!important}.bttn:active{scale:.95!important}.bttn.bttn_primary{background-color:#5588cf;color:#fff}.bttn.bttn_border{border:1px solid #5588cf;color:#5588cf;font-size:15px;font-weight:400}.bttn.bttn_border:active{scale:.9}.bttn.bttn_secondary{background-color:transparent;border:1px solid #fff;color:#fff}.bttn.bttn_light{background-color:#e8eff7;color:#1b3250}.bttn.bttn_disabled{background-color:#5e5e5e;color:#12161c}.bttn:disabled{background-color:#a3a3a3;color:#12161c}.bttn:disabled:active{scale:1!important}.inputBox{margin-bottom:1rem}.inputBox label{margin-bottom:10px;font-weight:500;display:flex;align-items:center;gap:10px}.inputBox label span{color:#fff;width:30px;height:30px;background-color:#5588cf;border-radius:4px;font-size:14px;display:grid;place-items:center}.inputBox input,.inputBox textarea{all:unset;width:100%;padding:.5rem 1rem;border:1px solid #ccc;border-radius:6px;transition:.3s;box-sizing:border-box;background-color:#fff}.inputBox input::placeholder,.inputBox textarea::placeholder{color:#ccc;font-weight:300;opacity:.7;font-size:15px}.inputBox input:active,.inputBox input:focus,.inputBox textarea:active,.inputBox textarea:focus{border-color:#5588cf;background-color:#fff}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.page{margin-top:2rem}.addMore{display:flex;justify-content:flex-end}.addMore button{all:unset;padding:.5rem 1rem;cursor:pointer;transition:.3s}.addMore button:active{scale:.9}.bttns{display:flex;margin-top:2rem}.bttns button{flex:1 1;display:flex;align-items:center;justify-content:center;gap:10px}table{width:100%;border-collapse:collapse;margin-top:1rem}table thead{background-color:#fff;color:#5588cf}table thead th{padding:.5rem;font-weight:300}table tbody tr td{padding:.5rem;border-bottom:1px solid #ccc}.page h1{margin-bottom:2rem}.products{display:flex;flex-wrap:wrap;gap:1rem}.products .productAction{width:47%}.products .productAction button{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.products .productAction:first-child button{background-color:#16a085}.products .productAction:nth-child(2) button{background-color:#8e44ad}.products .productAction:nth-child(3) button{background-color:#f39c12}.products .productAction:nth-child(5) button{background-color:#2980b9}.products .productAction:nth-child(6) button{background-color:#27ae60}.products .productAction:nth-child(7) button{background-color:#f1c40f}.products .productAction:nth-child(8) button{background-color:#e74c3c}.productsPage{height:calc(100vh - 50px)}.productsPage .container{height:100%}.pageContnet{display:flex;flex-direction:column;justify-content:space-between;height:100%}.bttnsSave{display:flex}.bttnsSave button{flex:1 1;text-align:center}